:root{color:#f7f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#151515;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#simulator{cursor:crosshair;background:#202020;width:100%;height:100%;display:block}#fps-hint{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f7f5ef;text-align:center;pointer-events:none;z-index:5;background:#0e1012b8;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;transition:opacity .2s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000073}#fps-hint strong{letter-spacing:.04em;font-size:.95rem}#fps-hint span{color:#ffffffb8;letter-spacing:.04em;font-size:.78rem}#fps-hint.hidden{opacity:0}#start-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:radial-gradient(circle at 50% 35%,#262a30c7 0%,#08090bf5 70%);justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}#start-screen.hidden{opacity:0;pointer-events:none}.start-card{text-align:center;background:#0e1012c7;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;align-items:center;gap:22px;max-width:640px;padding:42px clamp(28px,5vw,56px);display:flex;box-shadow:0 30px 80px #0000008c}.start-eyebrow{color:#ffd22e;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:800}#start-tagline{color:#fffefa;letter-spacing:-.005em;margin:0;font-size:clamp(1.45rem,3vw,2.05rem);font-weight:700;line-height:1.25}#start-button{color:#141414;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffd22e;border:none;border-radius:999px;padding:14px 32px;font-family:inherit;font-size:.95rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}#start-button:hover{background:#ffe06a;transform:translateY(-1px);box-shadow:0 14px 32px #ffd22e52}#start-button:active{transform:translateY(0);box-shadow:0 6px 18px #ffd22e47}.start-controls{color:#ffffffa8;letter-spacing:.06em;margin:0;font-size:.78rem}.status-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#0e101294;border:1px solid #fff3;border-radius:8px;align-items:center;gap:18px;min-width:min(360px,100vw - 32px);padding:14px 16px;display:flex;position:fixed;bottom:clamp(16px,3vw,32px);left:clamp(16px,3vw,32px);box-shadow:0 18px 50px #0000003d}.status-panel div:first-child{min-width:0}.label{color:#e6bd2f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800;display:block}.status-panel strong{color:#fffefa;font-size:clamp(1rem,2vw,1.18rem);line-height:1.15;display:block}.metric{color:#fff;border-left:1px solid #ffffff2e;min-width:84px;padding-left:18px;display:grid}.metric span{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.metric small{color:#ffffffb8;margin-top:4px;font-size:.72rem;line-height:1.1}@media (width<=560px){.status-panel{align-items:start;gap:12px;padding:12px}.metric{min-width:68px;padding-left:12px}}