:root{--ink:#f6f3ff;--muted:#a7a5bf;--bg:#090b19;--panel:#13172d;--line:#343a68;--violet:#8d6cff;--cyan:#63f4ff;--pink:#ff6baa;--gold:#ffd66d;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 18% 5%,#241b59 0,transparent 32%),radial-gradient(circle at 85% 28%,#173a54 0,transparent 28%),var(--bg)}button,input{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.stars,.stars:before,.stars:after{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#ffffffa8 1px,transparent 1.5px),radial-gradient(#8c76ff9e 1px,transparent 1.5px);background-size:51px 47px,91px 83px;background-position:15px 20px,44px 11px;opacity:.32;content:""}.stars:before{transform:rotate(19deg);opacity:.38}.stars:after{transform:scale(1.4);opacity:.16}.app{position:relative;z-index:1;width:min(100%,620px);margin:0 auto;min-height:100svh;display:grid;place-items:center;padding:24px 17px 34px}.screen{width:100%;max-width:530px;animation:rise .45s cubic-bezier(.2,.8,.2,1)}.home-screen,.final-screen{padding:18px 6px;text-align:center}.seal{margin:auto auto 16px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #8b75ff;border-radius:50%;font-weight:900;letter-spacing:-.1em;color:var(--cyan);box-shadow:0 0 30px #715bff66}.overline{margin:0 0 10px;font-size:.67rem;letter-spacing:.2em;font-weight:800;color:#9b96ca}.home-screen h1{margin:0;line-height:.78;font-size:clamp(4.4rem,20vw,7rem);letter-spacing:-.09em;font-weight:950;background:linear-gradient(120deg,#f7fbff 10%,#aaf9ff 42%,#b29cff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.home-screen h1 em{font-style:normal;color:var(--pink);-webkit-text-fill-color:var(--pink)}.tagline{margin:10px 0 24px;text-transform:uppercase;letter-spacing:.33em;font-size:.68rem;color:var(--gold)}.intro{max-width:390px;margin:0 auto 27px;line-height:1.55;color:#ccc9de}.field{display:block;text-align:left;margin-bottom:13px}.field span{display:block;margin:0 0 6px 4px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.field input,.join-line input{width:100%;height:50px;border:1px solid var(--line);background:#0e1123;color:var(--ink);border-radius:12px;padding:0 15px;outline:none}.field input:focus,.join-line input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8d6cff22}.primary,.secondary{min-height:52px;border-radius:13px;font-weight:900;letter-spacing:.08em;transition:transform .18s,filter .18s,box-shadow .18s}.primary{color:#090b19;background:linear-gradient(135deg,#99f8ff,#9677ff 55%,#ef83ff);box-shadow:0 8px 32px #7c69ff52}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary:active{transform:scale(.98)}.primary:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.large{width:100%;font-size:.88rem}.large span{margin-left:9px;font-size:1.2rem}.or{display:flex;align-items:center;gap:10px;margin:24px 0 13px;color:#77758d;font-size:.6rem;letter-spacing:.11em}.or span{height:1px;background:#30334c;flex:1}.join-line{display:flex;gap:8px}.join-line input{min-width:0;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.secondary{flex:0 0 104px;background:#222844;color:#dcdcf4;border:1px solid #3f4878;font-size:.7rem}.error{min-height:1.3em;color:#ff96bb;font-size:.82rem}.footnote{margin:22px 0 0;color:#77758d;font-size:.72rem}.sound{position:fixed;z-index:10;top:18px;right:18px;width:40px;height:40px;border:1px solid #3d4164;border-radius:50%;background:#12162bd9;color:#fff}.room-screen,.briefing-screen{padding:24px;border:1px solid #363b66;border-radius:23px;background:#11152ae8;box-shadow:0 25px 70px #0008;text-align:center}.screen h2{margin:0 0 22px;font-size:clamp(2.1rem,9vw,3.5rem);line-height:.95;letter-spacing:-.06em}.code-card{padding:18px;background:#090c1b;border:1px solid #34395e;border-radius:17px}.code-card span{display:block;font-size:.61rem;letter-spacing:.18em;color:#9692b6}.code-card strong{display:block;margin:5px 0 8px;font-size:clamp(2rem,10vw,3.2rem);letter-spacing:.15em;color:var(--cyan)}.text-button{padding:5px;background:transparent;color:#a9a5d2;font-weight:800;font-size:.67rem;letter-spacing:.1em;text-decoration:underline}.qr-wrap{display:flex;align-items:center;gap:17px;margin:22px 0;text-align:left;color:#aaa8c0;font-size:.76rem;line-height:1.5}.qr-wrap img{width:106px;height:106px;border-radius:10px;background:#fff;padding:5px}.players{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-slot{min-height:82px;border:1px solid #383e66;border-radius:14px;padding:14px;text-align:left;background:#151a33}.player-slot.empty{opacity:.52;border-style:dashed}.player-slot b{display:block;font-size:.62rem;color:#8986a9;letter-spacing:.1em}.player-slot strong{display:block;margin-top:7px;font-size:.92rem}.waiting{margin:22px 0 0;color:#9b98b9;font-size:.77rem}.waiting i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:blink .9s infinite alternate}.tutorial-grid{display:grid;gap:9px;text-align:left}.tutorial-grid article{position:relative;padding:12px 12px 12px 50px;border-left:2px solid #6655c9;background:#171b35;border-radius:0 10px 10px 0}.tutorial-grid b{position:absolute;left:14px;top:13px;color:var(--cyan);font-size:.9rem}.tutorial-grid strong{font-size:.74rem;letter-spacing:.1em}.tutorial-grid p{margin:5px 0 0;color:#aaa8be;font-size:.75rem;line-height:1.4}.overdrive-tip{display:flex;gap:12px;align-items:center;margin:17px 0 10px;padding:13px;background:linear-gradient(90deg,#3c286124,#2f6d7624);border:1px solid #594691;border-radius:13px;text-align:left}.overdrive-tip>span{font-size:2rem;color:#ffb1dd}.overdrive-tip p{margin:0;font-size:.73rem;color:#bab7cf;line-height:1.5}.overdrive-tip b{display:block;color:#f9ceef;font-size:.68rem;letter-spacing:.1em}.secret{font-size:.74rem;color:var(--gold);margin:16px}.ready-row span{display:block;margin-top:10px;font-size:.72rem;color:#a5a2bb}.game-screen{max-width:600px}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:5px;margin-bottom:14px}.hud>div:first-child span{display:block;font-size:.62rem;color:#aaa7c5;letter-spacing:.1em}.hud>div:first-child b{font-size:1.7rem;line-height:1;color:var(--gold)}.versus{text-align:center;display:flex;flex-direction:column;font-size:.64rem;overflow:hidden;white-space:nowrap}.versus span{overflow:hidden;text-overflow:ellipsis}.versus i{font-style:normal;color:#8877d7;font-size:.55rem;margin:2px}.scores{text-align:right;font-weight:900;font-size:1.35rem}.scores span:first-child{color:var(--cyan)}.scores span:last-child{color:var(--pink)}.scores i{font-style:normal;color:#6f7190;margin:0 3px}.relic{position:relative;overflow:hidden;text-align:center;padding:20px 10px 17px;border:1px solid #3c4275;border-radius:22px;background:radial-gradient(circle at 50% 40%,#40308777,transparent 52%),#111631}.relic:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff0d;border-radius:16px}.relic p{position:relative;margin:0;color:#9c98c7;font-size:.58rem;letter-spacing:.19em}.relic-orb{position:relative;margin:8px auto 3px;display:grid;place-items:center;width:51px;height:51px;border-radius:50%;font-size:2.2rem;color:#fff0b4;text-shadow:0 0 20px #ffe278;filter:drop-shadow(0 0 16px #8a65ff);animation:float 2.2s infinite ease-in-out}.relic h2{position:relative;margin:0;font-size:.88rem;letter-spacing:.15em}.relic strong{position:relative;display:block;margin-top:4px;font-size:2rem;color:var(--gold)}.relic>span{position:relative;font-size:.62rem;color:#aaa8c3}.event-banner{display:flex;align-items:center;gap:12px;margin:10px 3px;padding:10px;border:1px solid #7d50a6;border-radius:13px;background:#40206477;animation:throb 1s infinite alternate}.event-banner i{font-style:normal;font-size:1.65rem;color:#ffc5e9}.event-banner strong,.event-banner span{display:block}.event-banner strong{font-size:.68rem;letter-spacing:.13em}.event-banner span{margin-top:3px;color:#d6c6df;font-size:.7rem;line-height:1.3}.duel-readout{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:8px;margin:12px 0}.identity{font-size:.6rem}.identity.rival{text-align:right}.mini-name{display:block;color:#9895b2}.identity strong{display:block;margin:3px 0;font-size:.65rem}.heat{height:4px;border-radius:8px;background:#242840;overflow:hidden}.heat i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink));width:0;transition:width .4s}.rival-state{text-align:center;color:#aaa8c3;font-size:.57rem;letter-spacing:.07em}.selection-panel{padding:14px;border:1px solid #343a66;border-radius:18px;background:#10142bdc}.selection-panel>p{margin:0 0 12px;text-align:center;font-size:.59rem;letter-spacing:.1em;color:#a6a2c2}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.card{position:relative;min-height:57px;border:1px solid #535d94;border-radius:10px;background:linear-gradient(145deg,#2b3159,#151a35);color:#f9f7ff;font-weight:900;font-size:1.22rem;transition:.18s}.card small{position:absolute;right:5px;bottom:4px;font-size:.45rem;color:#a9a5d6}.card.selected{border-color:var(--cyan);background:linear-gradient(145deg,#2d6380,#1d2a56);box-shadow:0 0 19px #63f4ff55;transform:translateY(-3px)}.card.used{opacity:.23;filter:grayscale(1);cursor:default}.overdrive{display:flex;align-items:center;gap:10px;margin:13px 0;padding:9px 10px;border:1px solid #483a70;border-radius:11px;background:#211838;cursor:pointer}.overdrive input{width:18px;height:18px;accent-color:#e987ff}.overdrive>span{font-size:1.35rem;color:#fface2}.overdrive b,.overdrive small{display:block}.overdrive b{font-size:.65rem;letter-spacing:.1em}.overdrive small{font-size:.57rem;color:#bbb3d1}.overdrive.disabled{opacity:.4;pointer-events:none}.lock{width:100%;min-height:47px;font-size:.72rem}.wait-panel{text-align:center;padding:25px;border:1px solid #4d3976;border-radius:18px;background:#15142d}.wait-panel strong,.wait-panel span{display:block}.wait-panel strong{letter-spacing:.13em;font-size:.75rem}.wait-panel span{margin-top:7px;color:#aaa8c3;font-size:.7rem}.scanner{width:100%;height:2px;margin-bottom:16px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 1.4s linear infinite}.overlay{position:fixed;z-index:8;inset:0;display:grid;place-items:center;padding:22px;background:#060714d9;backdrop-filter:blur(8px);text-align:center}.reveal-card{width:min(100%,460px);padding:25px;border:1px solid #7162ad;border-radius:23px;background:radial-gradient(circle at top,#32275e,#11142a 62%);box-shadow:0 0 80px #7c67ff44;animation:rise .4s}.reveal-card .overline{color:#d9c5ff}.picks{display:flex;align-items:stretch;gap:9px;margin:18px 0}.pick{flex:1;padding:11px 5px;border:1px solid #444b7a;border-radius:12px;background:#10142b}.pick b,.pick span{display:block}.pick b{font-size:1.8rem;color:var(--cyan)}.pick:last-child b{color:var(--pink)}.pick span{font-size:.62rem;color:#b2afcb}.pick .boost{color:#ffb1de}.reveal-card h2{margin:9px 0 3px;font-size:1.55rem}.reveal-card p{margin:5px 0;color:#c8c4da;font-size:.8rem}.final-screen{max-width:500px}.laurels{font-size:3.5rem;color:var(--gold);text-shadow:0 0 28px #ffd66d99;animation:float 2s infinite ease-in-out}.final-screen h2{margin:5px 0 0;font-size:3.4rem;color:#ffecb2}.winner-name{margin:0;font-size:1.35rem;font-weight:900;letter-spacing:.12em}.final-score{margin:12px 0 20px;color:#bbb7d3;font-size:1rem}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:19px}.stat{padding:11px 5px;border:1px solid #353b64;border-radius:12px;background:#12162b}.stat strong,.stat span{display:block}.stat strong{font-size:1.1rem;color:var(--cyan)}.stat span{margin-top:3px;font-size:.55rem;letter-spacing:.05em;color:#a7a4bd}.final-screen .waiting{margin:10px 0 8px}.sound-off{opacity:.45}.shake{animation:shake .38s}.flash{animation:flash .45s}.particle{position:fixed;z-index:9;width:7px;height:7px;border-radius:50%;background:var(--cyan);pointer-events:none;animation:burst .8s forwards}@keyframes rise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{to{opacity:.25;transform:scale(.7)}}@keyframes float{50%{transform:translateY(-6px) scale(1.04)}}@keyframes throb{to{box-shadow:0 0 19px #cc79ff66}}@keyframes scan{from{transform:translateX(-50%)}to{transform:translateX(50%)}}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes flash{0%{background:#fff;opacity:.5}100%{opacity:0}}@keyframes burst{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}#flash{position:fixed;z-index:7;inset:0;pointer-events:none}@media(max-width:390px){.app{padding:16px 12px 24px}.relic{padding:13px 6px}.relic-orb{width:42px;height:42px;font-size:1.8rem}.cards{gap:5px}.card{min-height:49px;font-size:1.05rem}.selection-panel{padding:10px}.tutorial-grid article{padding-top:9px;padding-bottom:9px}}@media(min-width:700px){.app{padding-top:44px}.game-screen{max-width:590px}}