:root{--bg: #0a0d10;--panel: #12161a;--panel-2: #1a2026;--ink-0: #f2f5f7;--ink-1: #9aa7b2;--ink-2: #5d6a75;--accent: #00e5ff;--bad: #ff4d5e;--radius: 6px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink-0);font-family:var(--font);overflow:hidden;overscroll-behavior:none}.carta-app{display:grid;grid-template-rows:auto auto 1fr;height:100%}.carta-header{display:flex;align-items:center;gap:16px;padding:8px 14px;background:var(--panel);border-bottom:1px solid #232a31}.carta-brand{margin:0;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.carta-mapname{color:var(--ink-1);font-size:13px}.carta-ghost{margin-left:auto;background:none;border:1px solid #2b333b;color:var(--ink-1);border-radius:var(--radius);padding:4px 10px;font-size:12px;cursor:pointer}.carta-ghost:hover{color:var(--ink-0);border-color:var(--accent)}.carta-roster{display:flex;align-items:center;gap:12px}.carta-status{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.carta-status.is-open{color:#3ddc84}.carta-status.is-reconnecting{color:#ffd23f}.carta-status.is-closed{color:var(--bad)}.carta-players{display:flex;gap:10px;list-style:none;margin:0;padding:0}.carta-player{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-1)}.carta-dot{width:8px;height:8px;border-radius:50%}.carta-you{font-size:10px;color:var(--ink-2);text-transform:uppercase}.carta-alone{margin:0;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.carta-toolbar{display:flex;align-items:center;gap:20px;padding:6px 14px;background:var(--panel-2);border-bottom:1px solid #232a31}.carta-tools{display:flex;gap:4px}.carta-tool{display:flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--ink-1);padding:5px 10px;font-size:12px;cursor:pointer}.carta-tool:hover{background:#00e5ff0f;color:var(--ink-0)}.carta-tool.is-active{background:#00e5ff1f;border-color:var(--accent);color:var(--ink-0)}.carta-key{font-family:var(--mono);font-size:10px;color:var(--ink-2)}.carta-colors{display:flex;gap:4px}.carta-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.carta-swatch.is-active{border-color:var(--ink-0)}.carta-stage{position:relative;min-height:0}.carta-canvas{display:block;width:100%;height:100%;touch-action:none;transition:opacity .15s}.carta-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.carta-inspector,.carta-history{position:absolute;top:12px;right:12px;width:260px;max-height:calc(100% - 24px);overflow-y:auto;background:#12161af0;border:1px solid #2b333b;border-radius:var(--radius);padding:12px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carta-history{right:284px}.carta-inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.carta-inspector-head h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.carta-inspector-head button{background:none;border:1px solid #3a2429;color:var(--bad);border-radius:var(--radius);padding:3px 8px;font-size:11px;cursor:pointer}.carta-field{display:block;margin-bottom:10px}.carta-field>span,.carta-field>legend{display:block;margin-bottom:4px;color:var(--ink-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.carta-field-inline{display:flex;align-items:center;gap:6px}.carta-field-inline>span{margin:0;text-transform:none}.carta-field input:not([type=checkbox]):not([type=range]):not([type=file]),.carta-field select{width:100%;background:#0d1115;border:1px solid #2b333b;border-radius:var(--radius);color:var(--ink-0);padding:6px 8px;font-size:12px;font-family:inherit}.carta-field input:focus,.carta-field select:focus{outline:none;border-color:var(--accent)}.carta-provenance{margin-top:12px;padding-top:10px;border-top:1px solid #232a31;color:var(--ink-2);font-size:11px;line-height:1.6}.carta-history h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.carta-history-list{list-style:none;margin:0;padding:0}.carta-history-row{display:grid;grid-template-columns:auto auto 1fr;gap:6px;padding:4px 0;border-bottom:1px solid #1c2228;font-size:11px}.carta-history-when{font-family:var(--mono);color:var(--ink-2)}.carta-history-who{color:var(--ink-0)}.carta-history-what{color:var(--ink-1)}.carta-join{max-width:360px;margin:12vh auto;padding:24px;background:var(--panel);border:1px solid #232a31;border-radius:10px}.carta-join h1{margin:0 0 18px;font-size:20px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.carta-join button[type=submit]{width:100%;background:var(--accent);border:none;border-radius:var(--radius);color:#06181c;padding:9px;font-weight:600;font-size:13px;cursor:pointer}.carta-join button[type=submit]:disabled{opacity:.4;cursor:not-allowed}.carta-upload{margin-top:18px;padding-top:16px;border-top:1px solid #232a31}.carta-join fieldset{border:none;padding:0;margin:0 0 10px}.carta-dim{color:var(--ink-2);font-family:var(--mono);font-size:11px}.carta-error{color:var(--bad);font-size:12px}.carta-banner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#ff4d5e24;border:1px solid var(--bad);color:var(--ink-0);border-radius:var(--radius);padding:8px 14px;font-size:12px}.carta-gate{text-align:left}.carta-gate-lede{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--ink-1)}.carta-gate-lede strong{color:var(--ink-0);font-weight:600}.carta-gate-quiet{color:var(--ink-2);font-size:12px}.carta-gate-foot{margin:14px 0 0;padding-top:12px;border-top:1px solid #232a31}.carta-gate-action{display:inline-block;width:100%;background:var(--accent);border:none;border-radius:var(--radius);color:#06181c;padding:9px;font-weight:600;font-size:13px;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer}.carta-gate-action:disabled{opacity:.4;cursor:not-allowed}.carta-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;background:#fff;color:#1f1f1f;border-radius:var(--radius);font-size:14px;font-weight:500;text-decoration:none}.carta-google:hover{background:#f1f3f4}.carta-page{height:100%;display:grid;grid-template-rows:auto 1fr}.carta-page-head{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--panel);border-bottom:1px solid #232a31}.carta-page-body{overflow-y:auto;padding:22px 18px 60px;max-width:720px;width:100%;margin:0 auto}.carta-me{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}.carta-me-name{color:var(--ink-0)}.carta-avatar{width:22px;height:22px;border-radius:50%}.carta-tag{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid rgba(0,229,255,.4);border-radius:3px;padding:1px 5px}.carta-section{margin-bottom:28px}.carta-section h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.carta-cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}.carta-card{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid #232a31;border-radius:var(--radius);padding:10px 14px}.carta-card:hover{border-color:#2f3a43}.carta-card-link{display:flex;align-items:baseline;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}.carta-card-name{font-size:14px;color:var(--ink-0);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carta-card-meta{font-family:var(--mono);font-size:11px;color:var(--ink-2);white-space:nowrap}.carta-newmap{max-width:380px}.carta-invites{position:absolute;top:12px;left:12px;width:300px;max-height:calc(100% - 24px);overflow-y:auto;background:#12161af0;border:1px solid #2b333b;border-radius:var(--radius);padding:12px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carta-invites h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.carta-invites h2+*{margin-top:0}.carta-invites .carta-gate-action{margin:4px 0 6px}.carta-member-list,.carta-invite-list{list-style:none;margin:0 0 18px;padding:0}.carta-member{display:flex;align-items:center;gap:8px;padding:4px 0}.carta-member-dot{width:10px;height:10px;border-radius:50%;flex:none}.carta-member-name{color:var(--ink-0)}.carta-member .carta-dim{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.carta-invite{display:grid;gap:4px;padding:8px 0;border-top:1px solid #232a31}.carta-invite.is-dead{opacity:.45}.carta-invite-url{font-family:var(--mono);font-size:10px;color:var(--ink-1);word-break:break-all;-webkit-user-select:all;user-select:all}.carta-invite-actions{display:flex;gap:6px}.carta-versions{position:absolute;top:12px;left:12px;width:300px;max-height:calc(100% - 24px);overflow-y:auto;background:#12161af0;border:1px solid #2b333b;border-radius:var(--radius);padding:12px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carta-versions h2{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.carta-newversion{display:grid;gap:8px;margin:12px 0 4px;padding-bottom:12px;border-bottom:1px solid #232a31}.carta-version-list{list-style:none;margin:0;padding:0}.carta-version{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #232a31}.carta-version.is-viewing{box-shadow:inset 2px 0 0 var(--accent);padding-left:8px}.carta-version-head{display:flex;align-items:center;gap:8px}.carta-version-label{color:var(--ink-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carta-version-meta{font-family:var(--mono);font-size:10px}.carta-version-warn{margin:2px 0;font-family:var(--mono);font-size:10px;line-height:1.5;color:#d8a657}.carta-version-actions{display:flex;gap:6px;margin-top:3px}.carta-historic{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 12px;font-size:12px;color:var(--ink-0);background:#1e1a12f2;border:1px solid #6a5326;border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.carta-historic button{pointer-events:auto}.carta-back{color:var(--ink-1);text-decoration:none;font-size:16px;line-height:1}.carta-back:hover{color:var(--accent)}.carta-ghost-tight{margin-left:0}