@media (orientation:portrait) and (hover:none) and (pointer:coarse){#app{transform-origin:0 0;width:100vh;height:100vw;padding-right:env(safe-area-inset-bottom,0px);position:fixed;top:0;left:100vw;transform:rotate(90deg)}}.h-header{height:var(--toolbar-h);padding:0 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ff880f,#0000);flex-shrink:0;align-items:center;gap:14px;display:flex}.h-wordmark{color:var(--neon-green);letter-spacing:2px;text-shadow:0 0 8px #0f86;font-weight:700}.h-nav{margin-left:auto}.h-nav a{color:var(--neon-cyan);letter-spacing:1px;opacity:.85;font-size:12px;text-decoration:none}.h-nav a:hover{opacity:1;text-shadow:0 0 8px var(--neon-cyan)}#stage{background:var(--bg);flex:1;min-height:0;position:relative}#home-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.h-controls{padding:6px 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;display:flex}.h-hint{color:var(--neon-cyan);opacity:.6;letter-spacing:.5px;font-size:11.5px}.m-source{color:var(--neon-green);border:1px solid var(--border);font-family:var(--font-mono);background:#000;margin-left:auto;padding:3px 6px;font-size:12px}.h-footer{padding:8px 14px;padding-right:calc(14px + env(safe-area-inset-right,0px));border-top:1px solid var(--border);-webkit-user-select:text;user-select:text;background:linear-gradient(90deg,#00ff880a,#0000);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 16px;display:flex}.h-tagline{color:var(--neon-green);opacity:.65;letter-spacing:.5px;font-size:12px}.h-links{gap:14px;margin-left:auto;display:flex}.h-links a{color:var(--neon-cyan);opacity:.75;font-size:12px;text-decoration:none}.h-links a:hover{opacity:1;text-shadow:0 0 6px var(--neon-cyan)}