@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#efebe3;--surface-hover:#ece7dd;--text:#1f1d1a;--muted:#5d584f;--accent:#6b3fa0;--accent-text:#fff;--accent-soft:#6b3fa01f;--gold:#8a6512;--gold-soft:#c59b272e;--danger:#a3261f;--danger-text:#fff;--success:#2e7d32;--warning:#b45309;--border:#d9d4c9;--focus-ring:#6b3fa0;--radius:8px;--radius-lg:16px;--shadow-card:0 1px 2px #1f1d1a0f, 0 8px 24px -12px #1f1d1a2e;--shadow-float:0 4px 16px -2px #1f1d1a33;--shadow-dialog:0 20px 32px -8px #1f1d1a59;--grid-line:#1f1d1a0d;--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#17151a;--surface:#221f27;--surface-2:#1d1b20;--surface-hover:#2d2934;--text:#ece8f2;--muted:#b3acbf;--accent:#b48cf0;--accent-text:#17151a;--accent-soft:#b48cf024;--gold:#eec14b;--gold-soft:#c59b272e;--danger:#ff8a80;--danger-text:#17151a;--success:#66bb6a;--warning:#ffb74d;--border:#3a3542;--focus-ring:#b48cf0;--shadow-card:inset 0 1px 0 0 #ffffff0a, 0 12px 28px -6px #00000080;--shadow-float:inset 0 1px 0 0 #ffffff0d, 0 4px 16px -2px #00000059;--shadow-dialog:0 20px 32px -8px #000000d9;--grid-line:#ffffff08;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);min-height:100vh;color:var(--text);background-size:48px 48px;margin:0}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:700;line-height:2.5rem}h2{margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.75rem}@media (width<=767px){h1{font-size:1.625rem;line-height:2.125rem}}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px;font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.subtitle{color:var(--muted);margin:0}.hint{color:var(--muted);margin:0;font-size:.875rem}a{color:var(--accent);font-weight:500}:is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button{min-height:40px;font:inherit;color:var(--accent-text);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9375rem;font-weight:600;transition:filter .15s,background-color .15s;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.secondary:hover:not(:disabled){background:var(--surface-hover);filter:none}button.danger{color:var(--danger-text);background:var(--danger)}button.ghost-danger{color:var(--danger);border-color:var(--border);background:0 0}form{gap:6px;margin-bottom:16px;display:grid}label{letter-spacing:.01em;margin-top:10px;font-size:.8125rem;font-weight:600}input,textarea{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}input:focus-visible,textarea:focus-visible{border-color:var(--accent)}input[aria-invalid=true]{border-color:var(--danger)}textarea{resize:vertical}form button[type=submit]{margin-top:12px}.error{color:var(--danger);margin:4px 0;font-size:.875rem}ul.error{padding-left:20px}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 24px;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-accent{color:var(--accent)}.brand-mark{border-radius:var(--radius);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);place-items:center;display:inline-grid}.nav-link{border-radius:var(--radius);color:var(--muted);padding:8px 12px;text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text);background:var(--surface-hover)}.page{max-width:1200px;margin:32px auto;padding:0 32px}@media (width<=767px){.page{margin:16px auto;padding:0 16px}.topbar{padding:10px 16px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.two-cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}@media (width<=1023px){.two-cols{grid-template-columns:1fr}}.breadcrumb{margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:420px;box-shadow:var(--shadow-card);margin:48px auto;padding:32px}.card h1{font-size:1.5rem;line-height:2rem}.auth-brand{text-align:center;justify-items:center;gap:8px;margin-bottom:8px;display:grid}.auth-brand .brand-mark{width:48px;height:48px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.card-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-content:start;gap:12px;padding:20px;transition:border-color .15s,transform .15s;display:grid;position:relative}.card-item:hover{border-color:var(--accent)}.card-item h2{margin:0;font-size:1.125rem}.card-link{color:var(--text);text-decoration:none}.card-link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.card-new{text-align:center;min-height:180px;box-shadow:none;background:0 0;border-style:dashed;place-items:center;gap:8px;display:grid}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);padding:32px}.notice{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);margin:0 0 24px;padding:12px 16px}.beta-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.usage{gap:6px;min-width:220px;display:grid}.usage-head{justify-content:space-between;font-size:.8125rem;font-weight:600;display:flex}.meter{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.meter>span{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:999px;height:100%;display:block}.badge{letter-spacing:.04em;border:1px solid var(--border);color:var(--muted);background:var(--surface-2);border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-owner{color:var(--gold);background:var(--gold-soft);border-color:#0000}.badge-gm{color:var(--accent);background:var(--accent-soft);border-color:#0000}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:700;display:inline-grid}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:24px 0;display:flex;overflow-x:auto}.tab{color:var(--muted);border-radius:var(--radius) var(--radius) 0 0;background:0 0;border-bottom:3px solid #0000}.tab:hover:not(:disabled){background:var(--surface-hover);filter:none}.tab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--accent-soft)}.count{background:var(--surface-2);min-width:22px;color:var(--muted);border-radius:999px;padding:0 6px;font-size:.75rem}.danger-zone{background:var(--surface);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:20px;display:flex}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.dialog{width:min(460px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);gap:12px;padding:24px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog h2{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important}}[role=tabpanel] .list{margin-top:16px}.room-item{padding:18px 20px;font-weight:600;position:relative}.room-item:hover{border-color:var(--accent)}.map-view{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);width:100%;margin:0;position:relative;overflow:hidden}.map-view img,.map-view svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius-lg);gap:4px;margin-bottom:24px;padding:24px;display:grid}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone p{margin:0}.map-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.map-thumb{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:100%}.select{min-height:44px;font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.board{gap:12px;display:grid}.banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin:0;padding:8px 12px;font-size:14px}.banner.warning{border-color:var(--warning);color:var(--warning)}.board-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.board-layout[hidden]{display:none}@media (width<=900px){.board-layout{grid-template-columns:minmax(0,1fr)}}.board-main{gap:8px;min-width:0;display:grid}.board-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-toolbar button{min-width:40px}.board-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);touch-action:none;height:min(70vh,720px);min-height:320px;position:relative;overflow:hidden}.board-frame.read-only{opacity:.75}.board-side{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);gap:12px;padding:16px;display:grid}.side-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px}.token-list,.presence{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.token-item{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex}.token-item:hover{background:var(--surface-hover)}.token-item[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.token-item .hint{margin-left:auto}.token-dot{border:2px solid var(--surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none}.presence li{align-items:center;gap:8px;display:flex}.presence .dot{background:var(--border);border-radius:50%;width:8px;height:8px}.presence .dot.online{background:var(--success)}.panel-form{border-top:1px solid var(--border);gap:6px;padding-top:12px;display:grid}.panel-form h3{margin:0;font-size:16px}.panel-form input[type=color]{width:56px;height:36px;padding:2px}.panel-form .row>div{gap:4px;display:grid}.conn-chip{border:1px solid var(--border);color:var(--warning);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px}.conn-chip.live{color:var(--success)}
