:root{--sunset-orange:#e8853d;--sunset-deep:#b8552e;--sunset-glow:#ffd9a0;--panel-bg:#18121cd1;--panel-border:#ffd9a047;--text-main:#fff4e4;--text-dim:#d8b894;--btn-bg:#e8853deb;--btn-bg-active:#ffaa5a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-main);overscroll-behavior:none;touch-action:none;background:#1a1220;font-family:Segoe UI,Helvetica Neue,Arial,system-ui,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;z-index:10;position:fixed;inset:0}#ui-root button{pointer-events:auto;font-family:inherit}#loading-screen,#fatal-error{z-index:100;background:linear-gradient(#2b1638 0%,#7a3b33 55%,#e8853d 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#fatal-error[hidden]{display:none}.loading-card,.fatal-card{text-align:center;border:1px solid var(--panel-border);background:#140c188c;border-radius:18px;max-width:min(90vw,480px);padding:32px 40px}.loading-title{letter-spacing:3px;font-size:clamp(28px,6vw,44px);font-weight:800}.loading-sub{letter-spacing:6px;color:var(--sunset-glow);margin-top:6px;font-size:clamp(13px,2.4vw,17px)}.loading-bar{background:#ffffff26;border-radius:4px;width:min(62vw,320px);height:8px;margin:26px auto 10px;overflow:hidden}#loading-fill{background:linear-gradient(90deg, var(--sunset-orange), var(--sunset-glow));border-radius:4px;width:15%;height:100%;transition:width .3s}#loading-status,.fatal-message{color:var(--text-dim);font-size:13px}.fatal-title{margin-bottom:12px;font-size:22px;font-weight:700}.screen{pointer-events:auto;background:radial-gradient(at 50% 30%,#1e102440 0%,#140a1aa8 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.menu-title{letter-spacing:4px;text-shadow:0 3px 18px #e8853d8c;font-size:clamp(34px,8vw,64px);font-weight:800}.menu-sub{letter-spacing:7px;color:var(--sunset-glow);margin-top:4px;font-size:clamp(14px,2.6vw,19px)}.menu-meta{letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-top:22px;font-size:13px}.menu-meta .route{color:var(--text-main)}.big-button{letter-spacing:3px;color:#2a1408;background:linear-gradient(180deg, var(--sunset-glow), var(--sunset-orange));cursor:pointer;border:none;border-radius:12px;min-width:240px;min-height:56px;margin-top:30px;padding:14px 40px;font-size:19px;font-weight:700;box-shadow:0 6px 24px #e8853d66}.big-button:hover,.big-button:focus-visible{background:linear-gradient(#ffe9c4,#ff9a55);outline:2px solid #fff}.big-button:active{transform:translateY(1px)}.secondary-button{letter-spacing:2px;min-width:200px;min-height:48px;color:var(--text-main);border:1px solid var(--panel-border);cursor:pointer;background:#fff4e41f;border-radius:10px;margin-top:14px;padding:10px 28px;font-size:15px;font-weight:600}.secondary-button:hover,.secondary-button:focus-visible{background:#fff4e438;outline:2px solid #fff9}.version-tag{bottom:calc(14px + var(--safe-bottom));left:calc(16px + var(--safe-left));color:var(--text-dim);letter-spacing:1px;font-size:12px;position:absolute}.credit-tag{bottom:calc(14px + var(--safe-bottom));right:calc(16px + var(--safe-right));color:var(--text-dim);letter-spacing:1px;font-size:12px;position:absolute}#hud{pointer-events:none;position:absolute;inset:0}#hud[hidden]{display:none}.hud-top{top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-cluster{gap:10px;display:flex}.hud-panel{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:10px;min-width:86px;padding:8px 14px}.hud-label{letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:10px}.hud-value{font-variant-numeric:tabular-nums;font-size:clamp(20px,3.4vw,30px);font-weight:800;line-height:1.15}.hud-unit{color:var(--text-dim);margin-left:3px;font-size:11px}.hud-buttons{pointer-events:auto;gap:8px;display:flex}.hud-button{letter-spacing:1px;min-width:48px;min-height:48px;color:var(--text-main);background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.hud-button:active{background:#e8853d80}#hud-toast{letter-spacing:3px;color:var(--sunset-glow);border:1px solid var(--panel-border);opacity:0;white-space:nowrap;background:#18121cb3;border-radius:12px;padding:12px 30px;font-size:clamp(18px,4vw,30px);font-weight:800;transition:opacity .25s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#hud-toast.show{opacity:1}#hud-nav{top:calc(74px + var(--safe-top,0px));letter-spacing:1px;max-width:min(92vw,640px);color:var(--sunset-glow);border:1px solid var(--panel-border);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:#18121c9e;border-radius:10px;padding:6px 18px;font-size:clamp(12px,2.6vw,16px);font-weight:700;transition:opacity .2s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#hud-nav.show{opacity:1}.menu-free{margin-top:10px}#touch-controls{pointer-events:none;position:absolute;inset:0}#touch-controls[hidden]{display:none}.touch-cluster{bottom:calc(18px + var(--safe-bottom));pointer-events:none;gap:18px;display:flex;position:absolute}.touch-cluster.left{left:calc(18px + var(--safe-left))}.touch-cluster.right{right:calc(18px + var(--safe-right))}.touch-btn{border:2px solid var(--panel-border);background:var(--panel-bg);width:clamp(64px,11vh,96px);height:clamp(64px,11vh,96px);color:var(--text-main);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(20px,3.4vh,30px);font-weight:800;display:flex}.touch-btn.wide{letter-spacing:1px;border-radius:18px;flex-direction:column;width:clamp(72px,12vh,104px);font-size:clamp(12px,2vh,15px)}.touch-btn .sub{color:var(--text-dim);font-size:10px;font-weight:600}.touch-btn.pressed{background:var(--btn-bg-active);color:#2a1408;border-color:#fff}.panel-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:18px;min-width:min(86vw,380px);padding:30px 44px}.panel-title{letter-spacing:4px;font-size:clamp(26px,5vw,40px);font-weight:800}.stat-rows{text-align:left;grid-template-columns:auto auto;justify-content:center;gap:8px 26px;margin:22px 0 4px;font-size:15px;display:grid}.stat-rows .k{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;align-self:center;font-size:12px}.stat-rows .v{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.stat-rows .v.best{color:var(--sunset-glow)}#rotate-hint{top:calc(10px + var(--safe-top));z-index:60;text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--sunset-glow);pointer-events:none;border-radius:10px;max-width:86vw;padding:8px 18px;font-size:13px;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (max-width:768px){#rotate-hint{display:block}}#debug-stats{bottom:calc(10px + var(--safe-bottom));left:calc(12px + var(--safe-left));color:#9fe8a9;pointer-events:none;white-space:pre;background:#00000073;border-radius:6px;padding:6px 10px;font-family:Consolas,monospace;font-size:11px;position:absolute}#debug-stats[hidden]{display:none}@media (max-width:480px){.hud-panel{min-width:70px;padding:6px 10px}.panel-card{padding:22px 26px}.big-button{min-width:210px}}