:root{--bg:#141018;--paper:#f6e4c4;--brass:#e3b23c;--ink:#2a2236;--panel:#16121cc7;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;height:100%;font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#hits,#hud{pointer-events:none;position:fixed;inset:0}#topbar{top:calc(8px + var(--sa-t));left:calc(10px + var(--sa-l));right:calc(72px + var(--sa-r));color:var(--paper);text-shadow:0 1px 4px #000;pointer-events:none;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:650;display:flex;position:absolute}#topbar[hidden]{display:none}#topbar span{background:var(--panel);border-radius:999px;padding:4px 8px}#hint{left:16px;right:16px;bottom:calc(18px + var(--sa-b));text-align:center;color:var(--paper);text-shadow:0 1px 4px #000;font-size:14px;position:absolute}#power{left:24px;right:24px;bottom:calc(48px + var(--sa-b));background:#00000073;border-radius:8px;height:10px;position:absolute;overflow:hidden}#power-fill{background:linear-gradient(90deg,#7ad37a,#e3b23c 70%,#e07050);width:0;height:100%}#pause-btn{top:calc(8px + var(--sa-t));right:calc(10px + var(--sa-r));pointer-events:auto;background:var(--panel);color:var(--paper);border:0;border-radius:12px;padding:6px 10px;font-size:13px;position:absolute}.screen{padding:0 24px calc(48px + var(--sa-b));pointer-events:none;background:linear-gradient(#0000 28%,#0c120c2e 52%,#0c120cd1 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.screen[hidden]{display:none}.screen>*{pointer-events:auto}#title,.screen h2{color:var(--paper);letter-spacing:.08em;text-shadow:0 1px #000,0 0 18px #e3b23c59;text-align:center;font-size:26px;font-weight:800;position:static}.sub,#result-body{color:var(--paper);text-align:center;text-shadow:0 1px 3px #000;font-size:15px}.screen button,#hole-list button{background:var(--brass);min-width:220px;min-height:44px;color:var(--ink);border:0;border-radius:14px;font-size:17px;font-weight:700}#hole-list{flex-direction:column;gap:8px;width:min(320px,100%);display:flex}#cta{color:#fff6e4;letter-spacing:.08em;text-shadow:0 2px #5a2a10,0 0 24px #ffb43cb3;pointer-events:none;background:linear-gradient(#0000 30%,#0c080e26 54%,#0c080ed1 100%);justify-content:center;align-items:flex-end;padding-bottom:88px;font-size:42px;font-weight:800;display:flex;position:fixed;inset:0}#cta[hidden]{display:none}@media (orientation:landscape){#power{left:auto;right:calc(16px + var(--sa-r));width:12px;height:auto;top:88px;bottom:88px}#power-fill{width:100%;height:0;position:absolute;bottom:0}.screen{padding-right:calc(36px + var(--sa-r));align-items:flex-end}}