:root{--twc-bg: #14161c;--twc-panel: rgba(18, 21, 28, .94);--twc-line: rgba(255, 255, 255, .16);--twc-text: #eef2f7;--twc-muted: #9fb0c6;--twc-primary: #ff8a1f;--twc-primary-2: #38b6ff;--twc-safe-top: env(safe-area-inset-top, 0px);--twc-safe-bottom: env(safe-area-inset-bottom, 0px);--twc-safe-left: env(safe-area-inset-left, 0px);--twc-safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--twc-text);user-select:none;-webkit-user-select:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--twc-safe-top)) calc(16px + var(--twc-safe-right)) calc(16px + var(--twc-safe-bottom)) calc(16px + var(--twc-safe-left));background:radial-gradient(circle at 50% 30%,#14161cb8,#08090cf0);backdrop-filter:blur(2px)}.panel{width:min(560px,94vw);max-height:92vh;overflow:auto;padding:22px 22px 26px;text-align:center;background:var(--twc-panel);border:2px solid var(--twc-line);border-radius:18px;box-shadow:0 24px 70px #0000008c}.panel h1{margin:10px 0 4px;font-size:clamp(22px,4.6vw,34px);letter-spacing:.04em}.panel h2{margin:0 0 8px;font-size:clamp(18px,3.6vw,26px);letter-spacing:.08em}.muted{color:var(--twc-muted);font-size:14px;margin:4px 0 14px}.instructions{margin:0 0 18px;padding:0 0 0 18px;text-align:left;color:var(--twc-muted);font-size:14px;line-height:1.7}.btn{display:block;width:100%;margin:8px 0 0;padding:13px 16px;font-size:16px;font-weight:700;letter-spacing:.06em;color:var(--twc-text);background:#ffffff14;border:2px solid var(--twc-line);border-radius:12px;cursor:pointer}.btn-primary{background:linear-gradient(180deg,var(--twc-primary),#d9660a);border-color:#ffb066;color:#1b1207}.btn-ghost{background:transparent;color:var(--twc-muted)}.btn:active{transform:translateY(1px)}.ad-logo{margin:0 auto 12px;width:min(240px,70%);padding:10px 14px;font-weight:800;letter-spacing:.08em;border:2px dashed rgba(255,255,255,.35);border-radius:12px}.ad-banner{margin-top:16px;padding:12px 14px;font-size:13px;letter-spacing:.06em;color:#10141b;background:linear-gradient(90deg,#ffd479,#ffe9b8);border-radius:10px}#hud{position:fixed;inset:0;z-index:30;pointer-events:none}.hud-top{position:absolute;top:calc(8px + var(--twc-safe-top));left:calc(8px + var(--twc-safe-left));right:calc(8px + var(--twc-safe-right));display:flex;gap:8px;align-items:center}.hud-spacer{flex:1 1 auto}.hud-card{min-width:74px;padding:6px 10px;background:#0c0e13b8;border:1px solid var(--twc-line);border-radius:10px;text-align:center}.hud-card strong{display:block;font-size:18px}.hud-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--twc-muted);text-transform:uppercase}.hud-btn{pointer-events:auto;padding:10px 12px;font-size:13px;font-weight:700;color:var(--twc-text);background:#0c0e13b8;border:1px solid var(--twc-line);border-radius:10px;cursor:pointer}#hud-pos-card.leading strong{color:#7dffa6}.hud-bottom{position:absolute;left:calc(10px + var(--twc-safe-left));bottom:calc(10px + var(--twc-safe-bottom));display:flex;gap:12px;align-items:flex-end}.turbo-box{width:168px}.turbo-row{display:flex;justify-content:space-between;align-items:baseline}.turbo-charges{font-weight:800;color:var(--twc-primary-2)}.turbo-track{margin-top:4px;height:12px;background:#0c0e13cc;border:1px solid var(--twc-line);border-radius:7px;overflow:hidden}.turbo-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--twc-primary-2),var(--twc-primary));transition:width .12s linear}.turbo-empty .turbo-fill{background:#ffffff29}.speed-box{padding:4px 10px;text-align:center;background:#0c0e13b8;border:1px solid var(--twc-line);border-radius:10px}.speed-box strong{display:block;font-size:20px;line-height:1.1}.speed-box span{font-size:10px;color:var(--twc-muted)}.hud-message{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:8px 18px;font-size:clamp(16px,3vw,24px);font-weight:800;letter-spacing:.1em;background:#0c0e13c2;border:1px solid var(--twc-line);border-radius:12px;white-space:nowrap}#touch-controls{position:fixed;inset:0;z-index:35;pointer-events:none}.touch-steer{position:absolute;left:calc(14px + var(--twc-safe-left));bottom:calc(16px + var(--twc-safe-bottom));width:168px;height:168px;pointer-events:auto;background:radial-gradient(circle,#ffffff1a,#ffffff08);border:2px solid var(--twc-line);border-radius:50%;touch-action:none}.knob{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background:#ffffff38;border:2px solid rgba(255,255,255,.45);border-radius:50%}.touch-right{position:absolute;right:calc(14px + var(--twc-safe-right));bottom:calc(16px + var(--twc-safe-bottom));display:flex;gap:12px;align-items:flex-end;pointer-events:auto}.touch-btn{width:96px;height:96px;font-size:16px;font-weight:800;letter-spacing:.06em;color:var(--twc-text);background:#ffffff1f;border:2px solid var(--twc-line);border-radius:50%;touch-action:none}.touch-gas{background:#5adc8247;border-color:#8cffb48c}.touch-brake{width:78px;height:78px;background:#ff6e6e3d;border-color:#ff969680}.touch-turbo{width:78px;height:78px;background:linear-gradient(180deg,#ff9a3c,#d2600a);color:#1b1207;border-color:#ffc27a}.touch-turbo.turbo-empty{background:#ffffff1a;color:var(--twc-muted);border-color:var(--twc-line)}.touch-btn.pressed{transform:scale(.95);filter:brightness(1.2)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 4px}.result-grid>div{padding:10px;background:#ffffff0d;border:1px solid var(--twc-line);border-radius:10px}.result-grid strong{font-size:20px}#orientation-hint{display:none;position:fixed;inset:0;z-index:100;background:#0f1116f5;align-items:center;justify-content:center;text-align:center;padding:24px}#orientation-hint .box{max-width:420px}#orientation-hint h2{margin:0 0 8px;font-size:20px}#orientation-hint p{margin:0;opacity:.8;font-size:14px;line-height:1.5}#orientation-hint .phone{width:72px;height:42px;margin:0 auto 22px;border:3px solid #fff;border-radius:8px;position:relative}#orientation-hint .phone:after{content:"";position:absolute;right:4px;top:50%;width:3px;height:10px;border-radius:2px;background:var(--twc-primary);transform:translateY(-50%)}@media(orientation:portrait)and (max-width:900px){#orientation-hint{display:flex}}