*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:#f5f7fa;background:#1f2a33;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.game-root{--hud-expanded-width:min(420px, 35vw);--hud-collapsed-width:56px;grid-template-columns:minmax(0, 1fr) var(--hud-expanded-width);width:100%;height:100%;display:grid;position:relative}.game-viewport{min-width:0;height:100%;position:relative}.game-canvas{width:100%;height:100%;display:block}.homepage-overlay{z-index:20;background:radial-gradient(circle at 100% 0,#f4c43038,#0000 44%),linear-gradient(160deg,#0a1119c7,#1118219e);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.homepage-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081018d6;border:1px solid #ffffff40;border-radius:16px;width:min(700px,100%);padding:28px;box-shadow:0 20px 60px #00000059}.homepage-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f4c430;opacity:.95;margin:0 0 10px;font-size:12px}.homepage-panel h1{color:#fff3d0;margin:0 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.05}.homepage-subtitle{color:#f4e6be;margin:0;font-size:clamp(16px,2.3vw,21px);line-height:1.35}.homepage-copy{color:#f5f7faeb;max-width:62ch;margin:16px 0 0;line-height:1.6}.homepage-play{color:#2b1e16;cursor:pointer;background:#f4c430;border:0;border-radius:10px;margin-top:20px;padding:12px 28px;font-size:17px;font-weight:700}.homepage-play:hover{transform:translateY(-1px)}.homepage-play:disabled{opacity:.6;cursor:default}.homepage-controls{color:#f5f7fac7;margin:14px 0 0;font-size:14px}.builder-credit{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#f5f7fa;letter-spacing:.02em;background:#081018c2;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;bottom:14px;left:14px}.builder-credit:hover{border-color:#f4c43099}.builder-credit img{object-fit:cover;border-radius:999px;width:30px;height:30px;display:block}@media (width<=640px){.homepage-overlay{padding:14px}.homepage-panel{padding:20px}.homepage-controls{font-size:13px;line-height:1.45}}.debug-sidebar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081018d1;border-left:1px solid #fff3;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;display:grid;overflow:hidden}.debug-sidebar-toggle{color:#f5f7fa;letter-spacing:.02em;cursor:pointer;background:#0b141ee6;border:1px solid #ffffff40;border-radius:8px;width:100%;padding:8px 10px;font-size:12px;font-weight:600}.debug-sidebar-toggle:hover{border-color:#f4c43099}.debug-hud{background:#0b141eb8;border:1px solid #fff3;border-radius:10px;gap:6px;min-height:0;padding:12px;font-size:13px;display:grid;overflow-y:auto}.debug-sidebar.is-collapsed{padding:8px}.debug-sidebar.is-collapsed .debug-hud{display:none}.game-root.hud-collapsed{grid-template-columns:minmax(0, 1fr) var(--hud-collapsed-width)}.debug-hud h2{color:#f4c430;margin:0 0 4px;font-size:14px;font-weight:600}.debug-hud div{justify-content:space-between;gap:10px;display:flex}.debug-hud span{opacity:.85}.debug-hud strong{text-transform:capitalize;font-weight:600}.debug-hud p{opacity:.75;margin:6px 0 0}