:root{--bg-primary:#0a0c10;--bg-surface:#13171f;--bg-surface-elevated:#1b212c;--bg-carbon:#10141c;--f1-red:#e10600;--f1-red-glow:rgba(225,6,0,0.4);--f1-gold:#ffb800;--f1-blue:#0088ff;--f1-green:#00d26a;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-subtle:#273142;--border-active:#3b82f6;--gear-1:#f5b000;--gear-2:#f26522;--gear-3:#e31b23;--gear-4:#00a651;--gear-5:#8e24aa;--gear-6:#1565c0;--die-black:#1e293b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-panel:0 8px 24px -4px rgba(0,0,0,0.6);--shadow-glow:0 0 20px rgba(225,6,0,0.25);--font-racing:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}html,body{width:100%;min-height:100%;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-racing);overflow-x:hidden;touch-action:manipulation;}body{background-image:radial-gradient(circle at 50% 0%,rgba(225,6,0,0.08) 0%,transparent 60%),linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px;display:flex;justify-content:center;}.app-container{width:100%;max-width:500px;min-height:100vh;display:flex;flex-direction:column;padding-bottom:24px;position:relative;}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding-top:max(14px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:10px;padding-left:max(12px,calc(env(safe-area-inset-left,0px) + 8px));padding-right:max(12px,calc(env(safe-area-inset-right,0px) + 8px));background:rgba(10,12,16,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:padding-top 0.2s ease;}@media (orientation:portrait){.app-header{padding-top:max(30px,calc(env(safe-area-inset-top,0px) + 8px));padding-bottom:10px;padding-left:max(12px,calc(env(safe-area-inset-left,0px) + 8px));padding-right:max(12px,calc(env(safe-area-inset-right,0px) + 8px));}}:fullscreen .app-header,:-webkit-full-screen .app-header,.is-fullscreen .app-header,.is-standalone .app-header,@media (display-mode:standalone),(display-mode:fullscreen){.app-header{padding-top:max(38px,calc(env(safe-area-inset-top,0px) + 12px));}}.brand-badge{display:flex;align-items:center;gap:8px;}.brand-logo{font-weight:900;font-style:italic;font-size:1.25rem;letter-spacing:-0.5px;background:linear-gradient(135deg,#fff 0%,#e10600 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(225,6,0,0.3);}.brand-sub{font-size:0.65rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);font-weight:700;border-left:2px solid var(--f1-red);padding-left:6px;}.header-actions{display:flex;align-items:center;gap:8px;}.icon-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all 0.15s ease;}.icon-btn:active{transform:scale(0.92);background:var(--bg-surface-elevated);color:var(--text-main);border-color:var(--border-active);}@media (orientation:portrait) and (max-width:500px){.app-header{gap:6px;}.brand-badge{flex-shrink:0;gap:6px;}.brand-logo{font-size:1.05rem;white-space:nowrap;}.brand-sub{display:none;}.header-actions{gap:5px;flex-shrink:0;}.icon-btn{width:34px;height:34px;font-size:0.95rem;border-radius:6px;flex-shrink:0;}.header-pilots-btn{min-width:40px !important;height:34px;padding:0 6px;font-size:0.78rem;border-radius:6px;flex-shrink:0;}}@media (orientation:portrait) and (max-width:380px){.app-header{padding-left:max(8px,calc(env(safe-area-inset-left,0px) + 6px));padding-right:max(8px,calc(env(safe-area-inset-right,0px) + 6px));gap:4px;}.brand-logo{font-size:0.95rem;}.header-actions{gap:3px;}.icon-btn{width:31px;height:31px;font-size:0.85rem;}.header-pilots-btn{min-width:35px !important;height:31px;padding:0 4px;font-size:0.72rem;}}.driver-ribbon{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(90deg,rgba(27,33,44,0.7) 0%,rgba(19,23,31,0.4) 100%);border-bottom:1px solid rgba(255,255,255,0.05);}.driver-tag{display:flex;align-items:center;gap:8px;}.driver-dot{width:10px;height:10px;border-radius:50%;background-color:var(--f1-red);box-shadow:0 0 8px var(--f1-red);}.driver-name{font-size:0.85rem;font-weight:700;color:var(--text-main);letter-spacing:0.5px;}.lap-counter{font-size:0.75rem;font-family:var(--font-mono);color:var(--f1-gold);background:rgba(255,184,0,0.1);padding:3px 8px;border-radius:var(--radius-full);border:1px solid rgba(255,184,0,0.25);}.dashboard-section{padding:12px 14px;}.section-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}.section-title .badge{font-size:0.65rem;font-weight:600;letter-spacing:0.5px;padding:2px 6px;border-radius:4px;background:var(--bg-surface);color:var(--text-muted);}.dashboard-main{display:flex;flex-direction:column;width:100%;}.dashboard-right{display:flex;flex-direction:column;width:100%;}@media (orientation:landscape),(min-width:920px){body{align-items:stretch;}.app-container{max-width:100%;width:100%;height:100vh;max-height:100vh;padding-bottom:0;overflow:hidden;}.app-header{padding:6px 16px;}.driver-ribbon{padding:4px 16px;}.dashboard-main{flex-direction:row;flex:1;min-height:0;gap:12px;padding:6px 14px 8px;overflow:hidden;}.section-shifter{flex:0 0 280px;max-width:320px;padding:0;height:100%;display:flex;flex-direction:column;}.section-shifter .shifter-panel{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px 10px;}.section-shifter .shifter-header{margin-bottom:6px;}.section-shifter .mechanical-gate-wrapper{flex:1;min-height:160px;max-height:calc(100vh - 120px);}.dashboard-right{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px;}.action-center{padding:0;gap:6px;}.action-center .roll-hero-btn{padding:10px 16px;}.action-center .roll-btn-title{font-size:0.95rem;}.action-center .last-roll-card{padding:6px 12px;}.action-center .last-roll-val{font-size:1.6rem;}.action-center .secondary-action-btn{padding:6px 4px;font-size:0.7rem;}.section-organs{padding:0;flex:1;}.section-organs .section-title{margin-bottom:4px;font-size:0.7rem;}.organs-grid{grid-template-columns:repeat(3,1fr);gap:6px;}.organ-card{padding:6px 8px;gap:4px;}.organ-card .organ-score .organ-cur{font-size:1rem;}.organ-btn{height:26px;font-size:0.85rem;}}@media (orientation:landscape),(min-width:700px){body.landscape-mode{align-items:stretch;}body.landscape-mode .app-container{max-width:100%;width:100%;height:100vh;max-height:100vh;padding-bottom:0;overflow:hidden;}body.landscape-mode .app-header{padding:6px 16px;}body.landscape-mode .driver-ribbon{padding:4px 16px;}body.landscape-mode .dashboard-main{flex-direction:row;flex:1;min-height:0;gap:12px;padding:6px 14px 8px;overflow:hidden;}body.landscape-mode .section-shifter{flex:0 0 280px;max-width:320px;padding:0;height:100%;display:flex;flex-direction:column;}body.landscape-mode .section-shifter .shifter-panel{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px 10px;}body.landscape-mode .section-shifter .shifter-header{margin-bottom:6px;}body.landscape-mode .section-shifter .mechanical-gate-wrapper{flex:1;min-height:160px;max-height:calc(100vh - 120px);}body.landscape-mode .dashboard-right{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px;}body.landscape-mode .action-center{padding:0;gap:6px;}body.landscape-mode .action-center .roll-hero-btn{padding:10px 16px;}body.landscape-mode .action-center .last-roll-card{padding:6px 12px;}body.landscape-mode .action-center .last-roll-val{font-size:1.6rem;}body.landscape-mode .action-center .secondary-action-btn{padding:6px 4px;font-size:0.7rem;}body.landscape-mode .section-organs{padding:0;flex:1;}body.landscape-mode .section-organs .section-title{margin-bottom:4px;font-size:0.7rem;}body.landscape-mode .organs-grid{grid-template-columns:repeat(3,1fr);gap:6px;}body.landscape-mode .organ-card{padding:6px 8px;gap:4px;}body.landscape-mode .organ-card .organ-score .organ-cur{font-size:1rem;}body.landscape-mode .organ-btn{height:26px;font-size:0.85rem;}}