html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background:#081018;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;box-sizing:border-box;background:#081018}#game canvas{touch-action:none;display:block;margin:0;padding:0}.traceur-game-ui{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;box-sizing:border-box}.traceur-touch-root{position:absolute;inset:0;z-index:1;pointer-events:none;box-sizing:border-box}.traceur-touch-move-zone{position:absolute;left:0;top:0;bottom:0;width:58%;pointer-events:auto;touch-action:none;z-index:0}.traceur-touch-joystick-base{position:absolute;width:104px;height:104px;margin-left:-52px;margin-top:-52px;border-radius:50%;border:2px solid rgba(124,185,255,.28);background:#080e1873;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.traceur-touch-joystick-base[hidden]{display:none!important}.traceur-touch-joystick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:0;border-radius:50%;background:#5ce0c559;border:2px solid rgba(92,224,197,.65);transform:translate(-50%,-50%);box-shadow:0 0 12px #5ce0c540}.traceur-touch-orbit{position:absolute;right:max(8px,env(safe-area-inset-right,0px));bottom:max(8px,env(safe-area-inset-bottom,0px));width:min(190px,42vw);height:min(170px,38vh);pointer-events:none;z-index:3}.traceur-touch-pip{position:absolute;pointer-events:auto;touch-action:none;width:53px;height:53px;padding:0;margin:0;border-radius:50%;border:1px solid rgba(124,185,255,.4);background:#080e18c7;color:#c5d8ef;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible}.traceur-touch-pip--skill{top:0;left:50%;transform:translate(-50%);width:58px;height:58px;border-color:#5ce0c58c;color:#5ce0c5}.traceur-touch-pip--dash{top:65px;left:0}.traceur-touch-pip--bump{top:65px;right:0}.traceur-touch-pip--jump{bottom:0;left:23px}.traceur-touch-pip--parry{bottom:0;right:23px}.traceur-touch-pip-icon{display:flex;align-items:center;justify-content:center;opacity:.52;line-height:0;pointer-events:none;transition:opacity .12s}.traceur-touch-pip-svg{display:block}.traceur-touch-pip-cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1),0 0 1px #000;z-index:2;pointer-events:none;line-height:1}.traceur-touch-pip--on-cd .traceur-touch-pip-icon{opacity:.28}.traceur-touch-pip--skill.traceur-touch-pip--on-cd .traceur-touch-pip-icon{opacity:.32}.traceur-touch-pip:active,.traceur-touch-pip.traceur-touch-pip--held{background:#5ce0c547;border-color:#5ce0c5bf;filter:brightness(1.1)}.traceur-touch-pip--skill:active,.traceur-touch-pip--skill.traceur-touch-pip--held{box-shadow:0 0 16px #5ce0c573}.traceur-touch-pip--skill:active,.traceur-touch-pip--skill.traceur-touch-pip--held{transform:translate(-50%)}.traceur-landscape-gate{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-sizing:border-box;background:#05080ff5;pointer-events:all}.traceur-landscape-gate[hidden]{display:none!important}.traceur-landscape-gate-inner{text-align:center;max-width:320px;padding:28px 24px;border-radius:20px;border:1px solid rgba(100,180,255,.2);background:linear-gradient(155deg,#142438eb,#080e18f5)}.traceur-landscape-gate-icon{margin:0 0 12px;font-size:2.5rem;color:#5ce0c5}.traceur-landscape-gate-title{margin:0 0 8px;font-family:system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#e8f1ff}.traceur-landscape-gate-msg{margin:0;font-family:system-ui,sans-serif;font-size:.9rem;color:#8ba3bc;line-height:1.45}.traceur-match-pause-root{position:absolute;inset:0;z-index:4;pointer-events:none}.traceur-match-pause-gear{position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));width:44px;height:44px;padding:0;margin:0;border-radius:12px;border:1px solid rgba(124,185,255,.45);background:#080e18d1;color:#c5d8ef;cursor:pointer;pointer-events:auto;touch-action:manipulation;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000059}.traceur-match-pause-gear:active{background:#5ce0c538;border-color:#5ce0c5a6}.traceur-match-pause-backdrop{position:fixed;inset:0;background:#05080f8c;pointer-events:auto;touch-action:none}.traceur-match-pause-backdrop[hidden],.traceur-match-pause-panel[hidden]{display:none!important}.traceur-match-pause-panel{position:fixed;top:max(58px,calc(env(safe-area-inset-top,0px) + 48px));left:max(10px,env(safe-area-inset-left,0px));width:min(260px,calc(100vw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:16px;border-radius:16px;border:1px solid rgba(124,185,255,.28);background:linear-gradient(155deg,#142438f5,#080e18fa);box-shadow:0 16px 40px #00000080;pointer-events:auto;touch-action:manipulation;display:flex;flex-direction:column;gap:10px}.traceur-match-pause-title{margin:0 0 4px;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8ba3bc}.traceur-match-pause-btn{width:100%;height:44px;border-radius:12px;border:none;font-family:system-ui,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;touch-action:manipulation}.traceur-match-pause-btn--resume{background:#7cb9ff24;color:#7cb9ff;border:1px solid rgba(124,185,255,.35)}.traceur-match-pause-btn--leave{background:#ff6b8a24;color:#ff8fa8;border:1px solid rgba(255,107,138,.4)}