*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;touch-action:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.start{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:10px;background:#000;text-align:center}.start.hidden{display:none}.brand{font:1000 clamp(48px,18vw,120px)/.8 Impact,"Arial Black",sans-serif;letter-spacing:-.05em}.core{font:900 11px/1 ui-monospace,monospace;letter-spacing:.28em;color:#77f7ff}.start button{margin-top:12px;border:0;border-radius:999px;padding:13px 30px;background:#fff;color:#000;font:1000 13px/1 system-ui;letter-spacing:.1em}#kysBoot{position:fixed;inset:0;background:#000;z-index:900;pointer-events:none}#hud{position:fixed;z-index:20;inset:0;pointer-events:none;font-weight:900;text-shadow:0 2px 4px #000}.topline{position:absolute;left:12px;right:12px;top:max(8px,env(safe-area-inset-top));display:flex;gap:12px;justify-content:space-between;font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.05em}.counts{position:absolute;left:12px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:10px;font:800 9px/1 ui-monospace,monospace}#comboText,#trickText{position:absolute;left:12px;top:46px;font:1000 14px/1 system-ui}#trickText{top:64px;font-size:9px;color:#ffe33b}#message{position:absolute;left:50%;top:18%;transform:translateX(-50%);font:1000 18px/1 Impact,sans-serif;white-space:nowrap}#balanceWrap{display:none;position:absolute;left:50%;bottom:76px;transform:translateX(-50%);width:min(62vw,360px);height:28px;border:2px solid #fff;border-radius:999px;background:#000a}#balanceWrap.on{display:block}#balanceNeedle{position:absolute;top:2px;bottom:2px;width:4px;background:#ffe33b;transform:translateX(-50%)}#balanceLabel{position:absolute;top:32px;width:100%;text-align:center;font:800 8px/1 ui-monospace,monospace}#mobile{position:fixed;z-index:30;inset:0;pointer-events:none}#lookPad{position:absolute;right:0;top:0;width:55%;height:72%;pointer-events:auto}#stickBase{position:absolute;left:24px;bottom:max(38px,calc(env(safe-area-inset-bottom) + 18px));width:108px;height:108px;border:2px solid #fff8;border-radius:50%;background:#0003;pointer-events:auto}#stick{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#fff9}.action{position:absolute;pointer-events:auto;width:68px;height:68px;border:2px solid #fff9;border-radius:50%;background:#0008;color:#fff;font:1000 10px/1 system-ui}.action.active{background:#fff;color:#000}#jumpBtn{right:20px;bottom:max(42px,calc(env(safe-area-inset-bottom) + 22px))}#sprayBtn{right:90px;bottom:max(104px,calc(env(safe-area-inset-bottom) + 84px))}#boostBtn{right:98px;bottom:max(28px,calc(env(safe-area-inset-bottom) + 8px));width:56px;height:56px}@media(pointer:fine){#mobile{display:none}}.graffitiFlyCan{position:fixed;z-index:40;width:42px;height:42px;object-fit:contain;pointer-events:none;transform:translate(-50%,-50%);animation:flyCan .55s ease-in forwards}@keyframes flyCan{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.55);opacity:.15}}