:root{--bg: #14111f;--panel: #221d33;--panel-border: #3a3052;--text: #ece8f5;--muted: #a79fc0;--accent: #ffd166}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:baseline;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--panel-border);flex:0 0 auto}.logo{font-size:1.1rem;margin:0;letter-spacing:.04em}.tag{font-size:.8rem;color:var(--muted)}.stage{flex:1 1 auto;position:relative;min-height:0}.room-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.room-canvas canvas{display:block;width:100%;height:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;max-width:420px;width:100%}.modal h2{margin:0 0 .5rem}.modal p{margin:0 0 .75rem;line-height:1.5}.hint{color:var(--muted);font-size:.85rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:.6rem 1.1rem;background:var(--accent);color:#2a2010;font-weight:600;cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.centered{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:.5rem}.muted{color:var(--muted)}.error{color:#ff8a8a;font-size:.9rem}.spacer{flex:1 1 auto}.who{color:var(--muted);font-size:.85rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.5rem}.login{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.login input{padding:.65rem .8rem;border-radius:8px;border:1px solid var(--panel-border);background:#1a1726;color:var(--text);font-size:1rem}.login .logo{margin:0}.list-wrap{height:100%;display:flex;flex-direction:column}.list-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--panel-border);flex:0 0 auto}.field{padding:.65rem .8rem;border-radius:8px;border:1px solid var(--panel-border);background:#1a1726;color:var(--text);font-size:1rem;width:100%}.modal .field{margin-bottom:.6rem}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;overflow-y:auto;flex:1 1 auto;min-height:0}.room-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1rem;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.4rem}.room-card:active{transform:translateY(1px)}.room-thumb{font-size:2.2rem}.room-name{font-weight:600}.room-theme{color:var(--muted);font-size:.8rem}.back-btn{position:absolute;top:.6rem;left:.6rem;z-index:5;background:#00000073;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.modal.wide{max-width:720px;max-height:80vh;overflow-y:auto}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:.75rem}.asset-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;image-rendering:auto}.asset-video{width:100%;border-radius:6px;margin-bottom:.5rem}