.tail-chase-page{--tail-night:#0d1c36;--tail-night-soft:#172b4d}.tail-shell{background:radial-gradient(circle at 14% 16%,#ffffffeb 0 68px,#0000 70px),radial-gradient(circle at 87% 23%,#46d0c42e 0 105px,#0000 107px),linear-gradient(#dff7f5 0,#f5fbf8 57%,#eaf5ff 100%)}.tail-intro>span{color:#5e4ba7;background:#8e6ee821}.tail-card{width:min(920px,100%)}.tail-surface{min-height:550px}.tail-game-panel{width:100%;margin:0 auto}.tail-round-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px;display:grid}.tail-round-bar strong,.tail-round-bar b{border:2px solid var(--party-ink);background:#fff;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.tail-round-bar strong{color:#fff;background:#6953bc}.tail-round-bar b{justify-content:center;min-width:58px}.tail-round-bar>span{color:#667587;text-align:center;font-size:9px;font-weight:800}.tail-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px;display:grid}.tail-player-card{background:#fff;border:2px solid #17233821;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:55px;padding:8px 9px;display:grid}.tail-player-card.self{border-color:var(--tail-player-color);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tail-player-color) 18%, transparent)}.tail-player-card.eliminated{filter:grayscale(.65);opacity:.58}.tail-player-card.disconnected{border-style:dashed}.tail-player-card .party-bean-avatar{transform-origin:50%;width:27px;height:26px;transform:scale(.82)}.tail-player-card>span:nth-child(2){min-width:0}.tail-player-card strong,.tail-player-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tail-player-card strong{font-size:9px}.tail-player-card small{color:#8995a2;margin-top:3px;font-size:7px}.tail-score-dots{grid-column:1/-1;justify-content:center;gap:4px;display:flex}.tail-score-dots i{background:#e1e7eb;border-radius:999px;width:17px;height:5px}.tail-score-dots i.filled{background:var(--tail-player-color);box-shadow:0 0 7px var(--tail-player-color)}.tail-arena-frame{border:3px solid var(--party-ink);background:var(--tail-night);border-radius:20px;position:relative;overflow:hidden;box-shadow:7px 8px #1723382e}.tail-arena-frame canvas{aspect-ratio:12/7;background:var(--tail-night);width:100%;height:auto;display:block}.tail-overlay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#050e1e94;place-content:center;display:none;position:absolute;inset:0}.tail-overlay.visible{display:grid}.tail-overlay small{letter-spacing:.16em;font-size:9px;font-weight:900}.tail-overlay strong{text-shadow:0 0 24px #46d0c48c;margin-top:4px;font-size:clamp(42px,9vw,82px);font-weight:900;line-height:1}.tail-overlay span{color:#d8e9ef;margin-top:8px;font-size:10px;font-weight:700}.tail-overlay.round-end strong{font-size:clamp(28px,7vw,54px)}.tail-controls{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:12px;margin-top:14px;display:grid}.tail-dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,minmax(44px,1fr));gap:4px;width:min(190px,100%);margin:0 auto;display:grid}.tail-dpad button{border:3px solid var(--party-ink);min-width:44px;min-height:44px;color:var(--party-ink);box-shadow:2px 3px 0 var(--party-ink);cursor:pointer;font:inherit;touch-action:manipulation;background:#dff8f4;border-radius:12px;place-content:center;padding:3px;font-weight:900;display:grid}.tail-dpad button span,.tail-dpad button small{line-height:1;display:block}.tail-dpad button span{font-size:18px}.tail-dpad button small{color:#6c7d87;margin-top:3px;font-size:7px}.tail-dpad button.up{grid-area:1/2}.tail-dpad button.left{grid-area:2/1}.tail-dpad>i{color:#99a9b2;grid-area:2/2;place-items:center;font-size:10px;font-style:normal;display:grid}.tail-dpad button.right{grid-area:2/3}.tail-dpad button.down{grid-area:3/2}.tail-dpad button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.tail-dpad button.current{color:#fff;background:#6953bc;box-shadow:0 0 0 3px #6953bc29}.tail-dpad button.current small{color:#e8e3ff}.tail-dpad button.reverse:disabled{opacity:.2}.tail-dpad button:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.42;box-shadow:1px 2px 0 var(--party-ink);transform:none}.tail-control-guide{text-align:center;background:#f7faf9;border:2px solid #1723381f;border-radius:14px;place-content:center;min-width:150px;padding:11px 13px;display:grid}.tail-control-guide strong{font-size:9px}.tail-control-guide small{color:#8995a2;margin-top:3px;font-size:8px}.tail-boost-button{border:3px solid var(--party-ink);width:min(190px,100%);min-height:104px;color:var(--party-ink);background:var(--party-coral);box-shadow:4px 5px 0 var(--party-ink);cursor:pointer;font:inherit;touch-action:manipulation;border-radius:17px;place-content:center;margin:0 auto;padding:10px 14px;font-weight:900;display:grid}.tail-boost-button>span{font-size:25px;line-height:1}.tail-boost-button>strong{margin-top:5px;font-size:12px}.tail-boost-button>small{margin-top:4px;font-size:7px}.tail-boost-button:active:not(:disabled){box-shadow:1px 2px 0 var(--party-ink);transform:translate(3px,3px)}.tail-boost-button.active{color:#fff;background:#6953bc;animation:.45s ease-in-out infinite alternate tail-boost-pulse}.tail-boost-button.used{background:#e4e9ec}.tail-boost-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.52;box-shadow:2px 3px 0 var(--party-ink);transform:none}.tail-live-notice{min-height:16px}@keyframes tail-boost-pulse{to{box-shadow:0 0 0 5px #6953bc2e, 2px 3px 0 var(--party-ink)}}.tail-reconnect-overlay{z-index:10;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#172338bf;place-content:center;padding:18px;display:grid;position:absolute;inset:0}.tail-reconnect-overlay strong{font-size:21px}.tail-reconnect-overlay span{margin-top:7px;font-size:10px}.tail-reconnect-overlay>div{justify-content:center;gap:8px;margin-top:16px;display:flex}.tail-reconnect-overlay button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#ffffff1f;border:2px solid #fff;border-radius:12px;padding:8px 14px;font-size:10px;font-weight:900}.tail-reconnect-overlay button:first-child{color:var(--party-ink);background:var(--party-aqua)}.tail-result-panel{text-align:center;width:min(570px,100%);margin:0 auto}.tail-result-panel h2{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(30px,6vw,45px)}.tail-result-panel>p{color:var(--party-muted);margin:8px 0 20px;font-size:11px}.tail-winner-bean{place-items:center;width:92px;height:88px;margin:18px auto 0;display:grid;position:relative}.tail-winner-bean .party-bean-avatar{border-width:3px;width:68px;height:64px;transform:rotate(-4deg)}.tail-winner-bean b{color:#e0aa1a;font-size:30px;position:absolute;top:-11px;transform:rotate(-8deg)}.tail-final-scores{background:#fff;border:2px solid #17233821;border-radius:15px;display:grid;overflow:hidden}.tail-final-scores>div{text-align:left;border-bottom:1px solid #17233814;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:46px;padding:0 13px;display:grid}.tail-final-scores>div:last-child{border-bottom:0}.tail-final-scores span{color:#fff;background:#667587;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:grid}.tail-final-scores strong{font-size:11px}.tail-final-scores b{color:#476b78;font-size:11px}.tail-rematch-box{border:3px solid var(--party-ink);box-shadow:5px 6px 0 var(--party-ink);background:#fff3bb;border-radius:17px;margin-top:20px;padding:18px}.tail-rematch-box>strong{font-size:11px}@media (max-width:760px){.tail-surface{padding-inline:9px}.tail-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.tail-controls{grid-template-columns:minmax(0,1fr) minmax(120px,1fr)}.tail-control-guide{display:none}.tail-boost-button{min-height:92px}}@media (max-width:390px){.tail-round-bar{grid-template-columns:auto 1fr auto;gap:5px}.tail-round-bar strong,.tail-round-bar b{min-height:31px;padding-inline:8px;font-size:8px}.tail-round-bar>span{font-size:7px}.tail-player-card{padding-inline:6px}.tail-controls{gap:7px}.tail-dpad{grid-template-columns:repeat(3,minmax(44px,1fr))}.tail-boost-button{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.tail-boost-button.active{animation:none}}
