@font-face{font-family:'Be Vietnam Pro';src:url('/be-vietnam-pro.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body[data-screen="tv"]{background:radial-gradient(ellipse at top,#71442a,#24150e 80%);min-height:100dvh}.tv-board{max-width:2200px;min-height:100dvh;margin:auto;padding:3vh 4vw;display:flex;flex-direction:column;gap:2vh}.tv-header{position:static;padding:0;display:flex;align-items:center}.tv-header small{font-size:clamp(12px,1vw,20px);color:#f2d1a2}.tv-header h1{font-size:clamp(27px,3.2vw,70px);letter-spacing:-1px;margin:12px 0 0;line-height:1.3}.tv-header h1 em{font-size:.65em;white-space:nowrap}.tv-status{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #aa7d4a;border-bottom:1px solid #aa7d4a;padding:1.5vh 0;color:#ffe1a0;font-size:clamp(15px,1.5vw,32px);font-weight:700;font-variant-numeric:tabular-nums}#tv-clock{color:#ffce56}#tv-podium{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.5vw;margin:1vh 0}.tv-place{min-width:0;border:1px solid #aa8253;border-radius:10px;padding:2.2vh 1.5vw;background:#2c1c13bd;display:flex;flex-direction:column;gap:1vh;align-items:flex-start;position:relative}.tv-place small{color:#e9c89b;font-size:clamp(11px,1vw,22px);letter-spacing:2px}.tv-place.place-1{border:2px solid #f7c963;background:#694821a8;box-shadow:0 0 50px #ffb53b16}.tv-place .tv-rank{position:absolute;right:1.5vw;top:1.5vh;font-size:clamp(22px,2.5vw,55px);opacity:.4}.tv-name{overflow-wrap:anywhere;min-width:0;line-height:1.4}.tv-place .tv-name{font-size:clamp(21px,2.5vw,56px);width:100%;padding-right:2vw}.tv-place .tv-points{font-size:clamp(40px,4.8vw,105px);color:#ffdb78;line-height:1.2;font-variant-numeric:tabular-nums}.tv-place .tv-points:after{content:' ĐIỂM';font-size:.22em;color:#e9d0a4}#tv-list{display:grid;grid-template-columns:1fr 1fr;gap:1.3vh 2vw}#tv-list .tv-player{display:grid;grid-template-columns:2.3em minmax(0,1fr) auto;align-items:center;gap:12px;padding:1.3vh 1.5vw;border-radius:5px;background:#190f0b94;font-size:clamp(19px,2vw,42px);border:1px solid #82603b66}#tv-list .tv-rank{color:#caa36a;font-size:.8em}#tv-list .tv-points{color:#ffdb78;font-variant-numeric:tabular-nums}.tv-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;color:#d4ba95;font-size:clamp(12px,1.1vw,24px);padding-top:1.5vh}.tv-footer b{color:#ffe4af}#tv-empty{text-align:center;font-size:clamp(25px,3vw,60px);padding:8vh 0;line-height:1.7;color:#ffe4ae}#tv-empty small{font-size:.5em;letter-spacing:0}.tv-header button{font-size:13px}@media(min-width:1300px){.tv-header button{opacity:.35}.tv-header button:hover,.tv-header button:focus-visible{opacity:1}}@media(max-width:650px){#tv-podium{grid-template-columns:1fr}.tv-place{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px 18px;gap:8px}.tv-place small{grid-column:1/-1}.tv-place .tv-rank{display:none}.tv-place .tv-name{font-size:22px}.tv-place .tv-points{font-size:34px}.tv-header h1 em{display:block}.tv-status{font-size:12px;gap:6px}#tv-list{grid-template-columns:1fr}.tv-footer{flex-wrap:wrap;font-size:11px}.tv-board{padding:24px 5vw}.tv-header{align-items:flex-start}.tv-header button{font-size:10px}}
:root{font-family:'Be Vietnam Pro',Arial,sans-serif;background:#28180f;--gold:#ffce56;--muted:#dfc9a5}body{background:#28180f}#arena{background:radial-gradient(ellipse at 50% 65%,#805131 0%,#57311e 48%,#26150e 100%)}#arena:before{background:repeating-linear-gradient(0deg,transparent 0,transparent 127px,#180e0ab3 129px,#bb81582b 132px,transparent 135px),repeating-linear-gradient(3deg,transparent 0,transparent 9px,#180d0820 10px,transparent 12px);box-shadow:inset 0 0 130px #160a08a8}h1{line-height:1.2;letter-spacing:-3px;text-shadow:0 5px 0 #38200d,0 10px 25px #1a0c0a90}h1 em{color:#ffcf56}header a{color:#ffe6a4}header a span{color:#d9ac79}.seal{color:#ffd15f;text-shadow:0 0 35px #ffce563b}button{background:#f6bd3c;color:#39220d;box-shadow:0 4px 0 #925021;border:1px solid #ffdf78}button:hover{background:#ffda69}button:active{transform:translateY(2px);box-shadow:0 2px 0 #925021}.quiet{background:#623e27;border-color:#a47643;color:#ffe9ba;box-shadow:none}.quiet:hover{background:#805431}.entry{background:#2e1a12e6;border-color:#aa7c4e}input{font-family:inherit}#ranking,#teacher{background:#301e14f5;border-color:#a07848}#ranking li{border-color:#70462d}#waiting{color:#ffd468}.answer{background:#2b190ee6;border:1px solid #ad815c80;box-shadow:0 3px 0 #1f100b55;color:#fff0cc;text-shadow:none}.answer.correct{background:#35551cf0;border-color:#c9e778}.answer.wrong{background:#782c20eb;border-color:#f3a17c}#explanation{background:#382214f5;border-color:#cda15d}.clock{background:#301b10b3;border-color:#e8b451}.score strong{color:#ffda70;text-shadow:0 3px #593018}.meta{color:#ffda81}body[data-screen="battle"] header{background:#26150d99}.battle-rules,.arena-note{color:#e7cca0}.lobby-rules{color:#f0d5ac}#toast{background:#ffd265;color:#43270c;box-shadow:0 5px 0 #9c5f2a}#slashpath{stroke:#fffbe4;stroke-width:7;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #ffe674) drop-shadow(0 0 18px #f5a542)}#arena.impact canvas{animation:impact .16s ease-out}#arena.impact:after{content:'';position:absolute;inset:0;background:#fff1b0;pointer-events:none;animation:flash .15s ease-out forwards}.juice-splat{position:absolute;border-radius:45% 55% 38% 62%;width:65px;height:45px;pointer-events:none;opacity:.5;transform:translate(-50%,-50%) rotate(var(--angle));animation:splat 1.1s ease-out forwards}.slice-word{position:absolute;pointer-events:none;color:#fff0a2;font-size:23px;font-weight:900;white-space:nowrap;text-shadow:0 3px #7d331b,0 0 15px #ffb23988;animation:word .8s ease-out forwards;transform:translate(-50%,-50%)}@keyframes impact{0%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}80%{transform:translate(-1px,1px)}100%{transform:none}}@keyframes flash{from{opacity:.12}to{opacity:0}}@keyframes splat{0%{scale:.3;opacity:.8}20%{scale:1.3;opacity:.5}100%{scale:1.5;opacity:0}}@keyframes word{from{opacity:1;margin-top:0;scale:.8}25%{scale:1.1}to{opacity:0;margin-top:-65px;scale:1}}@media(max-width:800px){h1{letter-spacing:-2px}.answer{line-height:1.5;font-size:11px}.meta{line-height:1.6}h2{line-height:1.5;font-size:19px}}@media(prefers-reduced-motion:reduce){#arena.impact canvas{animation:none}#arena.impact:after{display:none}.slice-word,.juice-splat{animation-duration:.2s}}