*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0a0a0f;--bg-raise: #121218;--ink: #f4f2ff;--ink-dim: rgba(244, 242, 255, .55);--magenta: #ff3ec8;--violet: #8b5cf6;--cyan: #3edfff;--acid: #d8ff3e;--amber: #ffb13e;--red: #ff2d78;--line: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .05);--font-display: "Unbounded", sans-serif;--font-body: "Space Grotesk", sans-serif}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}#app:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;pointer-events:none;background:radial-gradient(640px 520px at 16% 18%,rgba(255,62,200,.17),transparent 62%),radial-gradient(720px 620px at 86% 12%,rgba(139,92,246,.2),transparent 62%),radial-gradient(640px 640px at 82% 88%,rgba(62,223,255,.11),transparent 62%),radial-gradient(520px 520px at 8% 86%,rgba(216,255,62,.07),transparent 62%);animation:blobDrift 26s ease-in-out infinite alternate}@keyframes blobDrift{0%{transform:translate3d(-2%,-1%,0) scale(1) rotate(.001deg)}to{transform:translate3d(2%,2%,0) scale(1.1) rotate(.001deg)}}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/><feColorMatrix type="saturate" values="0"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>')}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1.5rem;animation:screenIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;z-index:1}@keyframes screenIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.home-screen{text-align:center;gap:2.2rem}.logo-block{position:relative}.logo{font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,11vw,4.4rem);line-height:1.05;letter-spacing:.01em;background:linear-gradient(100deg,var(--magenta) 0%,var(--violet) 36%,var(--cyan) 70%,var(--acid) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoFlow 7s ease-in-out infinite alternate;filter:drop-shadow(0 0 26px rgba(255,62,200,.3))}@keyframes logoFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.subtitle{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--ink-dim);letter-spacing:.5em;margin-top:.6rem;text-indent:.5em}.lang-toggle{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:4px}.lang-btn{padding:.5rem 1.25rem;border:none;border-radius:999px;background:transparent;color:var(--ink-dim);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s}.lang-btn.active{background:var(--ink);color:#0a0a0f}.btn-primary{position:relative;width:100%;max-width:320px;padding:1.05rem 2rem;border:none;border-radius:999px;background:linear-gradient(120deg,var(--magenta),var(--violet) 60%,#6d28d9);color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 40px #ff3ec859,0 2px 12px #8b5cf666;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);background-size:250% 100%;animation:sheen 3.2s ease-in-out infinite}@keyframes sheen{0%,35%{background-position:130% 0}70%,to{background-position:-130% 0}}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-primary:disabled:after{animation:none}.btn-secondary{width:100%;max-width:320px;padding:.9rem 2rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .2s}.btn-secondary:active{transform:scale(.95);border-color:#ffffff4d}.ticker{position:absolute;bottom:1.6rem;left:0;right:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.ticker-track{display:flex;white-space:nowrap;width:max-content;animation:tick 22s linear infinite}.ticker-track span{font-family:var(--font-display);font-size:.66rem;font-weight:500;letter-spacing:.34em;color:#f4f2ff47}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.players-screen{justify-content:flex-start;padding-top:4rem;padding-bottom:1.5rem;gap:.9rem}.players-bottom{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.55rem;flex-shrink:0}.screen-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.player-input-row{display:flex;gap:.5rem;width:100%;max-width:100%}.player-input-row input{flex:1;min-width:0;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.player-input-row input:focus{border-color:var(--magenta);box-shadow:0 0 0 3px #ff3ec826}.player-input-row input::placeholder{color:#f4f2ff4d}.btn-add{padding:.8rem 1.15rem;border:none;border-radius:999px;background:var(--ink);color:#0a0a0f;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;flex-shrink:0}.btn-add:active{transform:scale(.92)}.player-list{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;overflow-y:auto}.player-chip{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem .55rem .55rem;background:var(--glass);border:1px solid var(--line);border-radius:999px;animation:chipIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chipIn{0%{opacity:0;transform:translate(-12px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.chip-left{display:flex;align-items:center;gap:.7rem;min-width:0}.avatar{width:2.1rem;height:2.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#0a0a0f;background:hsl(var(--h) 85% 62%);box-shadow:0 0 14px hsl(var(--h) 85% 62% / .45);flex-shrink:0}.player-chip .name{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip .remove-btn{background:none;border:none;color:#f4f2ff59;font-size:1.25rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .2s,transform .16s}.player-chip .remove-btn:active{color:var(--red);transform:scale(1.25)}.min-players-hint{color:var(--ink-dim);font-size:.82rem}.mode-screen{gap:1.1rem;padding-top:4rem;justify-content:flex-start}.mode-cards{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:100%;overflow-y:auto;min-height:0;padding-bottom:.5rem}.mode-card{--hue: var(--violet);padding:1rem 1.1rem;border-radius:22px;border:1px solid var(--line);background:var(--glass);cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .2s;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center;flex-shrink:0;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(280px 130px at 0% 50%,color-mix(in srgb,var(--hue) 22%,transparent),transparent 70%);pointer-events:none}.mode-card:active{transform:scale(.97);border-color:var(--hue)}.mode-card .mode-icon{font-size:1.45rem;grid-row:1 / 3;width:3rem;height:3rem;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--hue) 16%,transparent);border:1px solid color-mix(in srgb,var(--hue) 38%,transparent);position:relative}.mode-card .mode-title{font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;position:relative}.mode-card .mode-desc{font-size:.82rem;color:var(--ink-dim);position:relative}.mode-card.classic{--hue: var(--violet)}.mode-card.wild{--hue: var(--acid)}.mode-card.hot{--hue: var(--magenta)}.mode-card.bar{--hue: var(--amber)}.mode-card.duel{--hue: var(--cyan)}.mode-card.duel:before{background:radial-gradient(200px 120px at 0% 50%,rgba(255,62,200,.18),transparent 70%),radial-gradient(200px 120px at 100% 50%,rgba(62,223,255,.18),transparent 70%)}.game-screen{padding:0;justify-content:stretch;cursor:pointer;width:100vw;min-height:100dvh;--type-hue: var(--violet)}.game-screen .game-card-area:before{content:var(--glyph, "◆");position:absolute;z-index:-1;font-family:var(--font-display);font-weight:900;font-size:min(46vh,70vw);line-height:1;color:color-mix(in srgb,var(--type-hue) 9%,transparent);right:-6vw;bottom:-10vh;transform:rotate(-10deg);pointer-events:none}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;width:100%;position:relative;z-index:10;gap:.5rem}.card-counter{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--ink);background:#00000059;border:1px solid var(--line);padding:.4rem .85rem;border-radius:999px}.card-type-badge{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--type-hue);background:#00000059;border:1px solid color-mix(in srgb,var(--type-hue) 45%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--type-hue) 25%,transparent);padding:.42rem .9rem;border-radius:999px;white-space:nowrap}.card-type-badge.spicy{color:#ff5c5c;border-color:#ff5c5c8c;box-shadow:0 0 18px #ff2d7880;animation:spicyPulse 1.4s ease-in-out infinite}@keyframes spicyPulse{0%,to{box-shadow:0 0 12px #ff2d7859}50%{box-shadow:0 0 26px #ff2d78a6}}.game-header-right{display:flex;align-items:center;gap:.45rem}.game-lang-toggle{display:flex;background:#00000059;border-radius:999px;padding:2px;border:1px solid var(--line)}.game-lang-btn{padding:.3rem .6rem;border:none;border-radius:999px;background:transparent;color:#f4f2ff73;font-family:var(--font-display);font-size:.58rem;font-weight:700;cursor:pointer;transition:all .2s}.game-lang-btn.active{background:var(--ink);color:#0a0a0f}.btn-exit{background:#00000059;border:1px solid var(--line);color:var(--ink);font-size:1.1rem;padding:.32rem .7rem;border-radius:999px;cursor:pointer;font-family:var(--font-body)}.game-card-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.75rem 1rem;width:100%;position:relative;z-index:1;gap:1.2rem;overflow:hidden}.card-text{font-family:var(--font-body);font-size:clamp(1.35rem,5.4vw,1.9rem);font-weight:700;text-align:center;line-height:1.38;letter-spacing:-.01em;max-width:520px;animation:cardIn .45s cubic-bezier(.16,1,.3,1);text-shadow:0 2px 24px rgba(0,0,0,.45)}.card-text-small{font-size:clamp(1.05rem,4vw,1.35rem)}@keyframes cardIn{0%{opacity:0;transform:translateY(26px) scale(.97);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.game-footer{padding:1rem 1.5rem 1.9rem;text-align:center;width:100%;position:relative;z-index:1}.tap-hint{font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#f4f2ff61;animation:hintPulse 2.2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}.team-panels{display:flex;align-items:stretch;gap:.6rem;width:100%;max-width:460px;animation:cardIn .45s cubic-bezier(.16,1,.3,1)}.team-panel{flex:1;min-width:0;background:#0006;border-radius:20px;padding:.85rem .6rem;text-align:center}.team-panel.pink{border:1px solid rgba(255,62,200,.5);box-shadow:0 0 24px #ff3ec82e,inset 0 0 30px #ff3ec80f}.team-panel.cyan{border:1px solid rgba(62,223,255,.5);box-shadow:0 0 24px #3edfff2e,inset 0 0 30px #3edfff0f}.team-name{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem}.team-panel.pink .team-name{color:var(--magenta)}.team-panel.cyan .team-name{color:var(--cyan)}.team-member{font-size:.92rem;font-weight:600;padding:.18rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-badge{align-self:center;font-family:var(--font-display);font-size:.95rem;font-weight:900;color:var(--ink);flex-shrink:0;text-shadow:0 0 18px rgba(255,255,255,.4)}.champion-topic{background:#0006;border:1px solid var(--line);border-radius:999px;padding:.5rem 1.2rem;font-size:.92rem;font-weight:600;animation:cardIn .45s cubic-bezier(.16,1,.3,1)}.champion-topic .topic-label{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acid);margin-right:.4rem}.game-screen.type-normal{--type-hue: #a78bfa;--glyph: "◆";background:radial-gradient(720px 520px at 85% -6%,rgba(139,92,246,.42),transparent 62%),radial-gradient(640px 540px at -4% 104%,rgba(217,70,239,.3),transparent 62%),#0d0a17}.game-screen.type-game{--type-hue: var(--cyan);--glyph: "▲";background:radial-gradient(720px 520px at 85% -6%,rgba(62,223,255,.32),transparent 62%),radial-gradient(640px 540px at -4% 104%,rgba(34,197,160,.26),transparent 62%),#081216}.game-screen.type-virus{--type-hue: var(--acid);--glyph: "✸";background:radial-gradient(720px 520px at 85% -6%,rgba(216,255,62,.22),transparent 62%),radial-gradient(640px 540px at -4% 104%,rgba(255,177,62,.24),transparent 62%),#101207}.game-screen.type-bottomsup{--type-hue: var(--red);--glyph: "⬇";background:radial-gradient(720px 520px at 85% -6%,rgba(255,45,120,.4),transparent 62%),radial-gradient(640px 540px at -4% 104%,rgba(255,62,200,.28),transparent 62%),#16070e;animation:shakeIn .4s ease}.game-screen.type-duel{--type-hue: var(--cyan);--glyph: "⚔";background:radial-gradient(680px 560px at -4% 50%,rgba(255,62,200,.26),transparent 60%),radial-gradient(680px 560px at 104% 50%,rgba(62,223,255,.26),transparent 60%),#0c0a12}@keyframes shakeIn{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.checkpoint-screen{text-align:center;gap:1.5rem}.checkpoint-icon{font-size:3.6rem;animation:bob 2.6s ease-in-out infinite alternate;filter:drop-shadow(0 0 22px rgba(255,62,200,.4))}@keyframes bob{0%{transform:translateY(-6px) rotate(-5deg)}to{transform:translateY(6px) rotate(5deg)}}.checkpoint-title{font-family:var(--font-display);font-size:1.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(100deg,var(--magenta),var(--violet) 50%,var(--cyan));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoFlow 6s ease-in-out infinite alternate}.checkpoint-msg{color:var(--ink-dim);font-size:1rem}.checkpoint-buttons{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:320px}.btn-back{position:absolute;top:1.1rem;left:1.1rem;background:var(--glass);border:1px solid var(--line);color:var(--ink);font-size:.85rem;font-weight:600;padding:.45rem .95rem;border-radius:999px;cursor:pointer;font-family:var(--font-body);z-index:10;transition:transform .16s}.btn-back:active{transform:scale(.92)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}@media(min-width:600px){.screen{max-width:480px;margin:0 auto}.game-screen{max-width:100%}.game-card-area{max-width:600px;margin:0 auto}}