:root{--bg-deep:#120d0a;--bg-mid:#241a12;--ember:#ff9a3c;--ember-bright:#ffc46b;--wood:#5d3a20;--parchment:#f4e6cf;--danger:#e0503a;--ok:#7fd46b;--wood-lit:#7b4f2c;--wood-deep:#4a2c16;--wood-edge:#2b1809;--brass:#d9a24a}*{box-sizing:border-box}html,body{background:var(--bg-deep);height:100%;color:var(--parchment);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:Georgia,Palatino Linotype,Book Antiqua,Times New Roman,serif;overflow:hidden}body{touch-action:manipulation;-webkit-user-select:none;user-select:none}.stage{cursor:crosshair;background:radial-gradient(120% 90% at 50% 8%,#3a2a1c 0%,#1a120c 55%,#0c0806 100%);position:fixed;inset:0}.stage:after{content:"";pointer-events:none;background:radial-gradient(75% 65% at 50% 42%,#0000 40%,#0000008c 100%);position:absolute;inset:0}.hud{pointer-events:none;z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.hud button{pointer-events:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.plaque{border:2px solid var(--wood-edge);background:linear-gradient(180deg, #ffd6a02e, #ffd6a000 42%), linear-gradient(180deg, var(--wood-lit) 0%, var(--wood) 58%, var(--wood-deep) 100%);border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:9px 22px 11px;display:flex;position:relative;box-shadow:0 8px 20px #0000008c,inset 0 1px #ffd09852,inset 0 -4px #00000042}.plaque:before,.plaque:after{content:"";background:radial-gradient(circle at 34% 32%,#b6a894,#6d6055 62%,#352d25);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 1px 1px #000000a6}.plaque:before{top:5px;left:6px}.plaque:after{bottom:5px;right:6px}.plaque__label{letter-spacing:.24em;text-transform:uppercase;color:#f4e2c099;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:10px}.plaque__value{color:#f7e7c4;text-shadow:0 2px #0000008c,0 0 18px #ffa03c40;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.05}.plaque__value--brass{color:var(--brass)}.plaque__best{letter-spacing:.14em;color:#f4e2c085;font-variant-numeric:tabular-nums;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:11px}.topbar__right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ironbtn{appearance:none;cursor:pointer;color:#eddcb8;background:radial-gradient(circle at 34% 28%,#6d6157,#3d362e 68%,#221d18);border:2px solid #191410;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;transition:filter .12s,transform .12s;display:grid;box-shadow:0 4px 10px #0000008c,inset 0 1px #ffd6a433}.ironbtn:hover{filter:brightness(1.25)}.ironbtn:active{transform:translateY(1px)}.overlay{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay--dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0604b8}.panel{flex-direction:column;align-items:center;gap:14px;animation:.32s cubic-bezier(.2,.9,.3,1) both rise;display:flex;position:relative}.overlay--on-log{padding-bottom:30vh}.panel--halo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#080402e0 0%,#080402b3 42%,#08040200 74%);border-radius:50%;position:absolute;inset:-34px -92px}.title{letter-spacing:-.03em;background:linear-gradient(180deg, #fff2d8 0%, var(--ember) 78%, #b85c1e 100%);color:#0000;filter:drop-shadow(0 6px 22px #ff8a2859);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,11vw,104px);font-weight:900;line-height:.88}.tagline{letter-spacing:.28em;text-transform:uppercase;color:#f8ecd6db;text-shadow:0 2px 6px #000000e6,0 0 2px #000c;margin:0;font-size:clamp(13px,2.4vw,17px)}.banner{letter-spacing:-.02em;text-shadow:-2px -2px #000c,2px -2px #000c,-2px 2px #000c,2px 2px #000c,0 5px 22px #000000d9;margin:0;font-size:clamp(34px,8vw,68px);font-weight:900;line-height:1}.banner--ok{color:#b6f79c}.banner--bad{color:#ff7256}.scoreline{gap:34px;margin:6px 0 2px;display:flex}.scoreline__item{flex-direction:column;gap:4px;display:flex}.scoreline__n--brass{color:var(--brass)}.scoreline__n{font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1}.newbest{color:var(--ember-bright);letter-spacing:.2em;text-transform:uppercase;font-size:13px;animation:1.1s ease-in-out infinite pulse}.btn{appearance:none;cursor:pointer;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:#2a1608;background:linear-gradient(180deg, var(--ember-bright), var(--ember));border:0;border:2px solid var(--wood-edge);border-radius:999px;padding:15px 40px;font-size:15px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px 26px #ff8a284d,inset 0 1px #ffecc88c,inset 0 -3px #78370a59}.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 32px #ff8a286b,inset 0 -3px #0000002e}.btn:active{transform:translateY(1px);box-shadow:0 4px 14px #ff8a284d,inset 0 -1px #0003}.btn--ghost{background:linear-gradient(180deg, var(--wood-lit), var(--wood-deep));color:#f4e6cfd1;border:2px solid var(--wood-edge);padding:11px 26px;font-size:13px;box-shadow:0 5px 14px #00000080,inset 0 1px #ffd09840}.btn--ghost:hover{color:var(--parchment);filter:brightness(1.15)}.hint{letter-spacing:.16em;text-transform:uppercase;color:#f4e6cf66;margin-top:4px;font-size:12.5px}.kbd{letter-spacing:.08em;background:#f4e6cf1f;border-radius:5px;margin:0 3px;padding:2px 8px;font-size:11px;display:inline-block;box-shadow:inset 0 0 0 1px #f4e6cf33}.flash{pointer-events:none;background:radial-gradient(60% 50% at 50% 62%,#ff5a3280,#0000 70%);animation:.52s ease-out both flash;position:absolute;inset:0}.loading{letter-spacing:.3em;text-transform:uppercase;color:#f4e6cf73;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.panel,.flash,.newbest{animation:none}}@media (max-width:560px){.topbar{padding:12px 13px}.plaque{border-radius:6px;padding:6px 13px 8px}.plaque__value{font-size:21px}.plaque__label{letter-spacing:.16em;font-size:9px}.plaque__best{font-size:10px}.ironbtn{width:29px;height:29px;font-size:12px}}