:root{font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,Microsoft JhengHei,sans-serif;color:#203d47;background:#e6f3ee;font-synthesis:none;font-weight:600;--ink:#203d47;--yellow:#ffe784;--red:#f05459}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{height:100dvh;background:radial-gradient(circle at 15% 15%,#fff8d6 0,transparent 42%),radial-gradient(circle at 90% 90%,#cbe9ed 0,transparent 48%),#e6f3ee}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,#stage:focus-visible{outline:3px solid #4778e8;outline-offset:4px}button:disabled{cursor:default}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}[hidden]{display:none!important}p,h1,h2{margin:0}h1,h2{font-weight:900;letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(36px,5.5vw,60px)}h2{font-size:clamp(27px,4vw,38px)}.home-screen{height:100%;max-width:1060px;margin:auto;display:flex;align-items:center;justify-content:center;gap:30px;padding:max(22px,env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(25px,env(safe-area-inset-left))}.home-art{width:46%;max-width:480px;filter:drop-shadow(0 14px 0 #c0dbd633)}.home-art svg{display:block;width:100%}.home-copy{text-align:center;max-width:400px;flex:1}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.23em;margin-bottom:12px;color:#407575}.tagline{margin-top:12px;font-size:16px}.versus{font-size:12px;display:inline-block;border-radius:30px;background:#fff9e1;padding:7px 13px;margin-top:13px}fieldset{border:0;padding:0;margin:24px 0 20px}legend{font-size:12px;margin:0 auto 10px;color:#526b6f}.color-options{display:flex;justify-content:center;gap:10px}.color-option{background:#fffa;border:2px solid #c3d5d2;border-radius:15px;min-width:68px;padding:7px 5px;display:grid;justify-items:center;gap:5px;transition:background .12s,transform .12s}.color-option span{font-size:12px}.color-option[aria-pressed=true]{border-color:var(--ink);background:#fff;box-shadow:0 4px 0 var(--color);transform:translateY(-4px)}.color-option svg{overflow:visible}.primary{background:var(--yellow);border:2px solid var(--ink);border-radius:14px;min-height:48px;padding:10px 24px;font-size:19px;font-weight:900;box-shadow:0 4px 0 var(--ink);transition:transform .1s,background .1s;white-space:nowrap}.primary:disabled{background:#d8e1dc;border-color:#a4b9b5;color:#8a9d9a;box-shadow:0 3px #a4b9b5}.home-copy>.primary{width:min(100%,305px)}.refresh{font-size:11px;font-weight:500;color:#66807e;margin-top:15px}.play-screen{position:relative;height:100%;width:100%;max-width:1160px;margin:auto;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));touch-action:none;user-select:none}.game-header{flex:none;width:min(100%,520px);align-self:center}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;position:relative;z-index:15}.wordmark{font-size:12px;letter-spacing:.04em;line-height:1.4;min-width:0}.wordmark span{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#527670;margin-top:3px}.toolbar{display:flex;gap:3px;flex:none}.icon-button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:14px;background:transparent;font-size:22px;font-weight:900;position:relative}.icon-button:before{content:"";position:absolute;inset:5px;z-index:-1;border:1.5px solid #acc5bf;border-radius:10px;background:#ffffffae}.icon-button[aria-pressed=true]:before{background:#d4e3dc}.hud{--portrait-row:56px;--name-row:18px;--score-row:70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,.56fr);gap:10px;margin:12px auto 0;align-items:stretch;width:100%}.scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.score-player{position:relative;display:grid;grid-template-rows:var(--portrait-row) var(--name-row) var(--score-row);padding-bottom:0;justify-items:center;min-width:0;line-height:1;transition:opacity .2s}.portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:var(--portrait-row)}.portrait .character{width:48px;height:48px;max-width:100%}.character{aspect-ratio:1;flex-shrink:0;display:block}.player-name{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;white-space:nowrap;align-self:center;height:var(--name-row)}.ready-check{width:17px;height:17px;visibility:hidden;flex:none}.is-ready .ready-check{visibility:visible}.music-icon{width:25px;height:25px}.score-player strong{font-size:24px;font-variant-numeric:tabular-nums;align-self:center}.out{opacity:.25}.crown{position:absolute;top:0;width:25px;height:19px;opacity:0;pointer-events:none;transition:opacity .25s}.is-leading .crown{opacity:1;animation:crown-float 2.5s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-2px)}}.clock{display:grid;grid-template-rows:minmax(56px,1fr) minmax(48px,.8fr);gap:8px;padding:5px 0 4px;min-width:0}.clock-line{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;border:1.5px solid #b0c8be;border-radius:13px;background:#fffdf1;padding:8px 5px;text-align:center}.info-icon{width:19px;height:19px;flex:none}.clock strong{font-size:25px;font-weight:900;line-height:1.12;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.clock strong span{font-size:13px;margin-left:2px}.long-round #round{font-size:18px;line-height:1.15}#arena{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px}#stage{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:18px}#stage canvas{display:block;width:100%;height:100%;pointer-events:none}.game-footer{flex:none;width:min(100%,500px);align-self:center;text-align:center;padding:8px 0 clamp(32px,7dvh,64px)}#hint{font-size:12px;line-height:1.4;margin:0 0 9px;min-height:17px}.actions{display:flex;align-items:center;justify-content:center}.actions .primary{width:min(82%,300px);min-height:50px;font-size:18px}.control-hint{font-size:11px;line-height:1.4;color:#66827a;margin-top:13px}.play-screen[data-phase=ended] .toolbar,.play-screen[data-phase=blocked] .toolbar{visibility:hidden}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#dbeee3ed;backdrop-filter:blur(4px)}.sheet{width:min(100%,380px);max-height:100%;overflow-y:auto;background:#fffdf2;border:2px solid var(--ink);border-radius:24px;padding:27px 24px;text-align:center;box-shadow:0 9px #a7c7bd}.sheet .primary,.sheet .secondary{width:100%;margin-top:15px}.mini-mark{font-size:25px;margin-bottom:10px}.instructions{text-align:left;font-size:18px;line-height:1.65;margin-top:18px}#pause-overlay .sheet{width:min(100%,560px);overscroll-behavior:contain;touch-action:pan-y}.winner-portraits{display:flex;align-items:center;justify-content:center;gap:8px}.instructions p+p{margin-top:8px}.subtle{font-size:12px;color:#647c73}#result-caption{font-size:12px;margin-top:11px}#result-art .character{width:116px;height:116px;margin:0 0 14px}.secondary{background:transparent;border:2px solid #adbfba;border-radius:12px;min-height:44px;font-size:16px}#result-scores{display:flex;justify-content:center;gap:20px;margin-top:20px}#result-scores>div{display:grid;justify-items:center}#result-scores .character{width:46px;height:46px}#result-scores strong{font-size:22px}.result-sheet .primary{margin-top:23px}#blocked p{font-size:14px;line-height:1.6;margin-top:18px}.rules-overlay{z-index:30;touch-action:auto}.rules-sheet{display:flex;flex-direction:column;width:min(100%,650px);height:min(85dvh,760px);max-height:100%;min-height:0;border:2px solid var(--ink);border-radius:24px;background:#fffdf2;box-shadow:0 9px #a7c7bd;overflow:hidden;text-align:left}.rules-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 14px 14px 22px;flex:none;border-bottom:1px solid #dbe5d6}.rules-heading h2{font-size:25px;line-height:1.2;letter-spacing:0}.rules-heading .icon-button{isolation:isolate;font-size:28px}.rules-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:20px 22px 30px;font-size:18px;line-height:1.75;font-weight:500;min-height:0;scrollbar-gutter:stable}.rules-scroll section+section{margin-top:26px}.rules-scroll h3{font-size:21px;line-height:1.4;margin:0 0 10px}.rules-scroll p+p{margin-top:12px}.rule-steps{padding:14px;border-radius:14px;background:#f4edc9;font-weight:800;margin-bottom:25px}@media(max-aspect-ratio:4/5){.home-screen{flex-direction:column;gap:0;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.home-art{width:min(72%,310px);flex-shrink:1;min-height:0;max-height:32vh}.home-art svg{height:100%;max-height:30vh}.home-copy{flex:0 0 auto;width:100%}h1{font-size:44px}.eyebrow{font-size:9px;margin-bottom:8px}.tagline{font-size:14px;margin-top:9px}fieldset{margin:20px 0 17px}}@media(max-height:700px)and (max-aspect-ratio:4/5){.hud{margin-top:8px}.game-footer{padding-bottom:24px}#arena{margin-top:6px}.home-art{max-height:27vh}.home-art svg{max-height:25vh}.home-copy h1{font-size:36px}fieldset{margin:14px 0}.refresh{margin-top:12px}}@media(min-width:800px)and (min-aspect-ratio:4/3){.play-screen{display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;column-gap:24px}.game-header{display:contents}.topbar{grid-column:1/3;grid-row:1;align-self:start}.hud{grid-column:1;grid-row:2;align-self:start;margin-top:55px}#arena{grid-column:2;grid-row:2;margin:0}.game-footer{grid-column:2;grid-row:3;padding:4px 0 20px;justify-self:center}.rules-scroll{font-size:19px}}@media(max-height:540px)and (min-aspect-ratio:1/1){.home-screen{gap:15px;padding:12px 35px}.home-art{width:40%;max-height:85vh}.home-copy{max-width:330px}.eyebrow{font-size:8px;margin-bottom:5px}h1{font-size:32px}.tagline{font-size:12px;margin-top:7px}.versus{font-size:10px;margin-top:7px;padding:4px 9px}fieldset{margin:12px 0}.color-option{min-width:53px;padding:4px}.color-option .character{width:38px;height:38px}.color-options{gap:7px}.color-option span{font-size:10px}.home-copy>.primary{min-height:43px;font-size:16px}.refresh{margin-top:9px;font-size:9px}.sheet{padding:15px 20px}#result-art .character{width:60px;height:60px;margin-bottom:5px}.result-sheet h2{font-size:27px}#result-scores,.sheet .primary,.sheet .secondary{margin-top:10px}.rules-heading{padding-top:8px;padding-bottom:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body[data-ad-active=false]>div:has(#pokiSDKAdContainer),body[data-ad-active=false]>div:has(#pokiSDKAdContainer) *{pointer-events:none!important}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px auto 0;max-width:350px}.mode-option{min-height:48px;padding:9px 6px;border:2px solid #b9cfc5;border-radius:14px;background:#fffdf0;font-size:14px;line-height:1.35}.mode-option[aria-pressed=true]{border-color:var(--ink);background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.score-ink{color:var(--color);-webkit-text-fill-color:var(--color);-webkit-text-stroke:1.3px #000000;paint-order:stroke fill;text-shadow:none;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.score-stack{position:relative;width:100%;height:var(--score-row);container-type:inline-size;text-align:center}.score-player .score-total{display:block;line-height:36px;font-size:clamp(14px,calc(160cqw / var(--digits,1)),28px)}.score-gain{position:absolute;left:0;right:0;top:36px;font-size:clamp(14px,calc(160cqw / var(--digits,2)),18px);line-height:24px;opacity:0;pointer-events:none}#result-scores{gap:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#result-scores>div{min-width:0;width:100%;container-type:inline-size}#result-scores .result-total{font-size:clamp(14px,calc(170cqw / var(--digits,1)),26px);line-height:34px}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.sheet .pause-actions button{margin:0;width:100%;min-height:48px;padding:10px 8px;font-size:16px;white-space:normal}#exit-overlay{z-index:40}#exit-title{font-size:27px;line-height:1.3;letter-spacing:0}