:root{--ground:#0f0a24;--ground-2:#160e33;--ground-3:#1e1442;--line:#33246b;--text:#ece9fb;--muted:#9a8fcb;--accent:#f84cde;--aqua:#20ecc8;--violet:#673cef;--sidebar-w:300px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ground);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app{display:flex;width:100vw;height:100vh}.stage{position:relative;flex:1 1;min-width:0;overflow:hidden;background:var(--ground)}.game-root{position:absolute;inset:0}.game-root canvas{display:block;width:100%!important;height:100%!important}.sidebar{width:var(--sidebar-w);flex:none;height:100vh;display:flex;flex-direction:column;background:var(--ground-2);border-right:1px solid var(--line)}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px;font-weight:800;font-size:18px;letter-spacing:-.01em;border-bottom:1px solid var(--line)}.sb-logo{color:var(--aqua)}.sb-space{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ground);background:var(--aqua);border-radius:5px;padding:3px 7px}.sb-section{padding:14px 16px;border-bottom:1px solid var(--line)}.sb-title{margin:0 0 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.sb-count{background:var(--ground-3);border:1px solid var(--line);border-radius:100px;padding:1px 8px;color:var(--aqua)}.sb-people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:28vh;overflow-y:auto}.sb-people li{display:flex;align-items:center;gap:9px;font-size:14px}.sb-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.sb-name{color:var(--text)}.sb-you{color:var(--muted)}.sb-zone{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--aqua);background:var(--ground-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.sb-empty{color:var(--muted);font-size:13px}.sb-chat{min-height:0;border-bottom:none}.sb-chat,.sb-log{flex:1 1;display:flex;flex-direction:column}.sb-log{overflow-y:auto;gap:7px;padding-right:4px}.sb-msg{margin:0;font-size:14px;line-height:1.4;word-break:break-word}.sb-msg-name{font-weight:700}.sb-form{display:flex;gap:8px;margin-top:10px}.sb-form input{flex:1 1;min-width:0;background:var(--ground);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px}.sb-form input:focus{outline:2px solid var(--aqua);outline-offset:1px}.sb-form button{background:var(--accent);color:var(--ground);border:none;border-radius:8px;width:42px;font-size:15px;cursor:pointer}.sb-help{padding:12px 16px;font-size:11.5px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}.ml-top{position:absolute;top:12px;left:0;right:0;flex-direction:column;align-items:center;pointer-events:none;z-index:5}.ml-tiles,.ml-top{display:flex;gap:8px}.ml-tiles{flex-wrap:wrap;justify-content:center;max-width:92%}.ml-bottom{position:absolute;bottom:16px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:5}.ml-screens:empty{display:none}.ml-screens{display:flex;gap:10px;justify-content:center;max-width:92%}.ml-screen{position:relative;width:min(560px,46vw);border:1px solid var(--aqua);border-radius:10px;overflow:hidden;background:#000;box-shadow:0 14px 40px rgba(0,0,0,.5)}.ml-screen video{width:100%;display:block}.ml-tile{position:relative;width:120px;height:84px;border-radius:10px;overflow:hidden;background:var(--ground-2);border:1px solid var(--line);flex:none;box-shadow:0 8px 22px rgba(0,0,0,.4)}.ml-tile.self{border-color:var(--accent)}.ml-tile video{width:100%;height:100%;object-fit:cover}.ml-tile.self video{transform:scaleX(-1)}.ml-tile-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:var(--aqua);background:radial-gradient(circle at 50% 40%,#241852,var(--ground-2))}.ml-tile-name{position:absolute;left:6px;bottom:5px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--text);background:#0f0a24cc;padding:2px 6px;border-radius:5px}.ml-controls{display:flex;gap:8px;padding:8px;background:#0f0a24cc;border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.ml-controls button{width:46px;height:46px;font-size:18px;border-radius:10px;border:1px solid var(--line);background:var(--ground-2);color:var(--text);cursor:pointer}.ml-controls button:hover{border-color:var(--aqua)}.ml-controls button.on{background:var(--accent);border-color:var(--accent)}.ml-audio-gate{background:var(--aqua);color:var(--ground);border:none;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;pointer-events:auto}.ml-note{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);background:#0f0a24cc;padding:4px 10px;border-radius:6px}.ml-note.err{color:var(--accent)}.ml-zoom{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;z-index:5}.ml-zoom button{width:40px;height:40px;font-size:22px;line-height:1;font-weight:700;border-radius:10px;border:1px solid var(--line);background:#0f0a24cc;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ml-zoom button:hover{border-color:var(--aqua)}.ml-edit-toggle{position:absolute;top:14px;right:14px;width:44px;height:44px;font-size:20px;border-radius:10px;border:1px solid var(--line);background:#0f0a24cc;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6}.ml-edit-toggle:hover{border-color:var(--aqua)}.ml-edit-toggle.on{background:var(--accent);border-color:var(--accent)}.ml-editor{position:absolute;top:66px;right:14px;width:320px;max-height:calc(100vh - 90px);gap:8px;background:var(--ground-2);border:1px solid var(--line);border-radius:12px;z-index:6;box-shadow:0 18px 50px rgba(0,0,0,.5)}.ml-editor.wide{width:560px}.ml-editor h3{margin:0 0 10px;font-size:14px}.ml-edit-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:12px}.ml-edit-tabs button{padding:7px 6px;font-size:12px;border-radius:7px;border:1px solid var(--line);background:var(--ground);color:var(--text);cursor:pointer}.ml-edit-tabs button.sel{background:var(--violet);border-color:var(--violet)}.ml-edit-tabs button.wide{grid-column:1/-1}.ml-swatch img{image-rendering:pixelated;display:block;max-width:30px;max-height:30px;width:auto;height:auto}.ml-search{border-radius:7px;padding:7px 10px;font-size:13px;margin-bottom:8px}.ml-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.ml-cats button{font-size:10.5px;padding:4px 8px;border-radius:100px;border:1px solid var(--line);background:var(--ground);color:var(--muted);cursor:pointer}.ml-cats button.sel{background:var(--violet);border-color:var(--violet);color:var(--text)}.ml-edit-pal{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin-bottom:12px;max-height:230px;overflow-y:auto;padding-right:4px}.ml-swatch{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:7px;border:1px solid var(--line);background:var(--ground);cursor:pointer;aspect-ratio:1}.ml-swatch span{display:block}.ml-swatch.sel{border-color:var(--aqua);box-shadow:0 0 0 2px var(--aqua) inset}.ml-swatch.eraser{color:var(--muted);font-size:16px}.ml-upload{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ml-upload button{flex:1 1;padding:8px;font-size:12px;border-radius:8px;border:1px dashed var(--line);background:var(--ground);color:var(--text);cursor:pointer}.ml-upload button:hover{border-color:var(--aqua)}.ml-upload label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:3px}.ml-edit-actions{display:flex;gap:8px}.ml-edit-actions button{flex:1 1;padding:9px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--line);background:var(--ground);color:var(--text);cursor:pointer}.ml-edit-actions .ml-save{background:var(--aqua);border-color:var(--aqua);color:var(--ground)}.ml-edit-actions button:disabled{opacity:.6;cursor:default}.ml-edit-hint{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.gate-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-image:radial-gradient(120% 80% at 80% -10%,rgba(103,60,239,.18),transparent 60%)}.brand{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--aqua)}.join{display:flex;flex-direction:column;gap:14px;width:320px;max-width:100%;background:var(--ground-2);border:1px solid var(--line);border-radius:14px;padding:28px}.join h1{margin:0;font-size:26px;letter-spacing:-.02em}.join p{margin:0;color:var(--muted);font-size:14px}.join input{background:var(--ground);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px 14px;font-size:15px}.join input:focus{outline:2px solid var(--aqua);outline-offset:1px}.join button{background:var(--accent);color:#0f0a24;border:none;border-radius:8px;padding:12px 14px;font-weight:700;font-size:15px;cursor:pointer}.join button:hover{filter:brightness(1.06)}.ml-editor{width:340px;max-height:calc(100vh - 24px);top:12px;right:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.ml-ed-head{display:flex;align-items:center;justify-content:space-between}.ml-ed-head strong{font-size:15px}.ml-ed-tool{display:flex;gap:4px}.ml-ed-tool button{font-size:11px;padding:5px 9px;border-radius:7px;border:1px solid var(--line);background:var(--ground);color:var(--muted);cursor:pointer}.ml-ed-tool button.on{background:var(--violet);border-color:var(--violet);color:#fff}.ml-search{width:100%;box-sizing:border-box;background:var(--ground);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:10px 12px;font-size:14px}.ml-search:focus{outline:2px solid var(--aqua);outline-offset:1px}.ml-catsel{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:9px 10px}.ml-catsel,.ml-expand{background:var(--ground);font-size:13px;cursor:pointer}.ml-expand{padding:5px 8px;border-radius:7px;border:1px solid var(--line);color:var(--muted)}.ml-expand:hover{border-color:var(--aqua);color:var(--text)}.ml-filters{display:flex;gap:6px}.ml-filters .ml-catsel{flex:1 1;min-width:0}.ml-sizes{display:flex;gap:5px}.ml-sizes button{flex:1 1;font-size:11px;padding:5px 4px;border-radius:7px;border:1px solid var(--line);background:var(--ground);color:var(--muted);cursor:pointer}.ml-sizes button.on{background:var(--violet);border-color:var(--violet);color:#fff}.ml-above{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer;padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:var(--ground)}.ml-above strong{color:var(--text);font-weight:600}.ml-above input{accent-color:var(--violet)}.ml-rail{display:flex;flex-direction:column;gap:4px}.ml-rail-h{font-size:11px;color:var(--muted);font-weight:600}.ml-rail-row{display:grid;grid-auto-flow:column;grid-auto-columns:60px;grid-auto-rows:60px;grid-gap:6px;gap:6px;overflow-x:auto;padding-bottom:4px}.ml-grid{display:grid;grid-template-columns:repeat(auto-fill,64px);grid-auto-rows:64px;justify-content:space-between;grid-gap:8px 6px;gap:8px 6px;overflow-y:auto;flex:1 1;min-height:140px;padding-right:4px;align-content:start}.ml-cell{position:relative;width:64px;height:64px;padding:0;border-radius:9px;border:1px solid var(--line);background:var(--ground);color:var(--muted);cursor:pointer;overflow:hidden}.ml-rail-row .ml-cell{width:60px;height:60px}.ml-cell.sel,.ml-cell:hover{border-color:var(--aqua)}.ml-cell.sel{box-shadow:0 0 0 2px var(--aqua) inset;background:var(--ground-3)}.ml-cell-img{position:absolute;inset:5px;display:flex;align-items:center;justify-content:center;font-size:22px}.ml-cell-img img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;display:block}.ml-fav{position:absolute;top:1px;right:1px;width:18px;height:18px;padding:0;line-height:1;font-size:12px;border:none;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s}.ml-cell:hover .ml-fav{opacity:.85}.ml-fav.on{opacity:1}.ml-fav.on,.ml-fav:hover{color:var(--aqua)}.ml-count{font-size:11px;color:var(--muted);text-align:center}