:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(77,174,154,.14),transparent 36%),linear-gradient(180deg,#071018,#0e1820 55%,#081017);color:#f4f7fa}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh}.error-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.error-card{width:min(960px,100%);padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:#0a1016eb;box-shadow:0 22px 60px #0000004d}.error-pre{overflow:auto;margin:16px 0 0;padding:16px;border-radius:16px;background:#ffffff0a;color:#ffd6ce;font-size:.84rem;line-height:1.45;white-space:pre-wrap}button{font:inherit}.app-shell{width:min(1400px,calc(100vw - 24px));margin:0 auto;padding:18px 0 24px}.hero-panel,.canvas-card,.info-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#141f27f5,#0c1319f0);box-shadow:0 22px 60px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel{display:flex;justify-content:space-between;gap:18px;padding:22px;border-radius:28px;margin-bottom:18px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#90f0db}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,4vw,4.8rem);line-height:.94;letter-spacing:-.04em}.lede{max-width:62ch;margin-top:12px;font-size:1rem;line-height:1.55;color:#f4f7fac7}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px}.chip,.stat-pill,.timer-pill,.streak-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip{padding:10px 14px;border-radius:999px;font-size:.86rem;color:#f4f7fad1}.ghost-button,.primary-button,.action-button,.touch-action{border:0;border-radius:16px;cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease}.ghost-button,.action-button,.touch-action{padding:12px 16px;background:linear-gradient(180deg,#263642,#18232c);color:#f7fbff}.primary-button{padding:13px 18px;background:linear-gradient(180deg,#7ef0d9,#42cbb4);color:#071018;font-weight:700}.ghost-button:hover,.primary-button:hover,.action-button:hover,.touch-action:hover{transform:translateY(-1px);filter:brightness(1.07)}.game-layout{display:grid;grid-template-columns:minmax(0,1.45fr) 320px;gap:18px}.canvas-card{position:relative;min-height:76vh;overflow:hidden;border-radius:30px}canvas{display:block;width:100%;height:100%}.hud,.overlay,.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-row,.bottom-bar,.feed,.timer-pill{position:absolute}.top-left{top:16px;left:16px;display:flex;gap:10px}.top-right{top:16px;right:16px;display:flex;gap:10px}.stat-pill{display:flex;flex-direction:column;gap:2px;min-width:88px;padding:10px 12px;border-radius:18px}.stat-pill span,.streak-card span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa8}.stat-pill strong,.streak-card strong{font-size:1.02rem}.timer-pill{left:50%;top:16px;transform:translate(-50%);padding:11px 18px;border-radius:999px;font-weight:700}.bottom-bar{display:flex;align-items:center;gap:14px;left:16px;right:16px;bottom:16px}.streak-card{width:92px;padding:10px 12px;border-radius:18px}.reload-track{flex:1;height:14px;overflow:hidden;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.reload-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#f3b86b,#ff785d)}.action-button{pointer-events:auto}.feed{right:20px;bottom:86px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.feed-item{padding:8px 12px;border-radius:999px;background:#050a0e70;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.sidebar{display:flex;flex-direction:column;gap:18px}.info-card{padding:20px;border-radius:26px}.info-card h3{margin-bottom:10px;font-size:1.5rem}.info-card p:last-child{color:#f4f7fac2;line-height:1.55}.overlay{display:grid;place-items:center;background:#050a0e85}.overlay-card{width:min(92%,420px);padding:24px;border-radius:28px;background:linear-gradient(180deg,#121c24fa,#0a1016f5);border:1px solid rgba(255,255,255,.08);text-align:center}.overlay-card h2{margin:10px 0 8px;font-size:2rem}.overlay-card p{margin-bottom:18px;color:#f4f7fac7}.mobile-controls{display:none}.touch-pad{width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffffb8;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:grid;place-items:center}.move-pad{position:absolute;left:18px;bottom:78px}.mobile-right{position:absolute;right:18px;bottom:78px;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.touch-action{pointer-events:auto}@media (max-width: 1080px){.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.app-shell{width:min(100vw - 14px,1400px);padding-top:8px}.hero-panel{flex-direction:column;border-radius:22px}.hero-actions{align-items:flex-start}.canvas-card{min-height:68vh;border-radius:22px}.sidebar{grid-template-columns:1fr}.mobile-controls{display:block}.chip:first-child{display:none}}@media (max-width: 620px){.top-left,.top-right{gap:6px}.stat-pill{min-width:74px;padding:8px 10px}.timer-pill{top:74px}.bottom-bar{gap:10px}.streak-card{display:none}.reload-track{max-width:42vw}.move-pad{bottom:20px;left:10px;transform:scale(.92);transform-origin:left bottom}.mobile-right{right:10px;bottom:20px}}