@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/anton-B7AraXhB.woff2) format("woff2")}:root{--bg: #0a0a0f;--bg-raised: #14141d;--bg-card: #191924;--line: #2a2a38;--ink: #f2f0eb;--ink-dim: #9b97a6;--ink-faint: #6b6878;--accent: #ff4d1c;--accent-hot: #ff7a1a;--gold: #ffce4d;--win: #4ade80;--loss: #ff5572;--font-display: "Anton", "Oswald", "Arial Narrow", sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--col: 460px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.45;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#app{display:flex;justify-content:center;min-height:100dvh}.screen{position:relative;width:100%;max-width:var(--col);padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--ink);background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-height:48px;cursor:pointer;text-align:center;transition:transform .08s ease,border-color .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn:hover{border-color:var(--ink-faint)}.btn small{display:block;font-weight:500;font-size:.72rem;color:var(--ink-dim);margin-top:3px;letter-spacing:.02em}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-hot));border-color:transparent;box-shadow:0 6px 20px -8px var(--accent)}.btn.primary small{color:#ffffffd9}.btn.small{min-height:44px;padding:8px 12px;font-size:.85rem;border-radius:10px}.btn.small small{display:inline;margin-left:4px;font-size:.7rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.linklike{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;font-size:.85rem;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;vertical-align:middle}.hint{color:var(--ink-dim);font-size:.85rem;text-align:center;margin:0}.screen-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.screen-title.danger{color:var(--accent);text-shadow:0 0 24px rgba(255,77,28,.5)}.tier{font-family:var(--font-display);font-size:.72rem;padding:1px 6px;border-radius:5px;letter-spacing:.04em;color:#0a0a0f;vertical-align:middle}.tier-splus{background:linear-gradient(135deg,var(--gold),#fff0a8);box-shadow:0 0 12px -2px var(--gold)}.tier-s{background:#ff5572}.tier-a{background:var(--accent-hot)}.tier-b{background:#5b8def}.tier-c{background:#3f9a78}.tier-d{background:#4a4a58;color:var(--ink)}.roles{display:inline-flex;gap:2px;font-size:.85rem}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px;vertical-align:middle}.bars .bar{display:inline-flex;align-items:flex-end;width:4px;height:100%;background:var(--line);border-radius:2px;overflow:hidden}.bars .bar>i{width:100%;background:linear-gradient(var(--accent-hot),var(--accent));border-radius:2px}.glyph{display:block}.boot{align-items:center;justify-content:center;min-height:100dvh}.title-screen{min-height:100dvh;justify-content:center;text-align:center;gap:16px}.speedlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,77,28,.05) 22px 23px);-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 72%);animation:drift 14s linear infinite}@keyframes drift{to{background-position:240px 0}}.logo{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(3.4rem,22vw,5.5rem);letter-spacing:.04em;margin:0;color:var(--ink);text-shadow:0 0 40px rgba(255,77,28,.35)}.logo:after{content:"";background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:0;right:0;bottom:0;left:0;content:"FLAWLESS";mix-blend-mode:screen;opacity:0}.logo-aura{position:absolute;z-index:0;top:30%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,77,28,.35),transparent 62%);pointer-events:none;animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.12)}}.tagline{position:relative;z-index:1;color:var(--ink-dim);margin:-6px 0 8px;font-size:.95rem}.menu{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;text-align:left}.howto{position:relative;z-index:1;color:var(--ink-dim);font-size:.85rem;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--bg-raised)}.howto summary{cursor:pointer;font-weight:600;color:var(--ink)}.howto p{margin:8px 0 0}.draft-screen{min-height:100dvh;padding-bottom:0}.round-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);margin:0;font-size:.95rem;text-transform:uppercase}.draft-screen.rolling{justify-content:center;align-items:center;text-align:center;min-height:100dvh}.roll-spin{display:grid;place-items:center;padding:40px 0}.roll-card{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.4rem;color:var(--accent)}.roll-card .glyph{color:var(--accent)}.roll-card.spin{animation:spincard .75s ease-in-out}@keyframes spincard{0%{transform:rotateY(0) scale(.7);opacity:0}60%{transform:rotateY(360deg) scale(1.1)}to{transform:rotateY(720deg) scale(1);opacity:1}}.offer-head{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--bg-raised);border:1px solid var(--line);border-left:4px solid var(--aura, var(--accent))}.offer-head .glyph{color:var(--aura, var(--accent));flex:none}.offer-series{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.02em}.offer-arc{color:var(--ink);font-weight:600}.era-chip{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.reroll-row{display:flex;gap:8px}.reroll-row .btn{flex:1}.search{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink)}.search::placeholder{color:var(--ink-faint)}.char-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.char-row{background:var(--bg-card);border:1px solid var(--line);border-left:3px solid var(--aura, var(--line));border-radius:10px;overflow:hidden}.char-row.ineligible{opacity:.4}.char-row.expanded{border-color:var(--aura, var(--accent))}.char-main{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:none;border:none;color:var(--ink);font:inherit;padding:12px 14px;cursor:pointer;text-align:left}.char-name{font-weight:700}.char-meta{display:inline-flex;align-items:center;gap:6px;flex:none}.why{margin:0;padding:0 14px 10px;color:var(--ink-dim);font-size:.88rem;font-style:italic}.slot-btns{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.slot-btn{background:var(--bg-raised);border-color:var(--aura, var(--line))}.team-pin{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 18%);padding:8px 0 calc(10px + env(safe-area-inset-bottom));margin-top:auto}.team-pin-label{font-family:var(--font-display);letter-spacing:.08em;font-size:.78rem;color:var(--ink-dim);margin:0 0 6px}.team-card{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.slot{border-radius:8px;padding:7px 5px;min-height:58px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:var(--bg-card);overflow:hidden}.slot.empty{border-style:dashed;opacity:.6}.slot.filled{border-left:3px solid var(--aura, var(--accent))}.slot-name{font-size:.6rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-char{font-weight:700;font-size:.74rem;line-height:1.1}.slot-arc{font-size:.6rem;color:var(--ink-dim);margin-top:auto}.bracket{display:flex;align-items:center;gap:4px;justify-content:center;flex-wrap:wrap}.bracket-cell{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;padding:3px 6px;border-radius:6px;background:var(--bg-card);border:1px solid var(--line);color:var(--ink-dim)}.bracket-cell b{font-family:var(--font-display);letter-spacing:.03em}.bracket-cell.won{border-color:var(--win);color:var(--win)}.bracket-cell.lost{border-color:var(--loss);color:var(--loss)}.bracket-cell.current{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px -4px var(--accent)}.bracket-gap{color:var(--ink-faint);margin:0 2px}.rival-screen{min-height:100dvh;justify-content:center;text-align:center;gap:12px}.rival-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink-dim);margin:0;text-transform:uppercase;font-size:.85rem}.rival-cards{display:flex;flex-direction:column;gap:8px;perspective:1000px}.rival-card{opacity:0;transform:rotateY(90deg);transform-origin:center;animation:flipin .5s ease forwards;animation-delay:calc(var(--i) * .5s)}@keyframes flipin{0%{opacity:0;transform:rotateY(90deg) translateY(8px)}to{opacity:1;transform:rotateY(0) translateY(0)}}.rival-card-inner{display:flex;align-items:center;gap:8px;text-align:left;background:var(--bg-card);border:1px solid var(--line);border-left:4px solid var(--aura, var(--accent));border-radius:10px;padding:10px 12px}.rival-card-inner .glyph{color:var(--aura, var(--accent));flex:none}.rival-slot{font-size:.62rem;text-transform:uppercase;color:var(--ink-dim);width:64px;flex:none}.rival-name{font-weight:700;flex:1}.rival-arc{font-size:.72rem;color:var(--ink-dim)}.announcer{font-size:.8rem;color:var(--accent-hot);margin:4px 0 0;min-height:1em;opacity:0;animation:fadein .4s ease forwards;animation-delay:calc(var(--i) * .5s + .35s);font-style:italic}.fight-btn{opacity:0;animation:fadein .5s ease forwards;animation-delay:calc(var(--i) * .5s + .4s);font-family:var(--font-display);letter-spacing:.1em;font-size:1.3rem}@keyframes fadein{to{opacity:1}}.rival-screen.revealed .rival-card,.rival-screen.revealed .announcer,.rival-screen.revealed .fight-btn{animation-delay:0s!important;animation-duration:.01s!important;opacity:1}.battle-screen{min-height:100dvh}.faceoff{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;border-radius:14px;margin-top:4px}.faceoff.won{background:radial-gradient(circle at 50% 0%,rgba(74,222,128,.18),transparent 70%)}.faceoff.lost{background:radial-gradient(circle at 50% 0%,rgba(255,85,114,.18),transparent 70%)}.faceoff-result{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.06em}.faceoff.won .faceoff-result{color:var(--win)}.faceoff.lost .faceoff-result{color:var(--loss)}.faceoff-score{font-family:var(--font-display);font-size:1.4rem;color:var(--ink-dim)}.exchanges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.exchange{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:var(--bg-card);border-left:3px solid var(--line);opacity:0;animation:slidein .4s ease forwards;animation-delay:calc(var(--i) * .45s)}.exchange b{font-family:var(--font-display);color:var(--ink-faint)}.exchange.player{border-left-color:var(--win)}.exchange.rival{border-left-color:var(--loss)}@keyframes slidein{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.headline{font-family:var(--font-display);font-size:1.15rem;text-align:center;color:var(--accent);margin:4px 0;opacity:0;animation:fadein .4s ease forwards;animation-delay:calc(var(--i) * .45s);line-height:1.2}.box-score{width:100%;border-collapse:collapse;opacity:0;animation:fadein .4s ease forwards;animation-delay:calc(var(--i) * .45s)}.box-score caption{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink-dim);font-size:.78rem;text-align:left;padding-bottom:6px}.box-score td{padding:8px 6px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:top}.box-score td:first-child{width:26px;text-align:center}.box-score tr.mvp td{background:#ffce4d14}.box-score tr.diffed td{color:var(--ink-faint)}.mvp-tag{color:var(--gold);white-space:nowrap}.battle-screen .btn.primary{opacity:0;animation:fadein .4s ease forwards;animation-delay:calc(var(--i) * .45s);margin-top:4px}.battle-screen.revealed .exchange,.battle-screen.revealed .headline,.battle-screen.revealed .box-score,.battle-screen.revealed .btn.primary{animation-delay:0s!important;animation-duration:.01s!important;opacity:1}.result-screen{min-height:100dvh;justify-content:flex-start;align-items:center}.poster{width:100%;border-radius:16px;padding:26px 20px;text-align:center;background:radial-gradient(circle at 50% 22%,rgba(255,77,28,.16),transparent 62%),var(--bg-raised);border:1px solid var(--line);position:relative;overflow:hidden}.result-screen.flawless .poster{border-color:var(--gold);background:radial-gradient(circle at 50% 22%,rgba(255,206,77,.22),transparent 62%),var(--bg-raised);box-shadow:0 0 50px -12px var(--gold)}.result-screen.eliminated .poster{background:radial-gradient(circle at 50% 22%,rgba(120,120,140,.14),transparent 62%),var(--bg-raised)}.poster-top{font-weight:700;letter-spacing:.06em;color:var(--ink-dim);margin:0 0 10px;font-size:.82rem}.poster-headline{font-family:var(--font-display);font-size:clamp(2.6rem,16vw,3.8rem);letter-spacing:.03em;margin:0;line-height:1;color:var(--accent)}.poster-headline.flawless{color:var(--gold);text-shadow:0 0 30px rgba(255,206,77,.6)}.poster-headline.eliminated{color:var(--ink-dim)}.poster-record{font-size:1.5rem;letter-spacing:.1em;margin:10px 0 6px}.poster-sub{color:var(--ink);margin:0 0 12px;font-size:.95rem}.poster-recap{font-weight:800;font-size:1.02rem;margin:0 0 14px;color:var(--accent)}.poster-recap.flawless{color:var(--gold)}.poster-recap.eliminated{color:var(--loss)}.poster-team{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.poster-team li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--bg-card);border-left:3px solid var(--aura, var(--accent));font-size:.9rem}.poster-team li b{flex:1}.poster-team li span{color:var(--aura, var(--accent))}.poster-mvp{color:var(--ink-dim);font-size:.85rem;margin:0}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:16px}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;z-index:10}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-10px;left:calc(var(--x) * 1%);width:9px;height:14px;background:hsl(var(--h) 90% 60%);opacity:.9;animation:fall 2.6s linear forwards;animation-delay:calc(var(--d) * 1s)}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:0}}.footer{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.72rem;text-align:center}.footer p{margin:6px 0}.sfx-label{cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:44px;vertical-align:middle}.sfx-label input{width:18px;height:18px}.about-screen p{color:var(--ink-dim)}body.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rival-card,.announcer,.fight-btn,.exchange,.headline,.box-score,.battle-screen .btn.primary{opacity:1!important;transform:none!important}.confetti{display:none}}@media (min-width: 480px){.screen{padding-left:0;padding-right:0}}