:root{--border:#1e293b;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}#root{width:100%;min-height:100vh}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0}body{background:#020617}p{margin:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.is-town-mode{grid-template-columns:1fr}.menu-panel{border-right:1px solid var(--border);background:#0f172a;grid-template-rows:auto 1fr;gap:24px;padding:24px;display:grid}.brand-block{gap:10px;display:grid}.brand-tag,.case-tag{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:12px}.brand-desc,.case-desc,.content-head p{color:#94a3b8;margin:0}.menu-list{align-content:start;gap:12px;display:grid}.menu-item{text-align:left;color:#e2e8f0;cursor:pointer;background:#111c34;border:1px solid #334155;border-radius:14px;gap:6px;padding:14px 16px;transition:border-color .2s,transform .2s,background .2s;display:grid}.menu-item:hover{border-color:#60a5fa;transform:translateY(-1px)}.menu-item.is-active{background:#172554;border-color:#60a5fa}.menu-item span{font-size:16px;font-weight:600}.menu-item small{color:#94a3b8;font-size:13px}.content-panel{background:#020617;grid-template-rows:auto 1fr;gap:20px;padding:24px;display:grid}.content-panel.is-immersive{background:#000;grid-template-rows:1fr;gap:0;padding:0}.content-head{gap:6px;display:grid}.content-head h3,.brand-block h2,.case-header h1{color:#f8fafc;margin:0}.case-panel{grid-template-rows:auto 1fr;gap:20px;min-height:0;display:grid}.case-header{gap:10px;display:grid}.canvas-wrap{background:#0f172a;border:1px solid #1e293b;border-radius:20px;min-height:520px;overflow:hidden}.case-panel--immersive{grid-template-rows:1fr;gap:0;height:100%;min-height:100%;display:grid;position:relative}.town-scene-shell{background:#000;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.town-legacy-canvas{background:#000;width:100%;height:100%;display:block}.town-overlay{color:#e2e8f0;letter-spacing:.04em;pointer-events:none;background:#0206176b;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.town-overlay--error{background:#7f1d1db8}@media (width<=900px){.app-shell{grid-template-columns:1fr}.menu-panel{border-right:none;border-bottom:1px solid var(--border)}.canvas-wrap{min-height:360px}}