:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2eee3;--panel:#fffdf7;--line:#b0c4bd;--ink:#163333;--muted:#425e59;--accent:#006d62;--amber:#91501a;font:16px/1.5 Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}main{max-width:35rem;padding:1.25rem 1rem 1.5rem;padding-top:calc(1.25rem + max(env(safe-area-inset-top,0px), var(--tg-content-safe-area-inset-top,0px)));padding-bottom:calc(1.5rem + max(env(safe-area-inset-bottom,0px), var(--tg-content-safe-area-inset-bottom,0px)));margin:auto}body:not(:has(.arena)){background:linear-gradient(165deg,#f6f2e8ef 16%,#f6f2e884 67%,#f2eee3),#f2eee3 url(/assets/field-BVupn_yV.webp) 50% 40%/cover no-repeat;min-height:100vh}header{margin-bottom:2rem}.brand{color:var(--ink);letter-spacing:.14em;align-items:center;gap:.55rem;font-size:.9rem;font-weight:850;display:flex}.brand-mark{color:var(--accent);font-size:1.35rem;line-height:1}h1,h2,p{margin:0}h1{text-wrap:balance;font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.13}h2{font-size:1.05rem}.stack{gap:1rem;display:grid}.lobby,.summary{gap:1.25rem}.topic{color:var(--accent);letter-spacing:.055em;text-transform:uppercase;font-size:.76rem;font-weight:700}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.85rem;padding:1rem}.options{gap:.5rem;display:grid}button{border:1px solid var(--line);width:100%;min-height:2.8rem;color:var(--ink);background:var(--panel);font:inherit;cursor:pointer;text-align:left;overflow-wrap:anywhere;border-radius:.6rem;padding:.58rem .75rem;font-weight:650}button:focus-visible,h1:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e0eee8}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;text-align:center}button:disabled{cursor:default}[hidden]{display:none!important}.review{margin:0;padding-left:1.35rem}.review li+li{margin-top:1rem}.review p{margin-top:.3rem}.game-rules{margin:0;padding-inline-start:2.1rem}.game-rules li+li{margin-top:.55rem}main:has(.arena){max-width:38rem;padding:0;box-shadow:0 0 4rem #344c4022}main:has(.arena)>header{display:none}.arena{--card-ratio:5 / 7;--opponent-width:2.75rem;--table-card-cap:7.85rem;--hand-width:26rem;min-height:100dvh;padding-block:calc(.7rem + max(env(safe-area-inset-top,0px), var(--tg-content-safe-area-inset-top,0px))) calc(.6rem + max(env(safe-area-inset-bottom,0px), var(--tg-content-safe-area-inset-bottom,0px)));padding-left:calc(clamp(.65rem, 3vw, 1.2rem) + max(env(safe-area-inset-left,0px), var(--tg-content-safe-area-inset-left,0px)));padding-right:calc(clamp(.65rem, 3vw, 1.2rem) + max(env(safe-area-inset-right,0px), var(--tg-content-safe-area-inset-right,0px)));isolation:isolate;background:linear-gradient(#f6f2e8ef 6%,#f6f2e876 32%,#f6f2e808 51%,#f6f2e829 71%,#f2eee3 100%),#eee9da url(/assets/field-BVupn_yV.webp) 50%/cover no-repeat;grid-template-rows:auto auto auto auto minmax(min-content,1fr) auto auto;gap:.55rem;display:grid;overflow:hidden;container:arena/inline-size}.arena>.brand{justify-content:center;font-size:.68rem}.arena>.brand .brand-mark{font-size:1rem}.arena-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:.45rem;display:grid}.duelist{--side:var(--accent);border:1px solid var(--line);border-inline-start:3px solid var(--side);background:#fefcf3;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.18rem;min-width:0;padding:.28rem .48rem;font-size:.77rem;font-weight:750;display:flex}.duelist.bot{--side:var(--amber);border-inline-start-width:1px;border-inline-end:3px solid var(--side)}.score-value{color:var(--side);font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1.15;position:relative}.point{z-index:6;color:#fff;background:var(--side);border-radius:.3rem;padding:.1rem .25rem;font-size:.78rem;animation:.24s ease-out both point-in;position:absolute;top:110%;left:50%;translate:-50%}@keyframes point-in{0%{opacity:0;transform:translateY(.35rem)}}.round-meta{justify-items:center;gap:.28rem;min-width:4.45rem;display:grid}.round-number{color:var(--muted);white-space:nowrap;font-size:.69rem;font-weight:750}.round-track{gap:.16rem;width:100%;display:flex}.round-track i{background:#c3d1c8;border-radius:.3rem;flex:1;height:.18rem}.round-track i[data-step=done]{background:#80a59b}.round-track i[data-step=current]{background:var(--accent)}.arena-question{text-align:center;overflow-wrap:anywhere;background:#fffdf4ee;border:1px solid #adc4b9;border-radius:.65rem;place-items:center;min-height:4.35rem;padding:.62rem .8rem;font-size:clamp(1rem,4.4cqi,1.52rem);line-height:1.24;display:grid}.arena-timer{color:var(--muted);grid-template-columns:1fr 2.45rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.arena-timer span{font-variant-numeric:tabular-nums;justify-self:end}.arena-timer progress{appearance:none;background:#cdd9d0;border:0;border-radius:1rem;width:100%;height:.27rem;overflow:hidden}.arena-timer progress::-webkit-progress-bar{background:#cdd9d0}.arena-timer progress::-webkit-progress-value{background:var(--accent)}.arena-timer progress::-moz-progress-bar{background:var(--accent)}.arena-timer[data-urgent=true]{color:var(--amber)}.arena-timer[data-urgent=true] progress::-webkit-progress-value{background:var(--amber)}.arena-timer[data-urgent=true] progress::-moz-progress-bar{background:var(--amber)}.table{--deck-width:var(--opponent-width);grid-template-columns:minmax(0, 1fr) calc(var(--deck-width) + .75rem);place-items:center;min-width:0;padding-block:.4rem;display:grid;position:relative}@supports (width:1cqi){.table{--deck-width:clamp(1.8rem, 9cqi, var(--opponent-width))}}.table:before{content:"";outline-offset:.3rem;pointer-events:none;border:1px solid #1f69534d;border-radius:49%;outline:1px solid #1f695325;position:absolute;inset:12% 11%}.opponent-hand{z-index:2;grid-area:1/2;justify-items:center;gap:.22rem;width:100%;display:grid}.opponent-label{color:var(--amber);text-align:center;text-shadow:0 1px 4px #fffdf7;font-size:.61rem;font-weight:800;line-height:1.12}.opponent-deck{width:var(--deck-width);aspect-ratio:1/2.28;position:relative}.card-back{width:100%;aspect-ratio:var(--card-ratio);background:#102b43 url(/assets/card-back-B2B8C1Eq.webp) 50%/cover no-repeat;border:1px solid #477d73;border-radius:.4rem;display:block;box-shadow:0 4px 8px #162f325a}.opponent-deck .card-back{top:var(--offset);transform:rotate(var(--angle));position:absolute}.opponent-deck .card-back:first-child{--offset:4%;--angle:17deg;z-index:4}.opponent-deck .card-back:nth-child(2){--offset:14%;--angle:9deg;z-index:3}.opponent-deck .card-back:nth-child(3){--offset:24%;--angle:1deg;z-index:2}.opponent-deck .card-back:nth-child(4){--offset:34%;--angle:-8deg;z-index:1}.table-cards{z-index:3;grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.35rem,2cqi,.9rem);width:min(100%,19rem);display:grid;position:relative}.table-card{min-width:0;color:var(--side);justify-items:center;gap:.35rem;margin:0;font-size:.68rem;font-weight:750;display:grid}.table-card.player-slot{--side:var(--accent)}.table-card.bot-slot{--side:var(--amber)}.table-card figcaption{background:#fffdf4eb;border-radius:.2rem;padding:.05rem .32rem}.played-card{width:min(100%, var(--table-card-cap));width:min(100%, 27cqi, var(--table-card-cap));aspect-ratio:var(--card-ratio);perspective:32rem;position:relative}.played-card .card-back,.played-card-face{backface-visibility:hidden;border-radius:.55rem;width:100%;transition:transform .33s ease-in-out;position:absolute;inset:0}.played-card .card-back{border-color:var(--side)}.played-card:not(.played) .card-back{border:1px dashed var(--side);box-shadow:none;background:#fffdf68a}.played-card-face{border:2px solid var(--verdict-border,#acbcb8);color:var(--verdict-ink,#425e59);background:var(--verdict-paper,#faf8f0);text-align:center;overflow-wrap:anywhere;align-content:center;justify-items:center;gap:.3rem;padding:.4rem .3rem;display:grid;transform:rotateY(-180deg)}.played-card-status{font-size:clamp(.61rem,2.6cqi,.8rem);line-height:1.12}.played-card-answer{color:var(--ink);font-size:clamp(.68rem,3cqi,1rem);line-height:1.16}.played-card[data-result=correct]{--verdict-border:#288256;--verdict-ink:#135939;--verdict-paper:#e4f5e7}.played-card[data-result=incorrect]{--verdict-border:#b74d4c;--verdict-ink:#892b31;--verdict-paper:#fce9e6}.played-card[data-result] .card-back{transform:rotateY(180deg)}.played-card[data-result] .played-card-face{transform:rotateY(0)}.played-card[data-result=timeout] .card-back{visibility:hidden}.played-card[data-result=timeout] .played-card-face{border-style:dashed;transition:none}.hand-area{display:grid}.hand-area>*{grid-area:1/1;min-width:0}.hand{width:min(100%, var(--hand-width));grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;gap:clamp(.3rem,1.4cqi,.65rem);display:grid}.hand button{min-width:0;min-height:0;aspect-ratio:var(--card-ratio);color:#163333;text-align:center;-webkit-hyphens:auto;hyphens:auto;background:#fffdf5 url(/assets/card-face-CbIr-t9b.webp) 50%/cover no-repeat;border:1px solid #a6c7cf;border-radius:.55rem;padding:0;font-size:clamp(.66rem,2.9cqi,.97rem);font-weight:760;line-height:1.15;transition:transform .16s,border-color .16s;position:relative;box-shadow:0 4px 8px #162f3235}.answer-content{grid-template-rows:auto 1fr;place-items:center;gap:.12rem;display:grid;position:absolute;inset:.28rem .21rem}.answer-content>span:last-child{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}.card-letter{aspect-ratio:1;color:#175448;background:#d9ebe4;border-radius:.2rem;place-items:center;width:1.4em;font-weight:850;display:grid}@media (hover:hover){.hand button:not(:disabled):hover{border-color:var(--accent);transform:translateY(-.22rem)}}.round-verdict{text-align:center;background:#fffdf6fa;border:1px solid #97b6aa;border-radius:.65rem;place-self:center;width:min(100%,21rem);padding:.48rem .6rem;line-height:1.25}.round-verdict strong{color:var(--accent)}.round-verdict p{margin-top:.22rem;font-size:.8rem}.arena .feedback{text-align:center;color:var(--muted);font-size:.76rem}.arena.revealing .arena-timer,.hand[aria-hidden=true],.hand button[data-played=true],.opponent-deck .card-back[data-played=true]{visibility:hidden}@container arena (width<=16.5rem){.hand{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,11rem)}.played-card{width:min(100%,33cqi)}.played-card-face{gap:.2rem;padding:.3rem .18rem}}@media (orientation:landscape) and (height<=33rem) and (width>=31rem){.arena{--table-card-cap:5.65rem;--hand-width:9.5rem;--opponent-width:2.35rem;grid-template-rows:auto auto auto auto minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(10rem,33%);gap:.35rem}.arena>:not(.table,.hand-area){grid-column:1/-1}.arena-question{min-height:3rem;padding-block:.35rem;font-size:1.04rem}.hand-area{align-self:center}.hand{grid-template-columns:repeat(2,minmax(0,1fr))}.hand button,.played-card-answer{font-size:.7rem}.played-card-status{font-size:.65rem}}@media (orientation:landscape) and (height<=24rem) and (width>=31rem){.arena{--hand-width:8.7rem;grid-template-rows:auto auto auto minmax(min-content,1fr) auto;gap:.25rem}.arena>.brand{display:none}.hand button{font-size:.66rem}}@media (prefers-reduced-motion:reduce){.hand button,.played-card .card-back,.played-card-face{transition:none}.point{animation:none}}