:root{color-scheme:dark;--gold:#efce79;--emerald:#083d2e;--pink:#f0a7c5;font-family:system-ui,sans-serif;color:#fff0ce;background:#02130e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#12513d88,transparent 65%),repeating-linear-gradient(40deg,transparent 0 28px,#ab8b4510 29px 30px),repeating-linear-gradient(-40deg,#071711 0 28px,#ab8b4510 29px 30px);min-height:100svh}header{display:flex;align-items:center;gap:18px;padding:12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #a98743;background:#050b08;letter-spacing:.12em}header a{color:var(--gold);font-weight:900;text-decoration:none}header span{flex:1;font-size:10px;color:#b6cbbd}button,input,summary{font:inherit}button{min-height:46px;border:1px solid #b6994e;border-radius:13px;padding:12px 18px;color:#fff0ce;background:linear-gradient(#12523c,#05251b);box-shadow:inset 0 1px #fff3,0 3px #0005;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.14)}button:active{transform:translateY(2px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #ffb2d7;outline-offset:3px}.gold{color:#173425;background:linear-gradient(#fff1ac,#e8bd50 45%,#ad761c);border-color:#ffe49b;box-shadow:inset 0 2px #fff9,0 4px #674b20,0 7px 20px #0004}.panel{width:min(680px,calc(100% - 24px));margin:28px auto;padding:clamp(20px,4vw,40px);border:2px solid #c5a358;border-radius:28px;background:radial-gradient(ellipse at top,#164e39,#031c14 70%);box-shadow:inset 0 0 0 5px #081c14,inset 0 0 0 6px #887139,0 18px 70px #0008;text-align:center}h1{font:900 clamp(40px,8vw,68px)/.98 Georgia,serif;letter-spacing:-.02em;color:#ffe5a0;margin:18px 0;text-shadow:0 3px #774d25,0 5px 18px #0008}h1 em{font-style:normal;color:#ffb7d4}h2{font:800 clamp(26px,5vw,40px) Georgia,serif;color:var(--gold)}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.24em;color:#bddac9}.hero{font-size:25px;color:var(--gold);height:100px;display:flex;align-items:center;justify-content:center;gap:24px}.hero span{font-size:90px;filter:drop-shadow(0 5px 4px #000);transform:rotate(-20deg);color:#c6fff1}.intro{color:#ccdfd2}label{display:block;text-align:left;font-size:13px;color:#e1d7b1;margin:16px 0}input:not([type=checkbox]){display:block;width:100%;margin-top:6px;border:1px solid #8d804c;border-radius:10px;background:#03150e;color:#fff2d6;padding:13px;font-size:16px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.themes button{padding:12px 4px;font-size:11px}.themes button[aria-pressed=true]{border:2px solid #ffdb79;background:#4c4325}.themes span{font-size:25px;display:block;margin-bottom:6px}.large{width:100%;font-size:20px}.large small{display:block;font-size:11px;margin-top:4px}.pair{display:flex;justify-content:center;gap:10px;margin:14px 0}.pair>*{flex:1}details{text-align:left;border-top:1px solid #a98d423d;padding:15px 0;font-size:13px;line-height:1.6}summary{cursor:pointer;color:var(--gold);min-height:28px}.check{display:inline-flex;gap:10px;margin-right:18px}#roster,#ranking{list-style:none;padding:0;text-align:left}#roster li,#ranking li{border:1px solid #b5994b66;border-radius:13px;margin:10px 0;padding:15px;display:flex;justify-content:space-between;gap:12px;background:#011a12}#ranking small{display:block;color:#bed0c3;margin-top:5px;font-size:12px}#play{width:min(1500px,100%);margin:auto;padding:12px}.gamebar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.gamebar strong{flex:1;color:var(--gold)}.gamebar button{font-size:11px;padding:8px 12px}#arena{position:relative;height:min(65svh,720px);min-height:300px;border:3px solid #bd984c;border-radius:22px;overflow:hidden;background:#093b2b;box-shadow:0 0 0 4px #050e09,0 0 0 5px #8b6b36}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#callout{position:absolute;inset:30% 10% auto;text-align:center;pointer-events:none;font-size:clamp(25px,6vw,55px);font-weight:900;color:#fff0b6;text-shadow:0 3px 8px #000}#tapHint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);pointer-events:none;background:#042519d9;border:1px solid #d1af57;border-radius:25px;padding:8px 18px;white-space:nowrap;font-weight:900;color:#ffe7ad}#scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.score{background:#041d16;border:1px solid #6f774a;border-top:3px solid var(--player);border-radius:12px;padding:10px;min-width:0;font-size:12px}.score strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--player)}.score progress{width:100%;accent-color:var(--player);height:6px}.score small{display:block;color:#c6d7ca}#error,#connection{position:fixed;z-index:20;top:72px;left:50%;transform:translateX(-50%);width:min(540px,94%);padding:16px;border-radius:14px;background:#672b39;border:1px solid #f5aabd;text-align:center}#connection{background:#4c411d;top:auto;bottom:20px}dialog{background:#073424;color:var(--gold);border:2px solid #d0ac5c;border-radius:24px;text-align:center;padding:30px}dialog::backdrop{background:#000a}footer{text-align:center;color:#8fab9a;font-size:11px;padding:20px}body.playing{overscroll-behavior:none}[hidden]{display:none!important}@media(max-width:600px){header span{display:none}header{justify-content:space-between}.panel{margin:16px auto}.themes{grid-template-columns:repeat(2,1fr)}#scores{grid-template-columns:repeat(2,1fr)}#play{padding:8px}#arena{height:59svh;min-height:280px}.gamebar{gap:6px}.gamebar strong{font-size:13px}.gamebar button{padding:8px}.gamebar #time{font-size:11px}}@media(max-height:500px) and (orientation:landscape){header,footer{display:none}#arena{height:70svh;min-height:200px}#scores{grid-template-columns:repeat(4,1fr)}.score{padding:4px}#tapHint{bottom:6px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

header a.brand{display:inline-flex;align-items:center}header a.brand img{height:36px;width:auto;display:block;filter:drop-shadow(0 2px 4px #0008)}