:root{--bg:#f4ecdc;--ink:#2b2118;--muted:#7a6a58;--brass:#c79a3b;--brass-dark:#8c6a2f;--pixel:"VT323", "Courier New", monospace}*{box-sizing:border-box}body{color:var(--ink);-webkit-text-size-adjust:100%;background:#8fd3e8;margin:0;font-family:Georgia,Times New Roman,serif}.stage{width:100%;height:100%;position:fixed;inset:0}.game{text-align:center;flex-direction:column;max-width:460px;min-height:100dvh;margin:0 auto;padding:12px 16px 16px;display:flex;position:relative}.panel{background:var(--bg);border:3px solid var(--ink);padding:14px;box-shadow:4px 4px #00000059}.panel[hidden]{display:none}.eyebrow{font-family:var(--pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 6px;font-size:18px}h1{font-family:var(--pixel);margin:0;font-size:28px;font-weight:400;line-height:1.15}.welcome[hidden],.eyebrow[hidden]{display:none}.bubble{border:3px solid var(--ink);max-width:420px;min-height:80px;box-shadow:4px 4px 0 var(--brass-dark);background:#fffaf0;flex-direction:column;justify-content:center;margin:0 auto 14px;padding:12px 14px;display:flex;position:relative}.bubble>h1{font-size:25px}.bubble>.welcome,.bubble>#play{margin-top:12px}.bubble:after{content:"";left:var(--tail-x,50%);background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:14px;height:10px;position:absolute;bottom:-13px;transform:translate(-50%)}.title{font-family:var(--pixel);letter-spacing:.04em;text-transform:uppercase;color:#f6c343;text-shadow:3px 3px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);margin:8px 0 0;font-size:64px;line-height:1}.tagline{font-family:var(--pixel);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:6px 0 14px;font-size:20px}.rules{max-width:320px;font-family:var(--pixel);color:var(--muted);margin:0 auto 12px;font-size:20px;line-height:1.3}#scale image{image-rendering:pixelated}.cloud{animation:linear infinite drift}@keyframes drift{0%{transform:translate(-1000px)}to{transform:translate(1300px)}}.sea{animation:6s ease-in-out infinite alternate swell}@keyframes swell{0%{transform:translate(-9px)}to{transform:translate(9px,3px)}}.sparkle{animation:3.2s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:0}50%{opacity:.9}}.breathe{transform-box:fill-box;transform-origin:50% 100%;animation:2.8s ease-in-out infinite alternate breathe}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.006,1.014)}}.drop{transform-box:fill-box;transform-origin:bottom;animation:.36s both drop}@keyframes drop{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-90px)}60%{animation-timing-function:ease-out;transform:translateY(0)scale(1.12,.82)}80%{transform:translateY(0)scale(.95,1.06)}to{transform:none}}.readout{font-variant-numeric:tabular-nums;min-height:1.5em;margin:0 0 8px;font-size:18px}.controls{flex-direction:column;align-items:center;gap:12px;display:flex}.controls[hidden]{display:none}.stepper{gap:8px;display:flex}.stepper button,.stepper input{height:52px;font:inherit;border:2px solid var(--brass-dark);color:var(--ink);background:#fffaf0;border-radius:10px;font-size:22px}.stepper button{cursor:pointer;width:52px}.stepper input{text-align:center;font-variant-numeric:tabular-nums;width:170px}button:disabled,input:disabled{opacity:.5;cursor:default}.commit{width:100%;max-width:260px;height:52px;font:inherit;font-size:24px;font-weight:400;font-family:var(--pixel);color:#fffaf0;background:var(--brass-dark);cursor:pointer;border:0;border-radius:10px}.commit:active:not(:disabled){transform:scale(.97)}.reveal{animation:.5s ease-out fade}.reveal[hidden]{display:none}.answer{margin:0 0 8px;font-size:22px}.result{color:var(--brass-dark);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:16px}.fact{color:var(--muted);margin:0;line-height:1.4}.next{margin-top:16px}.next[hidden]{display:none}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.results{margin-bottom:auto;animation:.5s ease-out fade}.total{color:var(--muted);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:18px}.total strong{color:var(--ink);font-size:56px;line-height:1}.rating{color:var(--brass-dark);margin:4px 0 20px;font-size:20px}.crowd-rank{color:var(--muted);font-variant-numeric:tabular-nums;margin:-12px 0 20px;font-size:15px}.crowd-rank[hidden]{display:none}.rounds{text-align:left;margin:0 0 20px;padding:0;list-style:none}.round{border-top:1px solid #e2d6bd;align-items:center;gap:12px;padding:10px 0;display:flex}.round:last-child{border-bottom:1px solid #e2d6bd}.tilt{flex:none;width:40px;height:28px;overflow:visible}.round-text{flex:1;min-width:0}.round-title{margin:0;font-size:16px;font-weight:600}.round-detail{color:var(--muted);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:14px}.round-points{font-variant-numeric:tabular-nums;flex:none;font-size:20px}.share-text{font:inherit;color:var(--muted);white-space:pre-wrap;-webkit-user-select:all;user-select:all;margin:12px 0 0;font-size:15px}.dev{font:inherit;color:var(--muted);border:1px dashed var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px;position:fixed;bottom:8px;left:8px}.dev[hidden]{display:none}@media (prefers-reduced-motion:reduce){.drop,.reveal,.results,.cloud,.sea,.sparkle,.breathe{animation:none}}