.game{width:100%;max-width:560px;margin:0 auto;padding:20px 20px 8px}.view{text-align:center;flex-direction:column;align-items:stretch;gap:16px;animation:.32s cubic-bezier(.2,.9,.3,1.2) view-in;display:flex}@keyframes view-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.view h1{letter-spacing:-.01em;overflow-wrap:anywhere;text-shadow:0 4px #1c10388c;margin:0;font-size:clamp(2.3rem,10.5vw,3.6rem);font-weight:800;line-height:1.08}.view h1:focus{outline:none}.view h1.title-md{font-size:clamp(1.7rem,7.5vw,2.4rem)}.view h1.title-sm{text-shadow:none;font-size:1.25rem;font-weight:700}.object-name{background:var(--p1);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);max-width:100%;text-shadow:none;border-radius:.3em;margin:.08em 0;padding:.02em .26em .06em;line-height:1.12;display:inline-block;transform:rotate(-1.5deg)}.title-sm .object-name{box-shadow:0 2px 0 var(--ink);border-width:2px}.lede{margin:0;font-size:1.2rem;font-weight:650}.hint{color:var(--on-bg-muted);margin:0;font-size:.95rem}.topline{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.chip{background:var(--white);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:999px;align-self:center;margin:0;padding:4px 14px;font-size:.9rem;font-weight:750;transform:rotate(-1.5deg)}.chip:empty{display:none}.pips{gap:6px;margin:0;display:inline-flex}.pip{border:3px solid var(--ink);background:#ffffff40;border-radius:50%;width:20px;height:20px;display:inline-block}.pip.is-won{background:var(--win)}.pip.is-lost{background:var(--judge)}.pip.is-draw,.pip.is-done{background:var(--white)}.pip.is-current{background:var(--p1);animation:1.1s ease-in-out infinite pip-pulse}@keyframes pip-pulse{50%{transform:scale(1.25)}}.token{background:var(--white);border:4px solid var(--ink);box-shadow:var(--drop);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:clamp(6.4rem,32vw,8.8rem);height:clamp(6.4rem,32vw,8.8rem);font-size:clamp(3.4rem,18vw,5rem);line-height:1;animation:3.2s ease-in-out infinite bob;display:flex}.object-art{object-fit:contain;vertical-align:middle;width:1.2em;height:1.2em}.token .object-art{width:85%;height:85%}.token-result{background:var(--p1)}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}.stack{flex-direction:column;gap:14px;display:flex}.btn{border:3px solid var(--ink);box-shadow:var(--drop);color:var(--ink);cursor:pointer;font:inherit;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:60px;padding:12px 20px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:transform 90ms ease-out,box-shadow 90ms ease-out;display:inline-flex}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn-primary{background:var(--p1)}.btn-white{background:var(--white)}.btn[disabled]{cursor:progress;filter:saturate(.5);opacity:.8}.link-btn{color:var(--on-bg-muted);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;align-self:center;min-height:48px;padding:8px 14px;font-size:.95rem;font-weight:650;text-decoration:underline}.answer-form{flex-direction:column;gap:8px;display:flex}.answer-form input{background:var(--white);border:3px solid var(--ink);color:var(--ink);font:inherit;text-align:center;border-radius:18px;width:100%;min-height:66px;padding:12px 18px;font-size:1.45rem;font-weight:750;box-shadow:inset 0 4px #1c10381f}.answer-form input::placeholder{color:#6f6492;font-weight:600}.answer-form input:focus-visible{outline:4px solid var(--p1);outline-offset:2px}.field-row{text-align:left;justify-content:space-between;align-items:baseline;gap:12px;min-height:1.3em;margin:0;font-size:.9rem;display:flex}.field-error{background:var(--ink);color:#ffb3a3;border-radius:8px;padding:2px 8px;font-weight:750}.field-error:empty{display:none}.counter{color:var(--on-bg-muted);margin-left:auto}.versus{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;display:grid;position:relative}.vs{background:var(--ink);border:3px solid var(--white);color:var(--white);z-index:1;border-radius:50%;width:44px;height:44px;font-size:.85rem;font-weight:800;line-height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop);color:var(--ink);flex-direction:column;gap:6px;min-width:0;padding:0 12px 16px;display:flex;position:relative}.card-a{animation:.36s cubic-bezier(.2,.9,.3,1.2) slide-left}.card-b{animation:.36s cubic-bezier(.2,.9,.3,1.2) slide-right}@keyframes slide-left{0%{opacity:0;transform:translate(-40px)rotate(-6deg)}}@keyframes slide-right{0%{opacity:0;transform:translate(40px)rotate(6deg)}}.card p{margin:0}.card .who{border-bottom:3px solid var(--ink);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:16px 16px 0 0;margin:0 -12px 8px;padding:6px 8px;font-size:.85rem;font-weight:800;overflow:hidden}.card-a .who{background:var(--p1)}.card-b .who{background:var(--p2)}.card .answer{overflow-wrap:anywhere;font-size:1.3rem;font-weight:750;line-height:1.2}.stamp{background:var(--win);border:3px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;align-self:center;padding:2px 10px;font-size:.85rem;font-weight:800;transform:rotate(-4deg);margin-top:6px!important}.card.is-winner{background:var(--white);animation:.52s cubic-bezier(.2,.9,.3,1.5) .38s both winner-pop}.card.is-winner .stamp{animation:.32s cubic-bezier(.2,.9,.3,1.6) .7s both stamp-in}.card.is-loser{background:#e7e0f3;transform:rotate(1.5deg)scale(.97)}.card.is-loser .answer{color:var(--muted-ink)}@keyframes winner-pop{0%{transform:scale(1)}55%{transform:scale(1.07)rotate(-2deg)}to{transform:scale(1.02)rotate(-1.5deg)}}@keyframes stamp-in{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}}.verdict{text-align:left;align-items:flex-end;gap:10px;display:flex}.bubble{flex:1;min-width:0;padding:12px 16px 14px;position:relative}.bubble:before{background:var(--paper);border-bottom:3px solid var(--ink);border-left:3px solid var(--ink);content:"";width:14px;height:14px;position:absolute;bottom:18px;left:-10px;transform:rotate(45deg)}.bubble p{margin:0}.bubble-label{color:#b93a1f;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:800}.bubble-text{min-height:3.2em;font-size:1.15rem;font-weight:600}.judge{flex:none;align-self:center;overflow:visible}.judge-sm{width:76px;height:76px}.judge-lg{width:116px;height:116px}.judge-xl{width:170px;height:170px}.judge-gavel{transform-box:fill-box;transform-origin:50% 100%}.judge.is-thinking .judge-gavel{animation:.7s cubic-bezier(.5,0,.3,1.4) infinite alternate gavel}.judge.is-thinking .judge-body{transform-box:fill-box;transform-origin:50% 100%;animation:1.4s ease-in-out infinite alternate judge-sway}.judge.is-thinking .judge-pupil{animation:1.4s ease-in-out infinite alternate pupils}@keyframes gavel{0%{transform:rotate(-28deg)}to{transform:rotate(14deg)}}@keyframes judge-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes pupils{0%{transform:translate(-2.5px)}to{transform:translate(2.5px)}}.sealed{justify-content:center;gap:14px;margin:4px 0 14px;padding:0;list-style:none;display:flex}.sealed li{background:var(--white);border:3px solid var(--ink);box-shadow:var(--drop);border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;font-size:2.2rem;display:flex;position:relative}.sealed li:first-child{transform:rotate(-6deg)}.sealed li:nth-child(3){transform:rotate(6deg)}.sealed li:after{background:var(--p1);border:3px solid var(--ink);content:"🔒";text-align:center;border-radius:50%;width:32px;height:32px;font-size:.9rem;line-height:26px;position:absolute;bottom:-12px;right:-12px}.status{justify-content:center;align-items:center;gap:10px;margin:0;font-weight:650;display:flex}.pulse{background:var(--win);border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px;animation:1.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #37e2a0cc}to{box-shadow:0 0 0 14px #37e2a000}}.link-box{border:2px dashed var(--on-bg-muted);color:var(--white);overflow-wrap:anywhere;user-select:all;background:#1c103873;border-radius:12px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.scoreboard{grid-template-columns:1fr 1fr;gap:10px;display:grid}.plate{border:3px solid var(--ink);box-shadow:var(--drop);color:var(--ink);border-radius:18px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 14px;display:flex}.plate-a{background:var(--p1)}.plate-b{background:var(--p2)}.plate-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:750;overflow:hidden}.plate-score{font-size:2.6rem;font-weight:800;line-height:1}.record{margin:0;font-weight:650}.rounds{text-align:left;flex-direction:column;gap:14px;margin:4px 0;padding:0;list-style:none;display:flex}.rounds li{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--drop);color:var(--ink);border-radius:18px;padding:12px 14px}.rounds p{margin:0}.rounds .round-q{margin-bottom:6px;font-weight:750}.rounds .round-a{overflow-wrap:anywhere;font-weight:700}.rounds .round-a.lost{color:var(--muted-ink);font-weight:550}.rounds .round-a .won-mark{color:#0a7048}.rounds .round-ruling{color:var(--muted-ink);border-top:2px dashed #1c103859;margin-top:8px;padding-top:8px;font-size:.98rem}.toast{background:var(--ink);border:3px solid var(--judge);color:var(--white);text-align:center;border-radius:14px;margin:0 0 14px;padding:10px 14px;font-weight:700}.recent{text-align:center;margin-top:34px}.recent h2{color:var(--on-bg-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem}.recent ul{margin:0;padding:0;list-style:none}.recent a{padding:10px 8px;display:inline-block}.turnstile:empty{display:none}.turnstile{justify-content:center;margin-top:12px;display:flex}.confetti{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.confetti i{animation:confetti-fall var(--fall,1.8s) cubic-bezier(.2, .6, .4, 1) forwards;border:2px solid var(--ink);height:16px;left:var(--x,50%);border-radius:3px;width:10px;position:absolute;top:-24px}@keyframes confetti-fall{to{opacity:.9;transform:translate(var(--drift,0), 110vh) rotate(var(--spin,540deg))}}