*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f5f1e8;background:#11131a;font-family:Arial Narrow,Roboto Condensed,sans-serif}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}#enter,#controls{z-index:1;position:fixed;left:50%;transform:translate(-50%)}#enter{color:#11131a;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#b84dff;border:2px solid #f5f1e8;border-radius:10px;padding:.85rem 1.4rem;font:700 1rem/1 inherit;top:50%;box-shadow:0 0 18px #b84dff8c,6px 6px #11131a}#enter:hover{background:#d08aff}#enter:focus-visible{outline-offset:4px;outline:3px solid #ffdf5d}#controls{bottom:calc(1rem + env(safe-area-inset-bottom));letter-spacing:.04em;background:#11131ad1;margin:0;padding:.45rem .7rem;font-size:.75rem}body.locked #enter{display:none}#hud{z-index:2;pointer-events:none;font-size:.95rem;position:fixed;inset:0}#hud .hud-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14121ac7;border:1px solid #f5f1e824;border-radius:10px;padding:.5rem .8rem;position:absolute}#hud .hud-status{top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));border-left:3px solid #20c9c9}#hud .hud-timer{top:calc(.75rem + env(safe-area-inset-top));letter-spacing:.1em;color:#ffd9a0;text-shadow:0 0 12px #ffd9a073;font-size:1.4rem;font-weight:700;left:50%;transform:translate(-50%)}#hud .hud-score{top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));border-right:3px solid #ff6f91}#hud .hud-actions{bottom:calc(1rem + env(safe-area-inset-bottom));pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;gap:.5rem;display:flex;left:50%;transform:translate(-50%)}#hud .hud-center{text-align:center;padding:1rem 1.6rem;font-size:1.3rem;top:50%;left:50%;transform:translate(-50%,-50%)}#hud button{color:#f5f1e8;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#11131ae0;border:2px solid #f5f1e8;border-radius:8px;min-width:44px;min-height:44px;padding:.5rem .9rem;font:700 .9rem/1 inherit}#hud button:hover{background:#2a2f3f;border-color:#20c9c9}#hud button:focus-visible{outline-offset:3px;outline:3px solid #ffdf5d}#hud button[aria-pressed=true]{color:#11131a;background:#b84dff;border-color:#b84dff}#hud .hud-scoreboard{min-width:16rem;top:50%;left:50%;transform:translate(-50%,-50%)}#hud .hud-scoreboard table{border-collapse:collapse;width:100%}#hud .hud-scoreboard th,#hud .hud-scoreboard td{text-align:left;padding:.3rem .5rem}#hud .hud-scoreboard th{color:#ffd9a0;border-bottom:1px solid #f5f1e859}#hud [hidden]{display:none}#touch{z-index:3;pointer-events:none;position:fixed;inset:0}#touch .stick{bottom:calc(1.25rem + env(safe-area-inset-bottom));left:calc(1.25rem + env(safe-area-inset-left));pointer-events:auto;touch-action:none;border:2px solid #f5f1e866;border-radius:50%;width:120px;height:120px;position:absolute}#touch .stick .nub{background:#f5f1e88c;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch .look{pointer-events:auto;touch-action:none;width:55%;height:100%;position:absolute;top:0;right:0}#touch .touch-actions{bottom:calc(1.25rem + env(safe-area-inset-bottom));right:calc(1.25rem + env(safe-area-inset-right));pointer-events:auto;grid-template-columns:repeat(2,auto);gap:.5rem;display:grid;position:absolute}#touch button{color:#f5f1e8;text-transform:uppercase;background:#11131ab3;border:2px solid #f5f1e899;border-radius:50%;min-width:44px;min-height:44px;padding:.6rem .8rem;font:700 .75rem/1 inherit}#touch button.primary{color:#11131a;background:#b84dffbf;width:76px;height:76px}#touch [hidden],body:not(.touch) #touch{display:none}@media (pointer:coarse){#controls{display:none}#hud button{min-width:44px;min-height:44px;font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}