@import"https://fonts.googleapis.com/css2?family=Anton&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1410;--bg-panel: #1e1a14;--bg-card: #241f18;--bg-hover: #2c261e;--ink: #d4c9a8;--ink-faint: rgba(212,201,168,.06);--ink-light: rgba(212,201,168,.12);--ink-mid: rgba(212,201,168,.46);--ink-muted: rgba(212,201,168,.27);--accent: #ff6b1a;--accent-faint: rgba(255,107,26,.08);--accent-glow: rgba(255,107,26,.28);--rust: #8a5a2b;--font-serif: "Barlow Condensed", "Inter", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--font-display: "Anton", sans-serif;--bg-primary: var(--bg);--bg-secondary: var(--bg);--border: var(--ink-faint);--border-light: var(--ink-light);--text-primary: var(--ink);--text-secondary: var(--ink-mid);--text-muted: var(--ink-muted);--accent-aiko: var(--accent)}html,body{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-serif);overflow:hidden}#root{width:100%;height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.75'%20numOctaves%3D'4'%20stitchTiles%3D'stitch'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'200'%20height%3D'200'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E");background-size:200px 200px;opacity:.04;mix-blend-mode:overlay}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px)}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9996;background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(0,0,0,.3) 100%)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#d4c9a826;border-radius:0}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit;border-radius:0}input,select,textarea{font-family:inherit;border-radius:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;transition:background .35s}*:hover::-webkit-scrollbar-thumb{background:#d4c9a82e}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(212,201,168,.18) transparent}.app-root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);position:relative}.desktop-bg{flex:1;overflow:hidden;position:relative;background:var(--bg)}.open-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-muted);pointer-events:none;white-space:nowrap;animation:hintFade 4s ease-in-out infinite}@keyframes hintFade{0%,to{opacity:.35}50%{opacity:.85}}.companion-panel{position:relative;width:100%;background:var(--bg-panel);border-top:1px solid var(--accent);border-radius:0;display:flex;flex-direction:column;z-index:200;flex-shrink:0;overflow:hidden;transition:height .2s ease;animation:panelOpenIn .22s ease-out;transform-origin:bottom center}@keyframes panelOpenIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.scale-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:12px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;z-index:50;opacity:.25;transition:opacity .2s}.scale-handle:hover{opacity:.8}.scale-grip{width:20px;height:1px;background:var(--accent)}.panel-inner{display:flex;flex:1;overflow:hidden;padding-top:12px;min-height:0}.panel-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;border-bottom:1px solid var(--ink-faint);flex-shrink:0;gap:6px;min-height:26px;font-size:11px}.rooms-area{flex:3;position:relative;overflow:hidden;min-height:0}.tele-label{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);line-height:1.7}.tele-label.accent{color:var(--accent)}@media (max-width: 720px){.rooms-area{flex-direction:column;overflow-x:hidden;overflow-y:auto}}