:root{--yellow:#e8b92f;--blue:#204e88;--cream:#f2e6cb;--brass:#a67c36;--black:#171b20;--red:#c9483d;--serif:"Rockwell", "Playfair Display", "Bookman Old Style", Georgia, "Times New Roman", serif;--condensed:"Oswald", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Impact, sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#0d0907;height:100%;margin:0;overflow:hidden}body{font-family:var(--condensed);color:var(--cream);-webkit-user-select:none;user-select:none}#game{touch-action:none;cursor:default;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#game.can-aim{cursor:grab}#game.aiming{cursor:grabbing}#game.inspecting{cursor:move}#loading{font:600 15px var(--condensed);letter-spacing:.35em;color:var(--brass);z-index:20;background:#0d0907;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.trim{bottom:max(10px, env(safe-area-inset-bottom));right:max(10px, env(safe-area-inset-right));z-index:5;background:linear-gradient(#b98d42,#8a6427 55%,#a67c36);border:1px solid #5c4016;border-radius:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:52vw;padding:8px 12px;display:flex;position:fixed;box-shadow:inset 0 1px #ffecb48c,inset 0 -2px 3px #00000059,0 4px 14px #0000008c}.rivet{background:radial-gradient(circle at 35% 30%,#f3d48a,#6b4a16);border-radius:50%;width:7px;height:7px;box-shadow:0 1px 1px #00000080}.engraved{font:600 9.5px var(--condensed);letter-spacing:.2em;color:#3a2708;text-shadow:0 1px #ffe9aa80;font-variant:small-caps}button{font-family:var(--condensed);cursor:pointer}button:focus-visible,input:focus-visible,#game:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.lamp-button{font:700 13px var(--condensed);letter-spacing:.14em;color:#2b0b06;background:radial-gradient(circle at 50% 30%,#ffb199,#e2513f 55%,#a2281b);border:2px solid #5c1a12;border-radius:999px;padding:10px 16px;animation:1.6s ease-in-out infinite lamp;box-shadow:0 0 14px #ff6e50bf,inset 0 2px 2px #ffffff80,0 3px #4a130c}.lamp-button:active{transform:translateY(2px);box-shadow:0 0 10px #ff6e5099,inset 0 2px 2px #fff6,0 1px #4a130c}.lamp-button[hidden]{display:none}.lamp-button.big{margin-top:14px;padding:14px 34px;font-size:20px}@keyframes lamp{50%{box-shadow:0 0 5px #ff6e5059,inset 0 2px 2px #ffffff80,0 3px #4a130c}}.toggle,.selector-row button{font:700 10.5px var(--condensed);letter-spacing:.14em;color:var(--cream);background:linear-gradient(#2a3038,#14181d);border:1px solid #000;border-radius:3px;padding:7px 10px;box-shadow:inset 0 1px #ffffff2e,0 2px #00000080}.toggle[aria-pressed=true]{color:#eaffd8;background:linear-gradient(#2c6a45,#174a2e)}.selector{flex-direction:column;align-items:center;gap:3px;display:flex}.selector-row{gap:2px;display:flex}.selector-row button{padding:6px 8px;font-size:10px}.selector-row button[aria-checked=true]{color:var(--black);background:linear-gradient(#f6ecd4,#d9c9a3);box-shadow:inset 0 2px 3px #00000059}.slider{flex-direction:column;align-items:center;gap:4px;display:flex}.slider input{width:74px;accent-color:var(--black);height:12px}#results{z-index:10;background:radial-gradient(#08050359,#080503bf);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#results[hidden]{display:none}.plate{text-align:center;width:min(430px,100%);max-height:100%;color:var(--black);border:5px solid var(--blue);outline:3px solid var(--brass);outline-offset:3px;background:linear-gradient(#f7eed8,#eadbb8);border-radius:10px;padding:22px 26px 24px;overflow:auto;box-shadow:0 18px 50px #000000b3,inset 0 2px #fffc}.plate-kicker{font:700 12px var(--condensed);letter-spacing:.5em;color:var(--red)}.plate h1{font:700 34px/1.1 var(--serif);color:var(--blue);margin:6px 0 14px}#res-list{text-align:left;margin:0;padding:0;list-style:none}#res-list li{font:600 16px var(--condensed);letter-spacing:.06em;border-bottom:1px solid #171b202e;grid-template-columns:26px 16px 1fr auto;align-items:center;gap:8px;padding:5px 4px;display:grid}#res-list li.you{background:#c9483d24}#res-list .chip{border:2px solid var(--black);border-radius:50%;width:14px;height:14px}#res-list .pos{color:var(--blue);font-weight:700}#res-stats{text-align:left;grid-template-columns:1fr 1fr;gap:6px 14px;margin:14px 0 0;display:grid}#res-stats div{border-top:2px solid var(--brass);padding-top:4px}#res-stats dt{font:600 9.5px var(--condensed);letter-spacing:.2em;color:#6b5a3a}#res-stats dd{font:700 18px var(--condensed);margin:0}#diag{z-index:15;color:#cfe8c8;pointer-events:none;white-space:pre;background:#080c0adb;border:1px solid #2f4a36;border-radius:4px;max-height:calc(100% - 90px);margin:0;padding:10px 12px;font:11px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;position:fixed;top:8px;left:8px;overflow:auto}#diag[hidden]{display:none}@media (max-width:1100px){.trim .slider{display:none}.trim{gap:6px;padding:6px 8px}.selector .engraved,.rivet{display:none}}@media (max-aspect-ratio:9/10),(max-height:480px){.trim{bottom:auto;top:max(8px, env(safe-area-inset-top));gap:4px;max-width:46vw;padding:5px 6px}.lamp-button{padding:8px 11px;font-size:11px}.toggle,.selector-row button{padding:5px 6px;font-size:9px}}@media (prefers-reduced-motion:reduce){.lamp-button{animation:none}}
