:root{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#1c140d;height:100%;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:#fff;position:fixed;inset:0}#hud>*{pointer-events:auto}.place{left:max(14px, env(safe-area-inset-left));text-shadow:0 2px 6px #0009;pointer-events:none;font-size:34px;font-weight:800;position:absolute;top:10px}.place small{opacity:.8;margin-left:4px;font-size:15px}.lap{right:max(14px, env(safe-area-inset-right));text-shadow:0 2px 6px #0009;pointer-events:none;font-size:18px;font-weight:700;position:absolute;top:12px}.banner{text-shadow:0 4px 16px #0009;pointer-events:none;font-size:84px;font-weight:900;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.stamina{pointer-events:none;background:#00000059;border-radius:4px;width:150px;height:8px;margin-left:-75px;position:absolute;bottom:14px;left:50%;overflow:hidden}.stamina i{transform-origin:0;background:#f2c14a;width:100%;height:100%;display:block}.perf{white-space:pre;pointer-events:none;background:#0009;border-radius:6px;padding:4px 9px;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bench{white-space:pre;z-index:9;background:#0c0a08ed;border-radius:10px;padding:10px 14px;font:10.5px/1.3 ui-monospace,Menlo,Consolas,monospace;position:absolute;inset:3% 5%;overflow:auto}.controls{pointer-events:none;position:absolute;inset:0}.controls>*{pointer-events:auto}.stick-zone{touch-action:none;width:46%;position:absolute;top:0;bottom:0;left:0}.stick-base{opacity:.55;background:#ffffff1f;border:2px solid #ffffff57;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .15s;position:absolute;top:calc(100% - 96px);left:96px}.stick-base.on{opacity:.9}.stick-knob{background:#ffffff80;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0000004d}.nudge{bottom:max(18px, env(safe-area-inset-bottom));color:#ffffffe6;letter-spacing:.08em;touch-action:none;background:#ffffff21;border:2px solid #fff6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:92px;height:92px;font:800 11px/1 inherit;display:flex;position:absolute}.nudge i{font-size:24px;font-style:normal}.nudge-l{right:calc(max(18px, env(safe-area-inset-right)) + 122px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 34px);flex-direction:column-reverse}.nudge-r{right:max(18px, env(safe-area-inset-right));flex-direction:column-reverse;width:108px;height:108px}.nudge.hit{background:#fff6;transform:scale(.94)}.nudge.cool{opacity:.4}#rotate{display:none}@media (orientation:portrait){#rotate{z-index:10;color:#3a281a;background:#f3e7cd;place-items:center;font:600 20px/1.2 inherit;display:grid;position:fixed;inset:0}.rotate-icon{border:5px solid #3a281a;border-radius:13px;width:62px;height:104px;margin:0 auto 18px;transform:rotate(-90deg)}}.item-btn{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 108px);color:#fff;letter-spacing:.04em;touch-action:none;background:#f29a1f8c;border:2px solid #ffdc78cc;border-radius:26px;width:198px;height:52px;font:800 15px/1 inherit;position:absolute}.item-btn[hidden]{display:none}.banner[data-kind=item],.banner[data-kind=hit],.banner[data-kind=lap],.banner[data-kind=final]{font-size:44px;top:26%}.basic-menu{color:#f3e7cd;background:#0e0a08b8;border-radius:16px;flex-direction:column;gap:10px;min-width:240px;max-height:92%;padding:18px;display:flex;position:absolute;top:50%;right:6%;overflow:auto;transform:translateY(-50%)}.basic-menu h1{margin:0 0 6px;font-size:26px}.basic-menu button{color:#3a281a;background:#f3e7cd;border:0;border-radius:22px;height:44px;font:700 15px/1 inherit}.basic-menu ol{margin:0;padding-left:22px;font-size:14px;line-height:1.6}