@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";:root{--brand:#161b40;--brand-deep:#0a0d1f;--brand-mid:#0f1130;--gold:#e0a82e;--gold-bright:gold;--gold-soft:#facc15;--gold-deep:#8a6410;--team1:#3b82f6;--team1-deep:#1e40af;--team2:#ef4444;--team2-deep:#991b1b;--grad-warm:linear-gradient(135deg, gold 0%, #e0a82e 55%, #b4791a 100%);--grad-cool:linear-gradient(135deg, #3b82f6 0%, #22d3ee 100%);--grad-hot:linear-gradient(135deg, #ef4444 0%, #f97316 100%);--page:#eabe4e;--page-alt:#e3b33f;--surface:#171c42;--surface-2:#1e2450;--section-bg:#e5b845;--collapse-bg:#d8a733;--card-art-bg:#222850;--card-label:#171c42;--line:#171c4229;--ink:#1b1405;--ink-soft:#3a2e12;--ink-dim:#574517;--on-surface:#fff;--on-surface-dim:#a9b0d0;--shadow-s:0 2px 8px #4a370a2e;--shadow-m:0 8px 22px #4a370a3d;--shadow-l:0 18px 44px #3a2a064d;--r-s:12px;--r-m:18px;--r-l:26px;--r-xl:34px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Cairo,Geeza Pro,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scroll-behavior:smooth}.band,.hero{scroll-margin-top:20px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#1f2552;background-image:radial-gradient(at 24% 0,#e0a82e4d,#0000 58%),radial-gradient(at 82% 22%,#3b82f63d,#0000 56%),linear-gradient(165deg,#1f2552 0%,#161b40 52%,#0f1330 100%);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:100% 100vh;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}img{display:block}h1,h2,h3{line-height:1.35}.page{flex-direction:column;min-height:100dvh;display:flex}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.wrap-narrow{width:100%;max-width:560px;margin:0 auto;padding:0 16px}.panel{background:var(--surface);color:var(--on-surface);border-radius:var(--r-l);box-shadow:var(--shadow-l);border:1px solid #ffffff1a;padding:26px 22px}.btn{border-radius:var(--r-m);height:52px;box-shadow:var(--shadow-m);justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .18s,filter .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-gold{background:var(--grad-warm);color:#22160a}.btn-navy{background:var(--brand);color:#fff}.btn-team1{background:var(--team1);color:#fff}.btn-team2{background:var(--team2);color:#fff}.btn-mute{color:var(--ink-soft);box-shadow:none;background:#171c4217;border:1.5px solid #171c4238}.btn-block{width:100%}.btn-sm{border-radius:14px;height:40px;padding:0 16px;font-size:14px}.icon-btn{color:#fff;background:#ffffff1f;border:1.5px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;transition:background .18s;display:grid}.icon-btn:hover{background:#ffffff38}.hero,.band,.site-footer,.page{overflow-x:clip}a,button,[role=button],input,label,summary{-webkit-tap-highlight-color:transparent}.mode-switch{z-index:3;top:16px;border:2.5px solid var(--gold);color:#fff;white-space:nowrap;background:linear-gradient(#232b5c,#1a2049);border-radius:15px;align-items:center;gap:9px;height:46px;padding:0 16px;font-size:14.5px;font-weight:900;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,filter .18s;display:inline-flex;position:absolute;inset-inline-start:16px;box-shadow:0 5px #10142f,0 12px 26px #0006}.mode-switch:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 7px #10142f,0 16px 30px #00000073}.mode-switch:active{transform:translateY(3px);box-shadow:0 2px #10142f}.mode-switch>svg:last-child{opacity:.7;transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.mode-switch:hover,.mode-switch:active{transform:none}}.backdrop-field{pointer-events:none;position:absolute;inset:-6%;overflow:hidden;-webkit-mask-image:radial-gradient(60% 52% at 50% 46%,#0000 34%,#000 86%);mask-image:radial-gradient(60% 52% at 50% 46%,#0000 34%,#000 86%)}.drift{will-change:transform;place-items:center;transition:transform .55s cubic-bezier(.22,1,.36,1);display:grid;position:absolute}.drift-in{will-change:transform;place-items:center;animation-name:drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:grid}.drift-mark-ar img,.drift-mark-en img{opacity:.22;filter:saturate(1.1)brightness(.55);height:auto}@keyframes drift{0%{transform:translate(0,0)rotate(0)}25%{transform:translate(12px,-24px)rotate(5deg)}50%{transform:translate(-8px,-40px)rotate(-4deg)}75%{transform:translate(-16px,-20px)rotate(3deg)}to{transform:translate(0,0)rotate(0)}}.hero-spot{pointer-events:none;opacity:0;background:radial-gradient(circle 320px at var(--px,50%) var(--py,50%), #e0a82e2e, #3b82f61a 42%, transparent 68%);transition:opacity .5s;position:absolute;inset:0}.hero.is-live:hover .hero-spot{opacity:1}.hero{border-bottom:3px solid var(--gold)}.hero:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 38%,#ffffff0f 50%,#0000 62%) 0 0/260% 100%;animation:11s linear infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.drift,.drift-in,.hero:after,.hero-spot{transition:none;animation:none}.hero-spot{display:none}}.landing{min-height:100dvh}.hero{text-align:center;color:#fff;background:radial-gradient(at 24% 0,#e0a82e4d,#0000 58%),radial-gradient(at 82% 22%,#3b82f63d,#0000 56%),linear-gradient(165deg,#1f2552 0%,#161b40 52%,#0f1330 100%);padding:54px 20px 64px;position:relative}.hero>:not(.backdrop-field):not(.hero-spot):not(.mode-switch):not(.hex-field){z-index:1;position:relative}.hero-logo{width:auto;height:96px;margin:0 auto 22px;animation:.7s cubic-bezier(.2,.8,.3,1) both logo-in}@keyframes logo-in{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-logo{animation:none}}.hero-title{letter-spacing:-.5px;color:var(--gold-bright);font-size:clamp(23px,3.6vw,38px);font-weight:900}.hero-sub{color:#ffffffbd;max-width:46ch;margin:12px auto 0;font-size:clamp(14px,1.7vw,16px);line-height:1.9}.code-card{border-radius:var(--r-l);width:100%;max-width:400px;color:var(--on-surface);text-align:center;background:#1e2450;border:2px solid #ffffff24;margin:34px auto 0;padding:26px 22px 20px;box-shadow:0 26px 60px #0006}.code-title{margin-bottom:18px;font-size:20px;font-weight:900}.code-input{border-radius:var(--r-m);width:100%;height:56px;color:var(--on-surface);letter-spacing:3px;text-align:center;text-transform:uppercase;background:#ffffff12;border:2px solid #ffffff29;outline:none;font-size:20px;font-weight:900;transition:border-color .16s}.code-input:focus{border-color:var(--gold)}.code-input::placeholder{letter-spacing:0;text-transform:none;color:var(--on-surface-dim);font-size:15px;font-weight:600}.code-ready{border-radius:var(--r-m);border:2px solid var(--gold);text-align:center;background:#ffd7001f;gap:4px;padding:14px 18px;display:grid}.code-ready-label{letter-spacing:.5px;color:#ffd700cc;font-size:11.5px;font-weight:800}.code-ready-value{letter-spacing:4px;color:var(--gold-bright);direction:ltr;unicode-bidi:isolate;font-size:34px;font-weight:900;line-height:1.1}.code-note-strong{color:var(--gold-bright);font-weight:800}.code-help{border-radius:var(--r-m);width:100%;color:var(--gold-bright);text-align:start;background:#ffd7001a;border:1.5px solid #ffd7005c;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:13.5px;font-weight:800;transition:background .18s,border-color .18s,transform .14s;display:flex}.code-help:hover{background:#ffd7002e;border-color:#ffd70099;transform:translateY(-1px)}.code-help:active{transform:translateY(0)}.code-help-mark{width:28px;height:28px;color:var(--gold-bright);background:#ffd70033;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.code-help-text{flex:1}.code-help-arrow{color:#ffd700cc;flex-shrink:0;place-items:center;transition:rotate .22s cubic-bezier(.2,.8,.3,1);display:grid;rotate:-90deg}.code-help.is-open .code-help-arrow{rotate:90deg}.code-help.is-open{background:#ffd7002e;border-color:#ffd7008c}@media (prefers-reduced-motion:reduce){.code-help:hover{transform:none}.code-help-arrow{transition:none}}.code-help-list{border-radius:var(--r-m);text-align:start;color:var(--on-surface-dim);background:#ffffff0f;border:1.5px solid #ffd70038;margin-top:8px;padding:16px 36px 16px 16px;font-size:13px;line-height:2}.code-help-list strong{color:var(--gold-bright)}.code-start{gap:10px;margin-top:12px}.code-note{color:var(--on-surface-dim);margin-top:14px;font-size:11.5px;line-height:1.8}.store-row{justify-content:center;gap:10px;margin-top:26px;display:flex}.band{background:var(--page);padding:62px 0;position:relative;overflow:hidden}.band-alt{background:var(--page-alt)}.band-dark{border-block:3px solid var(--gold);background:radial-gradient(at 20% 0,#e0a82e29,#0000 60%),radial-gradient(at 84% 90%,#3b82f629,#0000 58%),linear-gradient(#1b2149 0%,#161b40 55%,#12163a 100%)}.band-dark .band-title{color:var(--gold-bright)}.band-dark .band-sub{color:#ffffffb8}.band-dark .steps-note{color:#ffffffad}.band-dark .drift-mark-ar img,.band-dark .drift-mark-en img{opacity:.26;filter:saturate()brightness(1.3)}.band-title{text-align:center;font-size:clamp(23px,3vw,32px);font-weight:900}.band-sub{max-width:52ch;color:var(--ink-dim);text-align:center;margin:10px auto 0;font-size:14.5px;line-height:1.9}.why-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px;margin-top:38px;display:grid}.why-card{border-radius:var(--r-l);text-align:center;color:var(--on-surface);box-shadow:var(--shadow-m);border:1px solid #ffffff1a;padding:30px 24px}.tint-blue{background:color-mix(in srgb, #3b82f6 22%, var(--surface))}.tint-green{background:color-mix(in srgb, #22c55e 22%, var(--surface))}.tint-purple{background:color-mix(in srgb, #a855f7 22%, var(--surface))}.why-icon{width:58px;height:58px;box-shadow:var(--shadow-s);background:#ffffff1a;border-radius:50%;place-items:center;margin:0 auto 16px;transition:transform .25s cubic-bezier(.2,.8,.3,1);display:grid}.why-card:hover .why-icon{transform:translateY(-4px)rotate(-6deg)}.tint-blue .why-icon{color:#7dacff}.tint-green .why-icon{color:#5be39b}.tint-purple .why-icon{color:#c89bff}.why-title{font-size:18px;font-weight:900}.why-body{color:var(--on-surface-dim);margin-top:9px;font-size:14px;line-height:1.9}.steps{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:22px;margin-top:38px;display:grid}.step{text-align:center}.step-n{background:var(--surface);width:58px;height:58px;box-shadow:var(--shadow-m);color:#fff;border:2px solid #171c424d;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:21px;font-weight:900;display:grid}.step-n.is-first{background:var(--grad-warm);color:#22160a}.step-title{font-size:17px;font-weight:900}.step-body{color:var(--ink-dim);margin-top:8px;font-size:14px;line-height:1.9}.tier-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.tier-chip{color:#fff;box-shadow:var(--shadow-m);border-radius:999px;align-items:baseline;gap:8px;padding:9px 18px;transition:transform .2s cubic-bezier(.2,.8,.3,1);display:inline-flex}.tier-chip:hover{transform:translateY(-3px)scale(1.04)}.tier-chip strong{font-size:17px;font-weight:900}.tier-chip em{opacity:.82;font-size:12.5px;font-style:normal;font-weight:700}.tier-chip.tier-easy{background:var(--grad-cool)}.tier-chip.tier-medium{color:#ffe9a8;background:linear-gradient(135deg,#8a6410,#6b4c08)}.tier-chip.tier-hard{background:var(--grad-hot)}.steps-note{max-width:56ch;color:var(--ink-dim);text-align:center;margin:22px auto 0;font-size:13.5px;line-height:2}.steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.band.is-seen .step:nth-child(4){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.tier-chip:hover{transform:none}}.show-grid{grid-template-columns:repeat(5,1fr);gap:22px 18px;max-width:720px;margin:38px auto 0;display:grid}@media (max-width:780px){.show-grid{grid-template-columns:repeat(4,1fr);gap:16px 12px}}@media (max-width:560px){.show-grid{grid-template-columns:repeat(3,1fr);gap:14px 10px}}.show-card{background:var(--surface);box-shadow:var(--shadow-m);opacity:0;border:2px solid #171c4240;border-radius:11px;margin:0;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s;overflow:hidden}.band.is-seen .show-card{animation:.5s cubic-bezier(.2,.8,.3,1) both card-in}.show-card:hover{box-shadow:var(--shadow-l);transform:translateY(-5px)scale(1.02)}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.show-card{opacity:1;animation:none}}.show-card img{aspect-ratio:5/6;object-fit:cover;border-bottom:1.5px solid #00000073;width:100%}.show-card figcaption{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px 8px;font-size:11.5px;font-weight:900;overflow:hidden}.show-more{margin:30px auto 0;display:block}.site-footer{color:#fff;background:#12163a;border-top:none;padding:52px 0 0}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:34px;padding-bottom:40px;display:grid}.footer-logo{width:auto;height:46px;margin-bottom:14px}.footer-title{color:var(--gold-bright);font-size:17px;font-weight:900}.footer-body{color:#ffffffad;max-width:42ch;margin-top:10px;font-size:13.5px;line-height:2}.footer-head{margin-bottom:14px;font-size:15px;font-weight:900}.footer-link{color:#ffffffc7;padding:7px 0;font-size:14px;font-weight:700;text-decoration:none;display:block}.footer-link:hover{color:var(--gold-bright)}.social-btn{color:#fff;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:10px 16px;font-size:13.5px;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,transform .16s;display:inline-flex}.social-btn:hover{background:#e1306c29;border-color:#e1306c;transform:translateY(-2px)}.social-mark{color:#fff;background:linear-gradient(45deg,#f9ce34 0%,#ee2a7b 50%,#6228d7 100%);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.social-btn:hover .social-mark{animation:.55s cubic-bezier(.2,.9,.3,1.5) icon-spring}@media (prefers-reduced-motion:reduce){.social-btn:hover{transform:none}.social-btn:hover .social-mark{animation:none}}.footer-base{color:#ffffff94;text-align:center;border-top:1px solid #ffffff1f;padding:18px 16px 22px;font-size:12.5px}@media (max-width:780px){.hero{padding:40px 16px 48px}.hero-logo{height:74px}.footer-grid{grid-template-columns:1fr;gap:26px}.band{padding:46px 0}}.tc-board{background:radial-gradient(78% 60% at 50% 34%,#3b82f612,#0000 70%),linear-gradient(#1a2049 0%,#101433 52%,#07091a 100%);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.tc-board:before{content:"";pointer-events:none;background:radial-gradient(88% 82% at 50% 46%,#0000 52%,#0000006b 100%);position:absolute;inset:0}.tc-header,.tc-grid{position:relative}.tc-header{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:12px;padding:25px 24px 7px;display:flex}.tc-scorebar{flex:1;justify-content:center;align-items:stretch;gap:14px;display:flex}.tc-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--team) 88%, #fff) 0%, var(--team) 46%, color-mix(in srgb, var(--team) 74%, #000) 100%);border:2px solid color-mix(in srgb, var(--team) 55%, #000);opacity:.62;filter:saturate(.75);border-radius:20px;align-items:center;gap:8px;width:clamp(200px,21vw,280px);height:60px;padding:0 9px;transition:opacity .28s,filter .28s,transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s,border-color .28s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 6px #00000040,0 6px 18px #00000061}.tc-pill.is-turn{opacity:1;filter:none;box-shadow:inset 0 1px 0 #fff6, inset 0 -2px 6px #00000040, 0 0 0 4px #ffd7002e, 0 12px 28px color-mix(in srgb, var(--team) 40%, transparent);border-color:gold;transform:translateY(-3px)}.tc-pill.is-turn:after{content:"";pointer-events:none;border:2px solid #ffd70099;border-radius:20px;animation:2.2s ease-in-out infinite turn-pulse;position:absolute;inset:-2px}@keyframes turn-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.tc-turn-tag{top:auto;bottom:calc(100% - 1px);background:var(--grad-warm);color:#22160a;white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:10px;font-weight:900;position:absolute;inset-inline-start:50%;translate:50%;box-shadow:0 3px 10px #0006}.tc-nudge{color:#fff;background:#0000003d;border:1.5px solid #ffffff29;border-radius:11px;flex-shrink:0;width:36px;height:36px;font-size:21px;font-weight:900;line-height:1;transition:background .15s,transform .1s;box-shadow:inset 0 1px #ffffff1f}.tc-nudge:hover{background:#0006}.tc-nudge:active{transform:scale(.88)}.tc-pill-mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;display:flex}.tc-pill-name{color:#ffffffd1;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;max-width:100%;font-size:11.5px;font-weight:800;display:block;overflow:hidden}.tc-pill-score{color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #0006;font-size:25px;font-weight:900;line-height:1}.tc-round{background:#ffd7001a;border:1.5px solid #ffd70061;border-radius:18px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:1px;min-width:66px;height:54px;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff14}.tc-round-label{color:#ffd700b8;letter-spacing:.3px;font-size:10px;font-weight:800}.tc-round-count{color:gold;font-variant-numeric:tabular-nums;align-items:baseline;gap:1px;display:flex}.tc-round-count b{font-size:20px;font-weight:900;line-height:1}.tc-round-count i{opacity:.62;font-size:12px;font-style:normal;font-weight:800}.tc-exit{color:#fff;background:linear-gradient(#f98080 0%,#ef4444 52%,#be2626 100%);border:2px solid #0000008c;border-radius:14px;flex-shrink:0;align-self:center;height:38px;padding:0 18px;font-size:13.5px;font-weight:900;transition:transform .12s,filter .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff57,0 5px 14px #0000006b}.tc-exit:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff57,0 9px 20px #00000080}.tc-exit:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0006}@media (prefers-reduced-motion:reduce){.tc-pill.is-turn:after{opacity:1;animation:none}.tc-pill.is-turn,.tc-exit:hover{transform:none}.tc-card{animation:none}.tc-card:hover .tc-art,.tc-card:hover .tc-art-img img{transform:none}}.tc-grid{grid-template-columns:repeat(var(--tracks-mq,var(--tracks,6)), 1fr);grid-template-rows:repeat(var(--rows-mq,var(--rows,2)), 1fr);flex:1;align-content:center;gap:26px 22px;width:100%;max-width:1400px;min-height:0;margin-inline:auto;padding:18px 44px 26px;display:grid}.tc-cell{min-width:0;min-height:0;max-height:350px;display:flex}.tc-cell>*{flex:1;min-width:0}.tc-card{align-items:stretch;gap:5px;min-height:0;animation:.5s cubic-bezier(.2,.85,.3,1) both card-deal;display:flex}@keyframes card-deal{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}.tc-col{flex-direction:column;flex:1;gap:6px;min-width:0;padding:2px 0;display:flex}.tc-tile{background:0 0;border:none;border-radius:4px;flex:1;min-height:0;padding:0;position:relative}.tc-tile-face{z-index:2;border-radius:inherit;color:#171616;letter-spacing:.3px;text-shadow:0 1px #ffffff47;background:linear-gradient(#c9a94a 0%,#aa8d39 55%,#96792e 100%);border:4px solid #000;place-items:center;font-size:15px;font-weight:900;transition:transform .1s,filter .15s;display:grid;position:absolute;inset:0 0 4px}.tc-tile:after{content:"";z-index:1;border-radius:inherit;background:#6e5a20;border:4px solid #000;position:absolute;inset:4px 0 0}.tc-tile-start,.tc-tile-start .tc-tile-face,.tc-tile-start:after{border-start-start-radius:16px;border-end-start-radius:16px}.tc-tile-end,.tc-tile-end .tc-tile-face,.tc-tile-end:after{border-start-end-radius:16px;border-end-end-radius:16px}.tc-tile:hover:not(:disabled) .tc-tile-face{filter:brightness(1.1)}.tc-tile:active:not(:disabled) .tc-tile-face{transform:translateY(4px)}.tc-tile:disabled{cursor:default}.tc-tile.is-used .tc-tile-face{color:#00000040;text-shadow:none;background:linear-gradient(#5e5e5e 0%,#525252 60%,#454545 100%)}.tc-tile.is-used:after{background:#363636}.tc-strike{z-index:3;inset-inline:12px;background:#00000038;border-radius:1px;height:2.5px;position:absolute;top:48%;transform:rotate(-20deg)}.tc-art{z-index:5;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:1.35;min-width:0;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 8px 22px #00000061}.tc-card:hover .tc-art{transform:translateY(-3px);box-shadow:0 14px 30px #0000007a}.tc-art-img{background:#1b2148;flex:1;overflow:hidden}.tc-art-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.3,1)}.tc-card:hover .tc-art-img img{transform:scale(1.05)}.tc-art-title{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #00000080;background:linear-gradient(#0000002e,#00000061);padding:8px 6px;font-size:12.5px;font-weight:900;overflow:hidden}.tc-loading{z-index:40;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0a0d1f59;animation:.2s both fadeIn;position:fixed;inset:0}.tc-exit-box{color:#fff;text-align:center;background:#1e1e36;border:3px solid #ef4444;border-radius:20px;width:100%;max-width:380px;padding:24px}.tc-exit-title{color:#fff;margin:8px 0;font-size:18px;font-weight:900}.tc-exit-msg{color:#c4b5fd;margin-bottom:20px;font-size:14px;line-height:20px}@media (max-width:900px){.tc-grid{gap:14px 12px;max-width:none;padding:10px 14px 16px}.tc-cell{max-height:none}.tc-pill{border-radius:16px;flex:1;width:auto;height:60px}.tc-nudge{width:36px;height:36px;font-size:18px}.tc-pill-score{font-size:23px}.tc-round{min-width:60px;height:52px;padding:0 10px}.tc-round-count b{font-size:17px}.tc-exit{height:40px;padding:0 16px}.tc-tile-face{border-width:3px;font-size:12.5px}.tc-tile:after{border-width:3px}}.q-screen{background:linear-gradient(#171c44 0%,#0f1130 55%,#090b1b 100%);min-height:100dvh;display:flex;position:relative}.q-logo{top:12px;z-index:100;opacity:.95;pointer-events:none;width:auto;height:40px;margin-inline:auto;position:absolute;inset-inline:0}.q-round{top:14px;z-index:100;color:#facc15;white-space:nowrap;background:#facc1526;border:1.5px solid #facc15;border-radius:14px;padding:6px 14px;font-size:12.5px;font-weight:900;position:absolute;inset-inline-start:20px}.q-back{top:14px;z-index:100;color:#fff;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:17px;align-items:center;gap:5px;height:34px;padding:0 14px;font-size:12.5px;font-weight:900;transition:background .16s;display:inline-flex;position:absolute;inset-inline-end:20px}.q-back:hover{background:#ffffff29}.q-layout{flex:1;justify-content:center;align-items:stretch;gap:26px;min-height:0;padding:54px 30px 28px;display:flex}.q-card-wrap{justify-content:center;align-items:center;width:70%;max-width:1000px;display:flex}.q-card{background:#fff;border:3.5px solid #4a5581;border-radius:22px;flex-direction:column;width:100%;min-height:min(760px,85vh);max-height:calc(100dvh - 104px);display:flex;position:relative;box-shadow:0 10px 34px #00000073}.q-pills{top:-18px;z-index:20;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset-inline:6%}.q-pill{color:#fff;white-space:nowrap;border:1.5px solid;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:900;box-shadow:0 4px 12px #00000059}.q-pill-cat{background:#4338ca;border-color:#6366f166}.q-pill-timer{background:#1e293b;border:2px solid #38bdf8;border-radius:20px;align-items:center;gap:7px;min-width:96px;padding:3px 14px 3px 3px;transition:background .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 12px #00000059}.q-pill-timer.is-paused{background:#5b21b6;border-color:#a78bfa}.q-timer-icon{color:#0b1120;background:#38bdf8;border-radius:12px;place-items:center;width:24px;height:24px;display:grid}.q-pill-timer.is-paused .q-timer-icon{background:#a78bfa}.q-timer-t{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:14px;font-weight:900}.q-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;min-height:0;padding:60px 34px 64px;display:flex;overflow-y:auto}.q-text{color:#1a1a2e;text-align:center;max-width:44ch;font-size:clamp(21px,2.5vw,33px);font-weight:800;line-height:1.6}.q-media{background:0 0;border:none;border-radius:12px;padding:0;line-height:0;position:relative;overflow:hidden}.q-media img,.q-media video{object-fit:contain;max-width:min(100%,560px);max-height:min(42vh,380px)}.q-zoom{bottom:8px;color:#fff;background:#8b5cf6;border:2px solid #6d28d9;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;inset-inline-start:8px}.audio-bar{background:#eef2ff;border:2px solid #c7d2fe;border-radius:999px;align-items:center;gap:14px;width:min(100%,420px);padding:10px 18px 10px 10px;display:flex}.audio-play{color:#fff;background:linear-gradient(#8b5cf6,#6d28d9);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;transition:transform .12s,filter .16s;display:grid;box-shadow:0 4px 12px #6d28d966}.audio-play:hover{filter:brightness(1.1)}.audio-play:active{transform:scale(.92)}.audio-seek{-webkit-appearance:none;appearance:none;background:linear-gradient(to left, #6d28d9 0 var(--played,0%), #c7d2fe var(--played,0%) 100%);cursor:pointer;border-radius:3px;flex:1;height:6px}.audio-seek::-webkit-slider-thumb{-webkit-appearance:none;background:#6d28d9;border:2px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #00000059}.audio-seek::-moz-range-thumb{background:#6d28d9;border:2px solid #fff;border-radius:50%;width:15px;height:15px}.audio-time{color:#4338ca;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-size:12.5px;font-weight:800}.q-answer{text-align:center;background:#fff;border:2.5px solid #facc15;border-radius:22px;padding:10px 26px;box-shadow:0 6px 18px #a1620740}.q-answer-label{color:#854d0e;opacity:.8;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.q-answer-val{color:#0f172a;font-size:clamp(16px,1.8vw,21px);font-weight:900;line-height:1.45}.q-show{bottom:-23px;z-index:20;background:0 0;border:none;width:min(280px,62%);height:46px;margin-inline:auto;padding:0;position:absolute;inset-inline:0}.q-show-face{z-index:2;color:#fff;white-space:nowrap;background:linear-gradient(#34d399 0%,#10b981 55%,#0e9f6e 100%);border:4px solid #000;border-radius:12px;place-items:center;font-size:14px;font-weight:900;transition:transform .1s,filter .15s;display:grid;position:absolute;inset:0 0 5px}.q-show:after{content:"";z-index:1;background:#064e3b;border:4px solid #000;border-radius:12px;position:absolute;inset:5px 0 0}.q-show:hover .q-show-face{filter:brightness(1.1)}.q-show:active .q-show-face{transform:translateY(5px)}.q-side{flex-direction:column;justify-content:center;gap:18px;width:24%;min-width:215px;max-width:280px;display:flex}.q-team{text-align:center;opacity:.72;filter:saturate(.8);border:2.5px solid #0000002e;border-radius:20px;padding:20px 16px;transition:transform .22s cubic-bezier(.2,.8,.3,1),border-color .22s,opacity .22s,filter .22s,box-shadow .22s;position:relative;box-shadow:inset 0 1px #ffffff40,0 6px 18px #00000061}.q-team.is-turn{opacity:1;filter:none;border-color:gold;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 1px #ffffff4d,0 0 0 4px #ffd70029,0 10px 24px #00000073}.q-team-arrow{top:50%;background:var(--grad-warm);border-radius:7px;width:14px;height:46px;font-size:0;position:absolute;inset-inline-start:-7px;translate:0 -50%;box-shadow:0 0 12px #ffd7008c}.q-team-name{color:#ffffffd9;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;display:block;overflow:hidden}.q-team-score{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #00000059;font-size:34px;font-weight:900;line-height:1.2;display:block}.q-ll-bar{border-top:1px solid #fff3;justify-content:center;gap:8px;margin-top:13px;padding-top:13px;display:flex}.q-ll{background:#00000029;border-radius:11px;place-items:center;width:38px;height:38px;padding:4px;transition:background .15s,transform .12s;display:grid}.q-ll img{object-fit:contain;width:100%;height:100%}.q-ll:hover:not(:disabled){background:#0000004d;transform:translateY(-2px)}.q-ll:active:not(:disabled){transform:scale(.9)}.q-ll:disabled{cursor:default}.q-ll.is-waiting img{opacity:.6}.q-ll.is-spent{background:#0000004d}.q-ll.is-spent img{opacity:.22;filter:grayscale()}.q-lifeline-note{text-align:start;background:#eef2ff;border:2px solid #4338ca;border-radius:16px;align-items:center;gap:12px;max-width:420px;padding:11px 18px;display:flex}.q-lifeline-note img{object-fit:contain;flex-shrink:0;width:34px;height:34px}.q-lifeline-note span{color:#1e1b4b;font-size:13px;line-height:1.6}.q-lifeline-note strong{color:#4338ca;font-size:13.5px;font-weight:900;display:block}.q-award{flex-direction:column;align-items:center;gap:12px;display:flex}.q-award-title{color:gold;font-size:12px;font-weight:900}.q-award-btn{background:0 0;border:none;width:100%;height:42px;padding:0;position:relative}.q-award-face{color:#fff;z-index:2;border:4px solid #000;border-radius:10px;place-items:center;padding:0 6px;font-size:12px;font-weight:900;transition:transform .1s,filter .15s;display:grid;position:absolute;inset:0 0 4px}.q-award-edge{z-index:1;border:4px solid #000;border-radius:10px;position:absolute;inset:4px 0 0}.q-award-btn:hover .q-award-face{filter:brightness(1.1)}.q-award-btn:active .q-award-face{transform:translateY(4px)}.q-zoomed{object-fit:contain;border-radius:14px;max-width:94vw;max-height:88vh}.q-zoom-close{top:22px;color:#fff;background:#ffffff24;border:1.5px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;inset-inline-end:22px}@media (max-width:860px){.q-layout{flex-direction:column;gap:26px;padding:56px 14px 26px}.q-logo{height:30px;top:10px}.q-card{min-height:min(480px,62vh)}.q-card-wrap{width:100%}.q-side{flex-direction:row;width:100%;max-width:none}.q-team-score{font-size:26px}.q-side>*{flex:1}.q-award{flex-direction:row;width:100%}.q-award-title{display:none}.q-show{width:min(230px,74%)}}@media (prefers-reduced-motion:reduce){.q-team.is-turn,.q-ll:hover:not(:disabled){transform:none}}.poster{background:#0b0e24;min-height:100dvh;position:relative;overflow:hidden}.poster-half{background:radial-gradient(ellipse 70% 60% at 50% 40%, color-mix(in srgb, var(--team) 78%, #fff) 0%, transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--team) 92%, #fff) 0%, var(--team) 48%, color-mix(in srgb, var(--team) 62%, #000) 100%);place-items:center;display:grid;position:absolute;inset:0}.poster-half.is-win{clip-path:polygon(100% 0,100% 100%,34% 100%,58% 0);animation:.7s cubic-bezier(.2,.8,.3,1) both half-in-win}.poster-half.is-lose{clip-path:polygon(0 0,55% 0,31% 100%,0 100%);filter:saturate(.4)brightness(.42);animation:.7s cubic-bezier(.2,.8,.3,1) both half-in-lose}@keyframes half-in-win{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:none}}@keyframes half-in-lose{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:none}}.poster-side{text-align:center;justify-items:center;gap:6px;padding:0 24px;display:grid;position:absolute;top:50%;translate:0 -50%}.is-win .poster-side{inset-inline-end:6%}.is-lose .poster-side{inset-inline-start:4%}.poster-tag{background:var(--grad-warm);color:#22160a;border-radius:999px;align-items:center;gap:6px;padding:5px 15px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 5px 16px #0006}.poster-tag.is-quiet{color:#ffffffd9;box-shadow:none;background:#ffffff2e}.poster-name{color:#fff;overflow-wrap:anywhere;text-shadow:0 3px 14px #00000073;max-width:8ch;font-size:clamp(26px,4.4vw,54px);font-weight:900;line-height:1.15}.poster-score{color:#fff;letter-spacing:-3px;font-variant-numeric:tabular-nums;text-shadow:0 6px 26px #00000080;font-size:clamp(46px,9vw,116px);font-weight:900;line-height:.95}.is-win .poster-score{color:var(--gold-bright)}.poster-seam{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.poster-seam:before{content:"";background:linear-gradient(180deg, transparent, var(--gold) 18%, #fff0bc 50%, var(--gold) 82%, transparent);width:5px;height:124%;position:absolute;top:-12%;left:44%;transform:rotate(13.5deg);box-shadow:0 0 26px #ffd70099}.poster-vs{border:3px solid var(--gold);min-width:74px;height:74px;color:var(--gold-bright);letter-spacing:1px;background:linear-gradient(#232a5c,#10143a);border-radius:50%;place-items:center;padding:0 14px;font-size:22px;font-weight:900;animation:.6s cubic-bezier(.2,.9,.3,1.5) .35s both vs-in;display:grid;position:relative;box-shadow:0 10px 30px #0000008c}@keyframes vs-in{0%{opacity:0;transform:scale(.4)rotate(-25deg)}to{opacity:1;transform:none}}.poster-logo{top:22px;z-index:5;pointer-events:none;filter:drop-shadow(0 3px 10px #00000080);width:auto;height:40px;margin-inline:auto;position:absolute;inset-inline:0}.poster-foot{bottom:0;z-index:5;background:linear-gradient(#0000,#0b0e24e0);flex-direction:column;align-items:center;gap:14px;padding:22px 20px 30px;display:flex;position:absolute;inset-inline:0}.poster-meta{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0e2499;border:1.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-size:13px;font-weight:800;display:inline-flex}.poster-meta i{opacity:.45;font-style:normal}.poster-exit{background:var(--grad-warm);color:#22160a;border:2px solid #0006;border-radius:16px;min-width:200px;height:52px;padding:0 28px;font-size:16px;font-weight:900;transition:transform .14s,filter .18s;box-shadow:inset 0 1px #ffffff73,0 8px 22px #00000073}.poster-exit:hover{filter:brightness(1.07);transform:translateY(-2px)}.poster-exit:active{transform:translateY(1px)}@media (max-width:720px){.poster-half.is-win{clip-path:polygon(0 0,100% 0,100% 54%,0 46%)}.poster-half.is-lose{clip-path:polygon(0 47%,100% 55%,100% 100%,0 100%)}.is-win .poster-side{inset:12% 0 auto;translate:none}.is-lose .poster-side{inset:auto 0 16%;translate:none}.poster-seam:before{background:linear-gradient(90deg, transparent, var(--gold) 18%, #fff0bc 50%, var(--gold) 82%, transparent);width:124%;height:5px;top:48%;left:-12%;transform:rotate(4deg)}.poster-vs{min-width:62px;height:62px;font-size:18px}.poster-name{max-width:14ch}}@media (prefers-reduced-motion:reduce){.poster-half,.poster-vs{animation:none}}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-bit{opacity:.9;will-change:transform;border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-8%}.confetti-bit.is-round{border-radius:50%}@keyframes fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}8%{opacity:.95}92%{opacity:.95}to{transform:translate3d(var(--drift), 112vh, 0) rotate(var(--spin));opacity:0}}.confetti-spark{will-change:transform;background:radial-gradient(circle,#fff6d8 0%,#ffd700b3 45%,#0000 72%);border-radius:50%;animation-name:rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:-4%}@keyframes rise{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:.9}80%{opacity:.6}to{opacity:0;transform:translate(26px,-104vh)scale(1.15)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d1fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:390px;color:var(--on-surface);border-radius:var(--r-l);text-align:center;box-shadow:var(--shadow-l);padding:26px}.field{border-radius:var(--r-m);text-align:start;background:#ffffff80;border:2px solid #171c4233;padding:10px 16px;transition:border-color .18s;display:block}.field:focus-within{border-color:var(--gold)}.field .lbl{font-size:12px;font-weight:800}.field input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;padding:3px 0 2px;font-size:18px;font-weight:700}.field input::placeholder{color:var(--ink-dim);font-weight:500}.search{border-radius:var(--r-m);width:100%;height:48px;color:var(--ink);box-shadow:var(--shadow-s);background:#ffffff8c;border:1.5px solid #171c4233;outline:none;padding:0 18px;font-size:15px}.search:focus{border-color:var(--gold)}.chip{width:54px;height:44px;color:var(--ink-soft);background:#ffffff80;border:2px solid #171c4233;border-radius:14px;font-size:16px;font-weight:900;transition:all .16s}.chip.is-on{background:var(--grad-warm);border-color:var(--gold);color:#22160a}.loading-mark{color:var(--gold);animation:1.6s ease-in-out infinite mark-pulse}@keyframes mark-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.dialog-mark{color:var(--team2)}.q-timer .dot svg{display:block}@media (prefers-reduced-motion:reduce){.loading-mark{animation:none}}.hero-logo{animation:.7s cubic-bezier(.2,.8,.3,1) both logo-in,4.5s ease-in-out 1s infinite logo-bob}@keyframes logo-bob{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-9px)rotate(-1.6deg)}70%{transform:translateY(-3px)rotate(1.2deg)}}.hero-title{animation:.65s cubic-bezier(.2,.8,.3,1) .15s both rise-word}.hero-sub{animation:.65s cubic-bezier(.2,.8,.3,1) .3s both rise-word}.code-card{animation:.7s cubic-bezier(.2,.9,.3,1.25) .42s both card-pop}.store-row{animation:.6s .6s both rise-word}@keyframes rise-word{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes card-pop{0%{opacity:0;transform:translateY(26px)scale(.93)}to{opacity:1;transform:none}}.code-input{transition:border-color .16s,transform .16s,box-shadow .2s}.code-input:focus{box-shadow:0 0 0 5px color-mix(in srgb, var(--gold) 22%, transparent);transform:scale(1.02)}.code-start:not(:disabled){animation:.55s cubic-bezier(.2,.9,.3,1.4) ready-nudge;position:relative;overflow:hidden}.code-start:not(:disabled):after{content:"";background:linear-gradient(100deg,#0000 40%,#ffffff73 50%,#0000 60%) 0 0/250% 100%;animation:2.6s linear infinite sheen;position:absolute;inset:0}@keyframes ready-nudge{0%{transform:scale(1)}45%{transform:scale(1.045)}to{transform:scale(1)}}.why-card{transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s}.why-card:hover{box-shadow:var(--shadow-l);transform:translateY(-8px)}.why-card:hover .why-icon{animation:.6s cubic-bezier(.2,.9,.3,1.5) icon-spring}@keyframes icon-spring{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.22)rotate(-12deg)}65%{transform:scale(.94)rotate(7deg)}to{transform:scale(1)rotate(0)}}.step:first-child .step-n{animation:.5s cubic-bezier(.2,.9,.3,1.5) both step-pop}.step:nth-child(2) .step-n{animation:.5s cubic-bezier(.2,.9,.3,1.5) .12s both step-pop}.step:nth-child(3) .step-n{animation:.5s cubic-bezier(.2,.9,.3,1.5) .24s both step-pop}@keyframes step-pop{0%{opacity:0;transform:scale(.4)rotate(-25deg)}to{opacity:1;transform:none}}.show-card{transform-style:preserve-3d}.show-card img{transition:transform .4s cubic-bezier(.2,.8,.3,1)}.show-card{perspective:620px}.show-card:hover{transform:translateY(-7px) scale(1.06) rotateY(calc(var(--tx,0) * 16deg)) rotateX(calc(var(--ty,0) * -16deg));z-index:2;box-shadow:0 20px 42px #161b4057}.show-card:hover img{transform:scale(1.09)}.show-card figcaption{transition:background .25s}.show-card:hover figcaption{background:var(--gold-bright);color:#22160a}.band-title{display:inline-block;position:relative}.band-title:after{content:"";bottom:-10px;background:var(--grad-warm);border-radius:2px;width:0;height:4px;animation:.8s cubic-bezier(.2,.8,.3,1) .2s forwards underline-draw;position:absolute;inset-inline-start:50%;translate:50%}@keyframes underline-draw{to{width:58px}}.band .wrap{text-align:center}.band .wrap>.why-grid,.band .wrap>.steps,.band .wrap>.show-grid{text-align:start}.store-btn:hover .store-btn-mark{animation:.55s cubic-bezier(.2,.9,.3,1.5) icon-spring}@media (prefers-reduced-motion:reduce){.hero-logo,.hero-title,.hero-sub,.code-card,.store-row,.step-n,.band-title:after,.code-start:not(:disabled),.code-start:not(:disabled):after{animation:none}.band-title:after{width:58px}.show-card:hover,.why-card:hover{transform:none}.backdrop-field.is-hero{opacity:1;inset:-4%;-webkit-mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%);mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%)}.is-hero .drift-mark-ar img,.is-hero .drift-mark-en img{opacity:.28;filter:saturate()brightness(1.35)}.backdrop-field.is-band{display:none}}.store-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.store-btn{color:#fff;background:#05070f;border:1.5px solid #ffffff2e;border-radius:14px;align-items:center;gap:11px;padding:9px 16px 9px 20px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.3,1),border-color .2s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.store-btn:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 26px #00000080,0 0 0 1px #e0a82e4d}.store-btn:active{transform:translateY(-1px)}.store-btn:after{content:"";opacity:0;background:linear-gradient(100deg,#0000 40%,#e0a82e38 50%,#0000 60%) 160% 0/250% 100%;transition:opacity .2s;position:absolute;inset:0}.store-btn:hover:after{opacity:1;animation:1.6s linear infinite sheen}.store-btn-mark{flex-shrink:0;place-items:center;display:grid}.store-btn-text{direction:ltr;unicode-bidi:isolate;flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.store-btn-text small{opacity:.68;letter-spacing:.2px;direction:rtl;font-size:10px;font-weight:600}.store-btn-text strong{letter-spacing:-.2px;font-size:15px;font-weight:800}.store-btn-lg{border-radius:16px;gap:13px;padding:11px 19px 11px 24px}.store-btn-lg .store-btn-text small{font-size:11px}.store-btn-lg .store-btn-text strong{font-size:17px}.footer-col .store-btn{background:#ffffff12;border-color:#ffffff29;justify-content:space-between;margin-bottom:10px;display:flex}.footer-col .store-btn:hover{background:#ffffff1f}@media (prefers-reduced-motion:reduce){.store-btn:hover{transform:none}.store-btn:hover:after{opacity:0;animation:none}}.code-card{position:relative}.code-card.is-winning{animation:.5s cubic-bezier(.3,.9,.4,1.4) win-shake}@keyframes win-shake{0%,to{transform:none}25%{transform:scale(1.03)rotate(-.7deg)}60%{transform:scale(1.015)rotate(.5deg)}}.burst{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.burst-piece{color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:900;animation:.9s cubic-bezier(.15,.7,.35,1) both fly;position:absolute;box-shadow:0 6px 16px #0000004d}.burst-piece.tier-easy{background:var(--grad-cool)}.burst-piece.tier-medium{background:var(--grad-warm);color:#22160a}.burst-piece.tier-hard{background:var(--grad-hot)}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}18%{opacity:1;transform:translate(0)scale(1.15)rotate(0)}to{opacity:0;transform:translate(var(--bx), var(--by)) scale(.55) rotate(var(--spin))}}.band>.wrap{opacity:0;transform:translateY(26px)}.band.is-seen>.wrap{opacity:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.3,1);transform:none}.band-title:after{width:0;animation:none}.band.is-seen .band-title:after{animation:.8s cubic-bezier(.2,.8,.3,1) .25s forwards underline-draw}.band.is-seen .why-card,.band.is-seen .step{animation:.55s cubic-bezier(.2,.8,.3,1) both rise-word}.band.is-seen .why-card:nth-child(2),.band.is-seen .step:nth-child(2){animation-delay:.1s}.band.is-seen .why-card:nth-child(3),.band.is-seen .step:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.burst{display:none}.show-card,.band.is-seen .show-card{opacity:1;animation:none}.code-card.is-winning{animation:none}.band>.wrap{opacity:1;transform:none}.band.is-seen .why-card,.band.is-seen .step{animation:none}.band.is-seen .band-title:after{width:58px;animation:none}}.backdrop-field.is-hero{opacity:1;inset:-4%;-webkit-mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%);mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%)}.is-hero .drift-mark-ar img,.is-hero .drift-mark-en img{opacity:.28;filter:saturate()brightness(1.35)}.backdrop-field.is-band{opacity:.85;-webkit-mask-image:radial-gradient(92% 92%,#000 55%,#0000 100%);mask-image:radial-gradient(92% 92%,#000 55%,#0000 100%)}@media (max-width:760px){.backdrop-field.is-hero{opacity:1;inset:-4%;-webkit-mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%);mask-image:radial-gradient(40% 46% at 50% 52%,#0000 28%,#000 78%)}.is-hero .drift-mark-ar img,.is-hero .drift-mark-en img{opacity:.28;filter:saturate()brightness(1.35)}.backdrop-field.is-band{display:none}}.is-band .drift-mark-ar img,.is-band .drift-mark-en img{opacity:.2}@media (max-width:700px){.backdrop-field.is-hero{-webkit-mask-image:radial-gradient(74% 56% at 50% 46%,#0000 52%,#000 98%);mask-image:radial-gradient(74% 56% at 50% 46%,#0000 52%,#000 98%)}.is-hero .drift-mark-ar img,.is-hero .drift-mark-en img{opacity:.17}.hero{padding:74px 14px 40px}.mode-switch{height:42px;padding:0 13px;font-size:13.5px}.hero-logo{height:62px;margin-bottom:16px}.hero-title{font-size:clamp(20px,6.4vw,27px)}.hero-sub{font-size:13.5px;line-height:1.8}.code-card{margin-top:24px;padding:20px 16px 16px}.code-title{margin-bottom:14px;font-size:18px}.code-input{height:52px;font-size:18px}.code-ready-value{letter-spacing:3px;font-size:28px}.store-row{gap:8px;margin-top:20px}.store-btn-lg{padding:9px 16px 9px 12px}.store-btn-lg .store-btn-text strong{font-size:15px}.band{padding:40px 0}.band-title{font-size:clamp(20px,5.6vw,25px)}.band-sub{font-size:13.5px}.why-grid,.steps{gap:12px;margin-top:26px}.why-card{padding:22px 18px}.tier-legend{gap:8px;margin-top:24px}.tier-chip{padding:7px 14px}.show-grid{grid-template-columns:repeat(2,1fr);gap:12px}.show-card figcaption{padding:8px 5px 9px;font-size:12px}.tc-board{height:auto;min-height:100dvh;overflow:visible}.tc-header{flex-wrap:wrap;gap:8px;padding:8px 12px 9px}.tc-scorebar{order:2;gap:8px;width:100%}.tc-exit{order:1;margin-inline-start:auto}.tc-pill{border-radius:14px;flex:1;width:auto;height:62px}.tc-scorebar{margin-top:17px}.tc-turn-tag{padding:2px 10px;font-size:9.5px}.tc-pill-score{font-size:21px}.tc-nudge{width:32px;height:32px;font-size:17px}.tc-round{min-width:54px;height:48px;padding:0 9px}.tc-round-count b{font-size:16px}.tc-grid{--tracks-mq:4;grid-template-rows:none;grid-auto-rows:auto;align-content:start;gap:12px 10px;max-width:none;padding:10px 12px 24px}.tc-cell{max-height:none;grid-column:auto/span 2!important}.tc-card{flex-direction:column;gap:6px}.tc-art{border-radius:13px;flex:none;order:-1}.tc-art-img{flex:none;height:68px}.tc-art-title{padding:5px 6px;font-size:11.5px}.tc-col{flex-direction:row;flex:none;gap:5px;padding:0}.tc-tile{min-height:42px}.tc-tile-face{border-width:3px;font-size:12.5px}.tc-tile:after{border-width:3px}.q-layout{justify-content:center;gap:24px;padding:68px 12px 20px}.q-round,.q-back{top:10px}.q-round{padding:5px 11px;font-size:11.5px;inset-inline-start:12px}.q-back{height:30px;padding:0 11px;font-size:11.5px;inset-inline-end:12px}.q-logo{height:26px;top:8px}.q-card-wrap{flex:none;align-items:stretch;min-height:0}.q-card{border-width:3px;border-radius:18px;height:auto;min-height:44vh;max-height:58vh}.q-body{justify-content:center}.q-pills{inset-inline:3%;gap:5px;top:-15px}.q-pill,.q-pill-timer{padding:5px 11px;font-size:11px}.q-pill-timer{min-width:78px;padding:3px 11px 3px 3px}.q-timer-icon{width:21px;height:21px}.q-timer-t{font-size:12.5px}.q-body{gap:14px;padding:26px 14px 30px}.q-text{font-size:clamp(17px,5vw,21px)}.q-media img,.q-media video{max-height:30vh}.q-show{width:min(210px,76%);height:40px;bottom:-20px}.q-show-face{border-width:3px;font-size:12.5px}.q-side{gap:10px}.q-team{border-radius:14px;padding:11px 8px}.q-team-score{font-size:21px}.q-team-name{font-size:11.5px}.q-team-arrow{display:none}.q-ll{border-radius:9px;width:30px;height:30px}.q-ll-bar{gap:5px;margin-top:7px;padding-top:7px}.q-lifeline-note{gap:9px;padding:9px 13px}.q-lifeline-note img{width:27px;height:27px}.q-lifeline-note span{font-size:12px}.q-award-face{border-width:3px;font-size:11px}.poster-logo{height:30px;top:12px}.poster-name{max-width:12ch;font-size:clamp(21px,6.6vw,28px)}.poster-score{letter-spacing:-2px;font-size:clamp(38px,13vw,58px)}.poster-tag{padding:4px 12px;font-size:11px}.poster-foot{gap:10px;padding:16px 14px 22px}.poster-meta{padding:6px 14px;font-size:12px}.poster-exit{min-width:170px;height:46px;font-size:15px}.footer-logo{height:38px}.footer-title{font-size:15.5px}.footer-body{font-size:13px}.social-btn{justify-content:center;width:100%}}@media (max-width:400px){.show-grid{gap:10px}.tc-tile-face{font-size:12px}}.w-shell{--w-bg:#0e1430;--w-bg-2:#141b3d;--w-panel:#1b2249;--w-line:#ffffff1f;--w-gold:#f5c518;--w-gold-deep:#b8901a;--w-stroke:#15233f;--w-ink:#fff;--w-ink-dim:#ffffffa8;background:radial-gradient(ellipse at 18% 0%, #f5c51824, transparent 56%), radial-gradient(ellipse at 86% 96%, #3b82f629, transparent 54%), linear-gradient(168deg, #151c40 0%, var(--w-bg) 58%, #0a0f26 100%);min-height:100dvh;color:var(--w-ink);flex-direction:column;display:flex;overflow-x:clip}.w-loading{text-align:center;justify-content:center;align-items:center;gap:14px}.w-loading p{color:var(--w-ink-dim);font-size:14px;font-weight:700}.w-loading-mark{animation:1.5s linear infinite w-spin}@keyframes w-spin{to{transform:rotate(360deg)}}.w-sweep{z-index:90;pointer-events:all;position:fixed;inset:0;overflow:hidden}.w-sweep svg{z-index:1;display:block;position:relative}.w-sweep-dim{z-index:0;opacity:0;background:#0e1430;animation:linear both w-sweep-dim;position:absolute;inset:0}@keyframes w-sweep-dim{to{opacity:.9}}.w-sweep-cell{transform-box:fill-box;transform-origin:50%;animation:.34s cubic-bezier(.34,1.56,.64,1) both w-sweep-in}@keyframes w-sweep-in{0%{opacity:0;transform:translateY(-16px)rotate(-12deg)scale(.32)}35%{opacity:1}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.w-sweep.is-reveal{animation:.34s cubic-bezier(.4,0,.7,.2) both w-sweep-out}@keyframes w-sweep-out{to{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.w-sweep{display:none}}.hex-field{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 58% at 50% 48%,#0000 36%,#000 84%);mask-image:radial-gradient(50% 58% at 50% 48%,#0000 36%,#000 84%)}.hex-field-svg{width:100%;height:100%;transform:translate3d(calc(var(--mx,0) * 12px), calc(var(--my,0) * 8px), 0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.hex-wash-v{animation:9s cubic-bezier(.45,0,.55,1) infinite hex-wash-v}.hex-wash-h{animation:11s cubic-bezier(.45,0,.55,1) 2.6s infinite hex-wash-h}@keyframes hex-wash-v{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(300%)}}@keyframes hex-wash-h{0%{opacity:0;transform:translate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(420%)}}.hex-out{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite both hex-breathe}@keyframes hex-breathe{0%,to{opacity:.45;scale:.97}50%{opacity:1;scale:1.03}}.hex-gleam{animation:13s ease-in-out 1.5s infinite hex-gleam}@keyframes hex-gleam{0%{opacity:0;transform:translate(0)}10%{opacity:.5}70%{opacity:.5}to{opacity:0;transform:translate(320%)}}.hex-tile{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 10px 18px #00000057);animation:12s ease-in-out infinite both hex-float}.hex-tile text{font-weight:900}@keyframes hex-float{0%,to{opacity:.5;translate:0;rotate:-3.5deg}50%{opacity:.78;translate:0 -22px;rotate:3.5deg}}@media (prefers-reduced-motion:reduce){.hex-field-svg{will-change:auto;transform:none}.hex-out,.hex-tile,.hex-wash-v,.hex-wash-h,.hex-gleam{animation:none}.hex-wash-v,.hex-wash-h,.hex-gleam{opacity:0}}.w-launch{max-width:460px}.w-name-row{text-align:start;grid-template-columns:1fr 1fr;gap:12px;display:grid}.w-name{flex-direction:column;gap:7px;display:flex}.w-name>span{border:2px solid #15233f;border-radius:999px;align-self:center;padding:3px 12px;font-size:11.5px;font-weight:900}.w-name input{border-radius:var(--r-m);height:50px;color:var(--on-surface);font:inherit;text-align:center;background:#ffffff12;border:2px solid #ffffff29;padding:0 12px;font-size:15px;font-weight:800;transition:border-color .2s,background .2s}.w-name input::placeholder{color:#ffffff57;font-weight:700}.w-name input:focus-visible{border-color:var(--gold);background:#ffffff1f;outline:none}.w-colors{margin-top:16px}.w-colors-label{color:var(--on-surface-dim);margin-bottom:9px;font-size:12px;font-weight:900;display:block}.w-colors-row{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.w-color-pair{cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:12px;place-items:center;padding:5px 7px;transition:border-color .18s,transform .18s,background .18s;display:grid}.w-color-pair:hover{background:#ffffff1f;transform:translateY(-2px)}.w-color-pair.is-on{border-color:var(--gold);background:#e0a82e2e}.w-start{border-radius:var(--r-m);color:#1a1405;width:100%;height:56px;font:inherit;cursor:pointer;background:linear-gradient(#ffd84d,#f5c518 52%,#b8901a);border:3px solid #15233f;margin-top:18px;font-size:17px;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 6px #8a6a10,0 14px 26px #00000057}.w-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #8a6a10,0 18px 30px #00000061}.w-start:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #8a6a10,0 8px 16px #0000004d}.w-start:disabled{filter:saturate(.4)brightness(.78);cursor:not-allowed;box-shadow:0 4px #6b5410}.axis-chip{border:2.5px solid #15233f;align-items:center}.axis-chip svg{flex:none}.axis-chip em{opacity:.9}.letter-grid{margin-top:30px;grid-template-columns:repeat(13,1fr);gap:10px 8px;max-width:900px;margin-inline:auto;display:grid}.letter-tile{opacity:0;place-items:center;transition:transform .2s cubic-bezier(.2,.8,.3,1);animation:.5s cubic-bezier(.2,.85,.3,1.2) both letter-in;display:grid;position:relative}.letter-tile:hover{transform:translateY(-4px)scale(1.06)}.letter-tile b{color:#15233f;pointer-events:none;font-size:27px;font-weight:900;position:absolute}@keyframes letter-in{0%{opacity:0;transform:translateY(14px)scale(.7)}to{opacity:1;transform:none}}.band:not(.is-seen) .letter-tile{animation-play-state:paused}.w-board-page{flex-direction:column;flex:1;min-height:0;display:flex}.w-bar{border-bottom:1px solid var(--w-line);background:#0003;flex:none;align-items:center;gap:12px;padding:12px clamp(12px,2.4vw,26px);display:flex}.w-turn{background:color-mix(in srgb, var(--team) 26%, transparent);border:2.5px solid var(--team);color:#fff;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13.5px;font-weight:800;display:inline-flex}.w-turn strong{font-size:15.5px;font-weight:900}.w-turn svg{color:var(--team)}.w-play{flex-direction:row-reverse;flex:1;gap:clamp(12px,2vw,26px);width:100%;min-height:0;padding:clamp(12px,2vw,22px) clamp(12px,2.4vw,26px) clamp(16px,2.4vw,26px);display:flex}.w-board-wrap{border-radius:20px;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.w-board,.w-qfull{width:100%;height:100%;position:absolute;inset:0}.w-arm-note{border:2px solid var(--w-gold);color:var(--w-gold);background:#f5c51829;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 15px;font-size:13px;font-weight:900;animation:1.4s ease-in-out infinite w-pulse;display:inline-flex}@keyframes w-pulse{50%{background:#f5c5184d}}.w-edges rect{opacity:.5}.w-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.w-tile:focus{outline:none}.w-tile-top,.w-tile-drop{transition:transform .16s cubic-bezier(.2,.8,.3,1),opacity .16s}.w-tile-top{transform-box:fill-box;transform-origin:50%}.w-tile-letter{pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:900}.w-tile.is-open:hover .w-tile-top{transform:translateY(-3px)}.w-tile.is-open:hover .w-tile-drop{opacity:.34}.w-tile.is-open:active .w-tile-top{transform:translateY(5px)}.w-tile.is-open:active .w-tile-drop{opacity:.12}.w-tile:focus-visible{outline:none}.w-tile:focus-visible .w-tile-face{stroke:var(--w-gold);stroke-width:4px}.w-tile.is-claimed{cursor:default}.w-tile.is-target{cursor:crosshair}.w-tile.is-target .w-tile-face{animation:1.1s ease-in-out infinite w-target}@keyframes w-target{50%{filter:brightness(1.28)saturate(1.2)}}.w-tile.is-win .w-tile-face{stroke:var(--w-gold);stroke-width:5px;animation:1.6s ease-in-out infinite w-win-glow}@keyframes w-win-glow{50%{filter:brightness(1.22)drop-shadow(0 0 6px #f5c518b3)}}.w-shatter{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.48s cubic-bezier(.2,.8,.3,1) forwards w-shatter}@keyframes w-shatter{0%{opacity:1;scale:.5}to{opacity:0;scale:1.9}}.w-side{flex-direction:column;flex:none;justify-content:center;gap:10px;width:clamp(300px,27vw,420px);display:flex}.w-side-head{border-bottom:1px solid var(--w-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.w-side-title{color:#fff;margin:0;font-size:20px;font-weight:900}.w-quit{color:#e9584f;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:11.5px;font-weight:900;line-height:1.1;transition:background .18s,color .18s;display:inline-flex}.w-quit svg{display:block}.w-quit:hover{background:#e9584f24}.w-quit.is-lg{border:2.5px solid var(--w-stroke);color:#fff;background:linear-gradient(#e9584f,#c6382f);flex-direction:row;gap:8px;height:50px;padding:0 24px;font-size:15px;box-shadow:0 4px #8e241d}.w-plate{opacity:.88;background:#1a2148;border:2px solid #ffffff14;border-radius:20px;flex-direction:column;gap:10px;padding:16px;transition:border-color .26s,box-shadow .26s,opacity .26s;display:flex;position:relative}.w-plate.is-turn{opacity:1;border-color:var(--team);box-shadow:0 0 0 1px var(--team), 0 0 22px color-mix(in srgb, var(--team) 42%, transparent)}.w-plate-head{align-items:center;gap:8px;display:flex}.w-plate-mark{flex:none}.w-plate-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:900;overflow:hidden}.w-plate-tag{background:var(--team);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:900}.w-score{border-bottom:5px solid var(--team);background:#fff;border-radius:14px;place-items:center;height:66px;display:grid}.w-score strong{color:#14172e;font-size:40px;font-weight:900;line-height:1}.w-eraser{border:2.5px solid var(--w-stroke);color:#14172e;height:40px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-self:center;align-items:center;gap:7px;margin-top:4px;padding:0 20px;font-size:14.5px;font-weight:900;transition:transform .18s,filter .18s;display:inline-flex;position:relative}.w-eraser-label{align-items:center;gap:6px;display:inline-flex}.w-eraser:hover:not(:disabled){transform:translateY(-2px)}.w-eraser.is-armed{box-shadow:0 0 0 3px #f5c5188c}.w-eraser:disabled{filter:grayscale(.7)brightness(.85);opacity:.6;cursor:not-allowed}.w-eraser-badge{top:-13px;place-items:center;display:grid;position:absolute;inset-inline-end:-6px}.w-eraser-badge i{color:#1a1405;font-size:11px;font-style:normal;font-weight:900;position:absolute}.w-swap-row{justify-content:center;padding:2px 0;display:flex}.w-swap{border:2.5px solid var(--w-stroke);color:#14172e;height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 26px;font-size:15.5px;font-weight:900;transition:transform .18s,filter .18s;display:inline-flex}.w-swap:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.w-swap:disabled{opacity:.45;cursor:not-allowed}.w-modal{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060918bd;place-items:center;padding:18px;animation:.2s both w-fade;display:grid;position:fixed;inset:0}@keyframes w-fade{0%{opacity:0}}.w-win{border:4px solid var(--w-stroke);color:#14172e;background:linear-gradient(#fff,#f3efe4);border-radius:26px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;padding:30px 24px 26px;animation:.26s cubic-bezier(.2,.85,.3,1) both w-pop;display:flex;position:relative;box-shadow:0 26px 60px #00000080}@keyframes w-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}.w-qfull-field{opacity:.15;pointer-events:none;border-radius:20px;width:100%;height:100%;position:absolute;inset:0}.w-qfull{background:radial-gradient(at 50% 46%,#00000057,#0000 70%),linear-gradient(160deg,#1a2148,#10152f);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.4vh,30px);padding:clamp(12px,2vh,26px);animation:.26s cubic-bezier(.2,.85,.3,1) both w-qfull-in;display:flex;overflow:hidden}@keyframes w-qfull-in{0%{opacity:0;transform:scale(.985)}}.w-qhex{z-index:1;aspect-ratio:.866;filter:drop-shadow(0 18px 34px #00000073);place-items:center;height:min(76%,620px);transition:height .32s cubic-bezier(.2,.8,.3,1);display:grid;position:relative}.w-qfull.is-revealed .w-qhex{height:min(58%,470px)}.w-qhex>svg{width:100%;height:100%;position:absolute;inset:0}.w-qhex-text{text-align:center;color:#14172e;margin:0;padding:0 16%;font-size:clamp(15px,2.1vw,27px);font-weight:900;line-height:1.65;position:relative}.w-qfull.is-revealed .w-qhex-text{color:#05614a;font-size:clamp(19px,2.9vw,38px);animation:.3s cubic-bezier(.2,.85,.3,1) both w-qanswer}@keyframes w-qanswer{0%{opacity:0;transform:translateY(8px)scale(.94)}}.w-qhex-letter{place-items:center;display:grid;position:absolute;top:13%;right:-12px}.w-qhex-letter b{color:#fff;font-size:24px;font-weight:900;position:absolute}.w-qbar{z-index:1;flex:none;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative}.w-qreveal{color:#04261c;height:52px;font:inherit;cursor:pointer;background:linear-gradient(#34d399,#10b981 55%,#059669);border:3px solid #064e3b;border-radius:26px;padding:0 34px;font-size:clamp(15px,1.5vw,18px);font-weight:900;transition:transform .16s,box-shadow .16s;box-shadow:0 5px #064e3b,0 12px 26px #00000057}.w-qreveal:hover{transform:translateY(-2px);box-shadow:0 7px #064e3b,0 16px 30px #00000061}.w-qreveal:active{transform:translateY(3px);box-shadow:0 2px #064e3b}.w-qback{border:2px solid var(--w-line);color:#fff;height:52px;font:inherit;cursor:pointer;background:#ffffff17;border-radius:26px;padding:0 22px;font-size:14.5px;font-weight:900;transition:background .18s}.w-qback:hover{background:#ffffff29}.w-qaward{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.w-qwho{color:var(--w-ink-dim);font-size:14px;font-weight:900}.w-qaward-row{justify-content:center;gap:10px;width:100%;max-width:720px;display:flex}.w-qteam{background:color-mix(in srgb, var(--team,#d9d3c4) 16%, #131a3c);border:3px solid var(--team,#4a5581);min-width:0;height:56px;color:var(--team,#fff);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:16px;flex:1;padding:0 14px;font-size:clamp(14px,1.4vw,17px);font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;overflow:hidden}.w-qteam:hover{background:color-mix(in srgb, var(--team,#d9d3c4) 30%, #131a3c);box-shadow:0 8px 20px color-mix(in srgb, var(--team,#000) 34%, transparent);transform:translateY(-3px)}.w-qteam.is-turn{box-shadow:0 0 0 3px color-mix(in srgb, var(--team) 35%, transparent)}.w-qteam.is-none{color:#c7cce4;background:#232a4e;border-color:#4a5581;flex:0 150px}.w-win-screen{isolation:isolate;flex:1;place-items:center;min-height:0;animation:.45s cubic-bezier(.2,.8,.3,1) both w-win-flood;display:grid;position:relative;overflow:hidden}@keyframes w-win-flood{0%{opacity:0}}.w-win-screen:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff2e,#0000 42%,#00000073);position:absolute;inset:0}.w-win-lattice{z-index:0;width:100%;height:100%;position:absolute;inset:0}.w-win-cell{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.2,.9,.3,1.3) both w-win-cell-in}@keyframes w-win-cell-in{0%{opacity:0;scale:.2}}.w-win-body{z-index:2;text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex;position:relative}.w-win-label{letter-spacing:5px;opacity:.85;font-size:14px;font-weight:900;animation:.5s .1s both w-win-rise}.w-win-trophy{filter:drop-shadow(0 14px 26px #00000052);place-items:center;animation:.6s cubic-bezier(.2,.9,.3,1.5) .18s both w-win-pop,3.2s ease-in-out 1s infinite w-win-float;display:grid}@keyframes w-win-pop{0%{opacity:0;transform:scale(.4)rotate(-14deg)}}@keyframes w-win-float{50%{transform:translateY(-9px)}}.w-win-name{text-shadow:0 4px 18px #0000004d;max-width:18ch;font-size:clamp(30px,5.6vw,62px);font-weight:900;line-height:1.1;animation:.55s cubic-bezier(.2,.8,.3,1) .3s both w-win-rise}.w-win-score{opacity:.85;font-size:14.5px;font-weight:800;animation:.5s .4s both w-win-rise}@keyframes w-win-rise{0%{opacity:0;transform:translateY(16px)}}.w-win-chain{flex-direction:column;align-items:center;gap:6px;margin-top:8px;animation:.5s .48s both w-win-rise;display:flex}.w-win-chain-label{letter-spacing:2px;opacity:.8;font-size:12px;font-weight:900}.w-win-chain svg{overflow:visible}.w-win-chain text{font-weight:900}.w-win-link{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 6px 12px #00000047);animation:.42s cubic-bezier(.2,.9,.3,1.45) both w-win-link-in}@keyframes w-win-link-in{0%{opacity:0;scale:.3}}.w-win-actions{gap:10px;margin-top:16px;animation:.5s .62s both w-win-rise;display:flex}.w-win-again,.w-win-exit{height:52px;font:inherit;cursor:pointer;border-radius:26px;padding:0 30px;font-size:16px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s}.w-win-again{color:#14172e;background:#fff;border:3px solid #0000002e;box-shadow:0 6px 18px #00000042}.w-win-again:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000052}.w-win-exit{color:#fff;background:#00000042;border:3px solid #ffffff47}.w-win-exit:hover{background:#00000061;transform:translateY(-3px)}@media (max-width:700px){.w-win-body{gap:8px;padding:18px 14px}.w-win-trophy svg{width:104px;height:96px}.w-win-actions{width:100%;margin-top:10px}.w-win-again,.w-win-exit{flex:1;height:48px;padding:0 16px;font-size:15px}}@media (max-height:640px){.w-win-body{gap:5px;padding:12px 16px}.w-win-label{letter-spacing:3px;font-size:12px}.w-win-trophy svg{width:86px;height:80px}.w-win-name{font-size:clamp(22px,4.2vw,40px)}.w-win-score{font-size:13px}.w-win-chain{margin-top:2px}.w-win-chain-label{display:none}.w-win-actions{margin-top:8px}.w-win-again,.w-win-exit{height:42px;padding:0 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.w-win-screen,.w-win-cell,.w-win-label,.w-win-trophy,.w-win-name,.w-win-score,.w-win-chain,.w-win-link,.w-win-actions{animation:none}}@media (max-width:860px) and (orientation:portrait){.letter-grid{grid-template-columns:repeat(5,1fr);gap:10px;max-width:420px}.w-play{flex-direction:column;justify-content:center}.w-board-wrap{flex:none}.w-board{aspect-ratio:1.05;max-width:100%;height:auto}.w-side{flex-flow:wrap;align-items:stretch;gap:8px;width:100%}.w-side-head{order:1;width:100%;padding-bottom:6px}.w-plate{flex:1 1 0;order:2;min-width:0;padding:10px}.w-swap-row{order:3;width:100%;padding:0}.w-swap{justify-content:center;width:100%}.w-qfull{gap:14px;padding:14px 10px}.w-qhex{width:min(88%,340px);height:auto}.w-qfull.is-revealed .w-qhex{width:min(74%,292px);height:auto}.w-qhex-text{padding:0 15%;font-size:clamp(14px,4.1vw,20px);line-height:1.55}.w-qfull.is-revealed .w-qhex-text{font-size:clamp(18px,5.4vw,27px)}.w-qhex-letter{right:-6px;transform:scale(.8)}.w-qreveal,.w-qback{height:46px}.w-qreveal{padding:0 26px}.w-qaward-row{flex-wrap:wrap}.w-qteam{flex:calc(50% - 5px);height:50px}.w-qteam.is-none{flex:100%}.w-plate .w-plate-head svg:not(.w-plate-mark),.w-plate-tag{display:none}.w-score{height:52px}.w-score strong{font-size:29px}}@media (max-width:700px){.w-side-title{font-size:15px}.w-play{gap:12px;padding:10px 10px 18px}.w-name-row{grid-template-columns:1fr;gap:10px}.w-plate{border-radius:14px}.w-plate-name{font-size:15px}.w-eraser{height:32px;padding:0 13px;font-size:12px}.w-win{border-width:3px;border-radius:20px;padding:26px 16px 20px}.w-q-award-row{flex-wrap:wrap}.w-award{flex:calc(50% - 5px)}.w-award.is-none{flex-basis:100%}.w-win-row{flex-direction:column}.w-win-row .w-quit.is-lg{justify-content:center;width:100%}}@media (max-height:500px){.w-play{gap:10px;padding:8px 10px}.w-side{justify-content:center;gap:5px;width:clamp(212px,26vw,280px)}.w-side-head{padding-bottom:4px}.w-quit{flex-direction:row;gap:6px;padding:3px 8px}.w-side-title{font-size:15px}.w-plate{border-radius:14px;gap:5px;padding:7px 10px}.w-plate-name{font-size:14px}.w-plate-tag,.w-plate-head svg:not(.w-plate-mark){display:none}.w-score{border-bottom-width:4px;height:40px}.w-score strong{font-size:24px}.w-eraser{height:30px;margin-top:2px;padding:0 14px;font-size:12px}.w-eraser-badge{top:-11px}.w-swap{height:32px;padding:0 18px;font-size:13px}.w-swap-row{padding:0}.w-qhex{height:min(70%,300px)}.w-qfull.is-revealed .w-qhex{height:min(56%,240px)}.w-qhex-text{font-size:clamp(13px,1.9vw,19px)}.w-qfull.is-revealed .w-qhex-text{font-size:clamp(16px,2.4vw,24px)}.w-qreveal,.w-qback{height:40px;font-size:14px}.w-qteam{height:44px}.w-qbar{gap:8px}}@media (prefers-reduced-motion:reduce){.w-loading-mark,.w-arm-note,.w-win-mark,.w-tile.is-target .w-tile-face,.w-tile.is-win .w-tile-face,.w-modal,.w-q,.w-win,.w-q-answer{animation:none}.w-shatter{display:none}.w-plate.is-turn,.w-start:hover,.w-quit:hover,.w-pass:hover,.w-eraser:hover,.w-award:hover,.w-q-reveal:hover,.w-color-pair:hover{transform:none}}