:root{--bg: #0e0b1a;--bg-2: #161229;--panel: #1c1733;--panel-2: #241d40;--ink: #ece8ff;--muted: #9b93c4;--accent: #b98bff;--accent-2: #6fd1ff;--gm: #ffb86b;--player: #6fd18b;--am: #b98bff;--danger: #ff7a90;--ok: #6fd18b;--warn: #ffd166;--radius: 14px;--border: 1px solid rgba(255, 255, 255, .07);--font-scale: 1;--touch-min: max(44px, calc(2.933rem * var(--font-scale)));--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-h: 100vh;--app-h: 100svh;color-scheme:dark}*{box-sizing:border-box}html{font-size:calc(15px * var(--font-scale));-webkit-text-size-adjust:100%}html,body{height:100%;margin:0;overflow:hidden;overflow-x:hidden;overscroll-behavior:none}#root{height:100%;height:var(--app-h);overflow:hidden;display:flex;flex-direction:column;min-height:0}body{font-size:1rem;line-height:1.45;background:radial-gradient(1200px 800px at 80% -10%,#2a2150 0%,var(--bg) 55%);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Georgia,Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer;border:var(--border);background:var(--panel-2);color:var(--ink);padding:8px 14px;border-radius:10px;min-height:var(--touch-min);transition:transform .05s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover{background:#2f2752}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.help-tip-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:linear-gradient(180deg,var(--accent),#8a5cf0);border-color:transparent;color:#150f2b;font-weight:600}button.primary:hover{filter:brightness(1.07)}button.ghost{background:transparent}input,select,textarea{font:inherit;font-size:max(16px,1.06667rem);width:100%;background:#120e24;color:var(--ink);border:var(--border);border-radius:10px;padding:9px 11px}textarea{resize:vertical}.join{min-height:100%;display:grid;place-items:center;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.join--embedded{min-height:0;height:100%;display:block;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.join--embedded .join-card.join-home{width:100%;max-width:100%;margin:0 auto;border-radius:0;border-left:none;border-right:none;min-height:0;min-width:0;box-shadow:none;box-sizing:border-box;padding-bottom:max(28px,calc(20px + var(--safe-bottom)))}.join-card{width:min(560px,92vw);background:linear-gradient(180deg,var(--panel),var(--bg-2));border:var(--border);border-radius:20px;padding:28px;box-shadow:0 30px 80px #00000073}.join-card h1{margin:0 0 4px;font-size:clamp(26px,5vw,34px);letter-spacing:.5px}.join-card .sub{color:var(--muted);margin:0 0 20px;line-height:1.45}.field{display:block;margin:14px 0}.field>span{display:block;color:var(--muted);font-size:.866667rem;margin-bottom:6px}.field.check{display:flex;align-items:center;gap:8px}.field.check input{width:auto}.roles{display:grid;gap:8px}.roles .help-tip-wrap{display:block;width:100%}.roles .help-tip-wrap .role-pick{width:100%}.role-pick{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-height:var(--touch-min)}.role-pick strong{font-size:1rem}.role-pick em{color:var(--muted);font-style:normal;font-size:.8rem}.role-pick.active{border-color:var(--accent);box-shadow:0 0 0 2px #b98bff40 inset}.join-actions{margin-top:18px;display:grid;gap:12px}.or{text-align:center;color:var(--muted)}.join-existing{display:flex;gap:8px}.join-existing input{text-transform:uppercase;letter-spacing:3px}.signed-in{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.866667rem;margin-bottom:6px}.signed-in strong{color:var(--ink)}button.small{padding:8px 12px;font-size:.8rem;min-height:36px}.pill.user{color:var(--accent-2)}.am-status{margin-top:18px;color:var(--muted);font-size:.866667rem}.am-status .ok{color:var(--ok)}.am-status .warn{color:var(--warn)}.error{margin-top:12px;color:var(--danger)}.join-card.join-home{width:min(960px,96vw)}.home-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:var(--border)}.home-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-section{margin:18px 0;padding-top:4px;border-top:var(--border)}.home-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.home-empty{margin:12px 0 4px;font-size:.866667rem;line-height:1.45}.section-title{font-size:1rem;margin:0 0 10px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.5px}.campaign-section{margin:0;padding-top:0;border-top:none}.campaign-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.campaign-card{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;background:#120e24;border:var(--border);border-radius:12px;padding:12px 14px}.campaign-card.live{border-color:#6fd18b59}.campaign-main{flex:1;min-width:0}.campaign-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.campaign-title-row strong{font-size:1rem}.pill.code{font-family:ui-monospace,monospace;letter-spacing:2px}button.pill.code--copy{cursor:pointer;border:var(--border);font:inherit;color:inherit}button.pill.code--copy:hover{background:var(--panel-2)}button.pill.code--copy.code--copied{color:var(--ok);border-color:#6fd18b59}.pill.live-pill{animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{50%{opacity:.75}}.campaign-branch{font-size:.866667rem;color:var(--gm);margin:4px 0}.campaign-scene{font-size:.8rem;margin:4px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaign-seats{font-size:.8rem;margin:6px 0 2px}.campaign-meta{font-size:.733333rem;margin:0}.campaign-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-self:center}.campaign-card>button{flex-shrink:0;align-self:center}button.danger{color:var(--danger);border-color:#ff787859}button.danger:hover{background:#ff50501f}.home-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(111,209,139,.35);background:#6fd18b1a;color:var(--ok);font-size:.866667rem;line-height:1.45}.home-shell{height:100vh;height:var(--app-h);min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-shell-bar{position:sticky;top:0;z-index:200;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));border-bottom:var(--border);background:#0a0814eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.app-nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}.app-nav-tab{padding:8px 14px;border-radius:999px;border:var(--border);background:var(--panel-2);color:var(--muted);font-size:.866667rem;cursor:pointer}.app-nav-tab.active{color:var(--ink);border-color:var(--accent);background:#8c78ff26}.home-shell-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px max(16px,var(--safe-right)) max(24px,var(--safe-bottom)) max(16px,var(--safe-left))}.home-shell--game .home-shell-body{flex:1;min-height:0;overflow:hidden;overscroll-behavior:none;padding:0;display:flex;flex-direction:column;background:var(--bg)}.home-shell--game .join--embedded{flex:1;min-height:0;width:100%;max-width:100%;height:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--bg)}.home-shell--chatter .home-shell-body{padding:0;overflow:hidden;display:flex;flex-direction:column}.home-shell--chatter .chatter-page{flex:1;min-height:0;width:100%;max-width:none;margin:0;display:flex;flex-direction:column}.signed-in.compact{font-size:.866667rem;color:var(--muted)}.app-header-compact{display:none;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:var(--touch-min)}.app-header-compact-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.admin-prompt-inspector{margin:12px 0 20px}.admin-prompt-panel{margin-top:12px;padding:14px;border:var(--border);border-radius:var(--radius);background:var(--panel);max-height:min(70dvh,720px);overflow-y:auto}.admin-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-prompt-section{margin:16px 0 8px;font-size:1rem}.admin-prompt-mode{margin:12px 0 6px;color:var(--accent-2);font-size:.875rem}.admin-prompt-block{margin:8px 0}.admin-prompt-block summary{cursor:pointer;color:var(--muted);font-size:.8125rem;margin-bottom:6px}.admin-prompt-pre{white-space:pre-wrap;word-break:break-word;font-size:.75rem;line-height:1.45;max-height:280px;overflow-y:auto;padding:10px;border-radius:8px;background:#00000040;border:var(--border)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--touch-min)}.settings-toggle-label{flex:1;font-size:.9375rem}.settings-switch{position:relative;width:46px;height:26px;border-radius:999px;border:var(--border);background:var(--panel-2);cursor:pointer;flex-shrink:0;padding:0}.settings-switch--on{background:#6fd1ff59;border-color:var(--accent-2)}.settings-switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .15s ease}.settings-switch--on .settings-switch-knob{transform:translate(20px)}.app-header-wide{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;width:100%}.home-shell-bar.app-header .app-header-wide,.home-shell-bar.app-header .app-header-wide .app-nav{flex:1}.home-shell-bar.app-header .app-header-wide .home-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar.app-header .app-header-wide{justify-content:space-between;gap:8px 12px}.topbar.app-header .app-header-wide .topbar-start{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand--icon-only{padding:4px;min-height:var(--touch-min);min-width:var(--touch-min);justify-content:center}.brand--compact-title .brand-text{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.brand--compact-title .brand-logo{width:28px;height:28px}.msg.roll--subtle{opacity:.92;border-left:3px solid var(--warn);font-size:.866667rem}.dice-subtle-callout{margin:10px 0 12px;border-radius:10px;border:1px dashed rgba(255,184,107,.35);background:#2a211373;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.dice-subtle-callout--on{border-style:solid;border-color:#ffb86ba6;background:#ffb86b1a;box-shadow:0 0 0 1px #ffb86b1f}.dice-subtle-callout--compact{margin:8px 0 0}.dice-subtle-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:inherit;min-height:var(--touch-min)}.dice-subtle-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dice-subtle-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.dice-subtle-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dice-subtle-copy strong{font-size:.866667rem;color:var(--gm);font-weight:600}.dice-subtle-desc{font-size:.75rem;color:var(--muted);line-height:1.35}.dice-subtle-pill{flex-shrink:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,184,107,.35);color:var(--muted)}.dice-subtle-pill--on{color:var(--gm);border-color:#ffb86bbf;background:#ffb86b2e}.dice-subtle-callout--compact .dice-subtle-toggle{padding:8px 10px}.dice-subtle-callout--compact .dice-subtle-copy strong{font-size:.8rem}@keyframes inventoryPulseAdd{0%,to{box-shadow:none;background:inherit}20%,60%{box-shadow:0 0 0 2px #6fd1ff8c;background:#6fd1ff1f}}@keyframes inventoryPulseRemove{0%,to{box-shadow:none;background:inherit}20%,60%{box-shadow:0 0 0 2px #ff7a90a6;background:#ff7a9014}}.table-dock-btn.inventory-pulse-add,.inventory-pulse-add.table-inventory-only,.table-panel-party.inventory-pulse-add{animation:inventoryPulseAdd 2.2s ease}.table-dock-btn.inventory-pulse-remove,.inventory-pulse-remove.table-inventory-only,.table-panel-party.inventory-pulse-remove{animation:inventoryPulseRemove 2.2s ease}.turn-order-strip{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:min(42vw,280px)}.turn-order-seat{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.75rem}.turn-order-seat--active{color:var(--accent-2)}.turn-order-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}.turn-order-seat--active .turn-order-dot{opacity:1;box-shadow:0 0 0 2px #6fd1ff59}.turn-order-name{max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#04030a8c;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.roll-sheet{width:min(480px,100%);max-height:min(70dvh,520px);overflow-y:auto;background:var(--panel);border:var(--border);border-radius:16px 16px 12px 12px;box-shadow:0 16px 48px #00000073;padding:12px 14px 14px}.roll-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.roll-sheet-head h3{margin:0;font-size:.9375rem;font-weight:600}.roll-sheet-close{flex-shrink:0}@media (max-width: 768px){.turn-order-strip{max-width:38vw}.turn-order-name{display:none}.app-header-compact .turn-order-strip{max-width:none;flex:1;justify-content:flex-end}}.mobile-header-menu{position:relative;flex-shrink:0}.mobile-header-menu--open{z-index:10001}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#04030a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.mobile-menu-open .table-mobile-chrome-portal,body.mobile-menu-open .table-mobile-dock,body.mobile-menu-open .table-play-chrome,body.mobile-menu-open .roll-sheet-backdrop,body.mobile-menu-open .chatter-mobile-dock,body.mobile-menu-open .chatter-composer-dock{visibility:hidden;pointer-events:none}.mobile-menu-labeled-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--touch-min)}.mobile-menu-row-label{font-size:.8125rem;color:var(--muted);flex:1;min-width:0}.help-lightbulb-labeled{display:inline-flex;align-items:center;gap:6px}.settings-bar--menu{display:flex;flex-direction:column;gap:4px;width:100%}.settings-form-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-menu-toggle{min-width:var(--touch-min);min-height:var(--touch-min);padding:6px 10px;font-size:1.33333rem;line-height:1}.mobile-menu-toggle.open{color:var(--accent-2);border-color:#6fd1ff59}.mobile-menu-icon{display:block;line-height:1}.mobile-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:10002;min-width:min(280px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-width:min(340px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:min(72dvh,calc(var(--app-h) - var(--safe-top) - 72px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px;border-radius:12px;border:var(--border);background:#0e0a1cfa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;gap:12px}.mobile-menu-section{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:var(--border)}.mobile-menu-section:first-child{padding-top:0;border-top:none}.mobile-menu-panel .app-nav{flex-direction:column;width:100%;gap:6px}.mobile-menu-panel .app-nav-tab{width:100%;text-align:left;justify-content:flex-start;min-height:var(--touch-min)}.app-nav--menu .app-nav-tab-label{font-size:.9375rem}.mobile-menu-user{margin:0;line-height:1.4}.mobile-menu-title{margin:0;font-size:.933333rem;font-weight:600;line-height:1.35;word-break:break-word}.mobile-menu-pills{display:flex;flex-wrap:wrap;gap:6px}.mobile-menu-pills .pill{font-size:.733333rem}.mobile-menu-signout{width:100%;margin-top:4px;color:var(--danger);border-color:#ff787859}.settings-bar--menu{flex-direction:column;align-items:stretch;gap:6px;width:100%}.settings-bar--menu>*{width:100%}.settings-bar--menu button,.settings-bar--menu .font-scale-trigger{width:100%;justify-content:flex-start;text-align:left}.settings-bar--menu .font-scale-panel{position:static;width:100%;margin-top:4px;box-shadow:none}.app-version{margin-left:8px;font-size:.733333rem;font-weight:500;color:var(--muted);vertical-align:middle}.campaign-preset-head{margin-bottom:4px}.campaign-preset-head--create{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.campaign-preset-head--create .section-toggle{flex:1 1 auto;min-width:160px}.create-new-top{flex-shrink:0;margin-left:auto}.campaign-preset-summary{flex:1 1 100%;margin:4px 0 0;font-size:.866667rem}.campaign-preset-summary-row{flex:1 1 100%}.preset-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:12px;padding-top:12px;border-top:var(--border)}.preset-action-bar--inline{margin-top:8px;padding-top:0;border-top:none;flex:1 1 100%}.preset-loaded-note,.preset-pick-note{margin:0;flex:1 1 200px}.campaign-card--selected{border-color:#8c78ff73;box-shadow:0 0 0 1px #8c78ff33}.campaign-card--loaded{border-color:var(--accent)}.campaign-main--selectable{cursor:pointer;border-radius:8px;margin:-4px;padding:4px}.campaign-main--selectable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-create-layout{display:grid;grid-template-columns:1fr minmax(200px,280px);gap:20px;align-items:start;min-width:0;max-width:100%}.home-create-main{min-width:0;max-width:100%}.home-join-aside{padding:14px;border-radius:var(--radius);border:var(--border);background:#120e24}.home-join-aside .section-title{margin:0 0 10px;font-size:1rem}.join-existing--stack{display:flex;flex-direction:column;gap:8px}.join-existing--stack input{width:100%}.home-import-compact{margin-top:14px;padding-top:14px;border-top:var(--border)}.preset-modes-intro{padding:12px 14px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(185,139,255,.35);background:#241d40d9}.preset-modes-intro--home,.preset-modes-intro--home .section-title{margin-top:0}.preset-modes-intro h3{margin:0 0 8px}.preset-modes-intro p{margin:0 0 8px;font-size:.866667rem;line-height:1.45}.cast-chip-player{display:inline-block;font-size:.733333rem;margin-top:4px}.cast-drop-player{flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.733333rem}.cast-drop-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cast-playing-badge{display:inline-block;margin-top:8px}.solo-cast-card--locked{border-color:#6fd18b73}.cast-npc-strip{margin-top:12px;padding:10px 12px;border-radius:var(--radius);border:var(--border);background:#00000026}.cast-npc-list{margin:6px 0 0;padding-left:1.1rem}.admin-cast-char-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.admin-cast-char-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:10px;border:var(--border);background:#120e24}.admin-cast-char-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px}.admin-cast-char-name{font-size:.92rem;word-break:break-word}.admin-cast-char-concept{margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-cast-char-vis{margin:0}.admin-cast-char-vis select{width:100%}.admin-cast-char-hint{margin:0;font-size:.75rem;line-height:1.35;opacity:.85}.admin-cast-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:12px}.admin-cast-preset-field{flex:1 1 220px;margin:0;min-width:0}.admin-cast-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preset-am-search{margin-bottom:12px;min-width:0;max-width:100%}.preset-am-field{min-width:0}.preset-am-row{display:flex;gap:8px;align-items:center;min-width:0;max-width:100%}.preset-am-row input{flex:1;min-width:0;max-width:100%;scroll-margin:0}.preset-am-reply{white-space:pre-wrap;margin:6px 0 0}.preset-am-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-width:100%}.preset-am-suggestion{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;text-align:left;width:100%;max-width:100%;padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24;color:var(--muted);cursor:pointer}.preset-am-suggestion strong{color:var(--ink);font-size:.933333rem}.preset-am-suggestion span{font-size:.8rem;color:var(--accent-2)}.preset-am-suggestion.active{border-color:var(--accent);background:#8c78ff1a}.preset-filter-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;min-width:0;max-width:100%}.preset-random-btn{margin-left:auto}.campaign-card--hidden{opacity:.55;order:1}.char-builder--placeholder{padding:12px 0}.char-builder--placeholder .section-title{margin:0 0 8px}.campaign-preset-body{margin-top:10px;min-width:0;max-width:100%}.campaign-preset-section .section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.preset-tier-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.preset-tier-tabs button{padding:6px 12px;border-radius:999px;border:var(--border);background:var(--panel-2);color:var(--muted);font-size:.8rem;cursor:pointer}.preset-tier-tabs button.active{border-color:var(--accent);color:var(--ink)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.preset-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:10px;border:var(--border);background:#120e24;cursor:pointer;color:var(--muted)}.preset-card.active{border-color:var(--accent);color:var(--ink)}.preset-card strong{color:var(--ink);font-size:.933333rem}.preset-scene{font-size:.733333rem;color:var(--accent)}.preset-blurb{font-size:.8rem;line-height:1.35}.preset-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.preset-tags em{font-style:normal;font-size:.666667rem;padding:2px 6px;border-radius:4px;background:#1a1530;color:var(--muted)}.preset-card-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.preset-card-wrap.active .preset-card{border-color:var(--accent);color:var(--ink)}.preset-card-wrap.loaded .preset-card{border-color:#6fd18b73}.preset-card-actions{display:flex;gap:8px;padding:0 2px 4px}.preset-card-play{width:100%;min-height:var(--touch-min)}.home-cast-setup-anchor{scroll-margin-top:12px}.chatter-page{width:min(100%,1320px);margin:0 auto;font-family:Calibri,Segoe UI,Candara,sans-serif}.chatter-page button,.chatter-page input,.chatter-page textarea{font-family:inherit}.chatter-app{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:0;flex:1;min-height:0;height:100%;border:var(--border);border-radius:12px;overflow:hidden;background:#0e0a1c}.home-shell--chatter .chatter-app{border-radius:0;border-left:none;border-right:none;border-bottom:none}.chatter-app.has-sidecar{grid-template-columns:minmax(140px,220px) 1fr minmax(220px,300px)}.chatter-header-main{flex:1;min-width:0}.chatter-sidecar-toggle{flex-shrink:0;margin-left:auto}.chatter-sidecar{display:flex;flex-direction:column;border-left:var(--border);background:#0f0c1e;min-height:0;overflow:hidden}.chatter-sidecar-head{padding:10px 12px;border-bottom:var(--border);flex-shrink:0}.chatter-sidecar-head h3{margin:0 0 4px;font-size:.933333rem}.chatter-sidecar-log{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px;min-height:0}.chatter-sidecar-empty{margin:8px 0;line-height:1.4}.chatter-sidecar-composer{border-top:var(--border);padding:8px 10px;flex-shrink:0}.chat-bubble--compact{max-width:100%;font-size:.866667rem;padding:8px 10px}.chatter-suggestion-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;flex-shrink:0}.chatter-suggestion-label{flex-shrink:0}.chatter-suggestion-count{display:flex;gap:4px;flex-wrap:wrap}.chatter-suggestion-count button{min-width:2rem;padding:4px 8px;border-radius:999px;font-size:.733333rem;border:var(--border);background:var(--panel-2);color:var(--muted)}.chatter-suggestion-count button.active{border-color:var(--accent);color:var(--ink)}.chatter-reply-chips{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px;flex-shrink:0;max-height:180px;overflow-y:auto}.chatter-reply-chips-hint{margin:0 0 4px}.chatter-reply-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 10px;border-radius:10px;border:var(--border);background:#1a1530;color:var(--muted);width:100%;cursor:pointer}.chatter-reply-chip:hover{border-color:var(--accent);color:var(--ink)}.chatter-reply-chip strong{font-size:.666667rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.chatter-reply-chip span{font-size:.866667rem;line-height:1.35;white-space:pre-wrap}.chatter-reply-chip--prompt{width:100%;justify-content:center;text-align:center;border-style:dashed;opacity:.92}.chatter-reply-chip--prompt strong{display:none}.chatter-reply-chip.primary-chip{border-color:#6fd18b59}.chatter-prompt-chip{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--ink);font-size:.866667rem;line-height:1.35;white-space:pre-wrap;cursor:pointer}.chatter-prompt-chip:hover{border-color:var(--accent)}.chatter-prompt-chip:disabled{opacity:.55;cursor:default}.chatter-inline-choices{display:flex;flex-direction:column;gap:6px;margin-top:10px}.chatter-composer textarea,.chatter-sidecar-composer textarea{resize:none;overflow-y:auto;min-height:2.5rem;line-height:1.35}.chatter-chat-log.thinking{padding-bottom:calc(12px + 3rem)}.chatter-title-toggle{background:none;border:none;padding:0;margin:0;color:inherit;text-align:left;cursor:pointer;width:100%}.chatter-header-main.compact .muted{display:none}.bug-report-modal{width:min(440px,94vw)}.bug-report-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.bug-report-cat{display:flex;align-items:center;gap:6px;padding:8px 10px;border:var(--border);border-radius:8px;cursor:pointer;font-size:.866667rem}.bug-report-cat input{accent-color:var(--accent)}.bug-report-cat.active{border-color:var(--accent);background:#b98bff14}.bug-report-categories{border:none;margin:0 0 12px;padding:0}.bug-report-categories legend{margin-bottom:4px}.crossover-approval-backdrop{z-index:1200}.crossover-approval-modal{width:min(520px,94vw);max-height:min(88dvh,calc(var(--app-h) - 32px));overflow-y:auto}.crossover-approval-kicker{margin:0 0 6px}.crossover-approval-name{margin:0 0 10px;font-size:1.05rem}.crossover-approval-summary{white-space:pre-wrap;font-family:inherit;font-size:.866667rem;line-height:1.45;background:#120e24;border:var(--border);border-radius:8px;padding:10px 12px;margin:0 0 12px}.crossover-approval-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.crossover-approval-note{margin:12px 0 0}.gm-crossover-list{list-style:none;margin:0;padding:0}.gm-crossover-row{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:var(--border)}.gm-crossover-actions{display:flex;flex-wrap:wrap;gap:6px}.chat-bubble--in-character{border-left:3px solid var(--accent-2)}.chat-bubble--probe{border-left:3px solid var(--warn)}.bubble-stance{margin-left:8px;font-style:normal;font-weight:600;color:var(--accent-2);text-transform:none;letter-spacing:0}.chatter-setup-modal{max-width:520px;width:min(96vw,520px)}.chatter-setup-step-title{margin:0 0 6px;font-size:1.05rem}.chatter-setup-hint{margin:0 0 12px}.chatter-setup-field textarea{width:100%;min-height:88px}.chatter-setup-temp{margin-top:12px}.chatter-temp-row{display:flex;align-items:center;gap:10px}.chatter-temp-row input[type=range]{flex:1}.chatter-setup-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.chatter-setup-nav{display:flex;gap:8px;margin-left:auto}.chatter-admin-tabs{display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.chatter-admin-tabs button{flex:1;padding:6px 8px;font-size:.733333rem;border-radius:8px;border:var(--border);background:transparent;color:var(--muted)}.chatter-admin-tabs button.active{border-color:var(--accent);color:var(--ink);background:#1a1530}.chatter-admin-actions{display:flex;gap:6px;flex-shrink:0}.chatter-archived-banner{flex:1 1 100%;margin:0;padding:8px 10px;border-radius:8px;background:#ffd16614;border:1px solid rgba(255,209,102,.2)}.chatter-learning-hint{margin:0 0 8px;padding:6px 10px;border-radius:8px;background:#6fd1ff0f;border:1px solid rgba(111,209,255,.12);flex-shrink:0}.chatter-chat-header{flex-wrap:wrap}.chatter-sidebar{display:flex;flex-direction:column;border-right:var(--border);background:#120e24;padding:10px 8px;overflow:hidden;min-height:0}.chatter-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-shrink:0}.chatter-title{font-size:1rem;margin:0}.chatter-thread-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.chatter-thread-item{width:100%;text-align:left;padding:10px 12px;margin-bottom:4px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--muted);min-height:var(--touch-min)}.chatter-thread-item:hover{background:#1a1530}.chatter-thread-item.active{background:#1e1838;border-color:var(--accent);color:var(--ink)}.chatter-thread-item.rename{cursor:text;padding:6px 8px}.thread-rename-input{width:100%;margin:0;padding:8px 10px;font-size:.933333rem;font-weight:600;border-radius:8px;border:2px solid var(--accent);background:#1a1530;color:var(--ink);min-height:var(--touch-min)}.thread-rename-input:focus{outline:none;box-shadow:0 0 0 3px #b98bff40}.thread-name{display:block;font-weight:600;font-size:.933333rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatter-main-panel{display:flex;flex-direction:column;min-height:0;flex:1;padding:12px 16px;overflow:hidden}.chatter-error{margin-bottom:8px;flex-shrink:0}.chatter-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:520px;margin:0 auto;padding:24px 16px;overflow-y:auto;min-height:0;width:100%}.chatter-quick-prompts{display:flex;flex-wrap:wrap;gap:8px}.chatter-name-form .field-label{font-size:.8rem;color:var(--muted)}.chatter-name-row{display:flex;gap:8px;margin-top:6px;align-items:stretch}.chatter-name-row input{flex:1;min-width:0}.chatter-chat-header{display:flex;align-items:flex-start;gap:10px;padding-bottom:10px;border-bottom:var(--border);margin-bottom:10px;flex-shrink:0}.chatter-back-btn{display:none;flex-shrink:0;margin-top:2px}.chatter-chat-header h2{margin:0;font-size:1.2rem}.chatter-chat-log{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding:8px 4px 12px;min-height:0;-webkit-overflow-scrolling:touch}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.933333rem;line-height:1.45;min-width:0}.chat-bubble.assistant{align-self:flex-start;background:#1e1838;border-bottom-left-radius:4px}.chat-bubble.user,.chat-bubble--self{align-self:flex-end;background:#2a2248;border-bottom-right-radius:4px}.chat-bubble.peer{align-self:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:14px;max-width:78%}.chat-bubble--peer-0{background:#1a2638;border-left:3px solid #6eb5ff}.chat-bubble--peer-1{background:#1f2a1a;border-left:3px solid #8fd96e}.chat-bubble--peer-2{background:#2a1f28;border-left:3px solid #e89fd4}.chat-bubble--peer-3{background:#2a2418;border-left:3px solid #f0c060}.chat-bubble--peer-4{background:#182a2a;border-left:3px solid #6ee0d9}.chat-bubble.system{align-self:center;max-width:95%;font-size:.8rem;background:transparent;color:var(--muted);text-align:center}.chat-bubble.welcome-bubble{max-width:100%}.bubble-label{display:block;font-size:.666667rem;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.bubble-body{margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.bubble-time{display:block;font-size:.666667rem;color:var(--muted);margin-top:6px}.chatter-composer{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:var(--border);flex-shrink:0}.chatter-composer.waiting textarea{opacity:.7}.chatter-composer.started{gap:10px;flex-wrap:wrap}.chatter-composer-status{flex:1 1 100%;font-size:.867rem;text-align:center;padding:4px 0}.chat-bubble.typing{max-width:fit-content;align-self:flex-start}.chat-bubble.typing .bubble-body{display:inline;margin:0}.chat-bubble.typing .caret{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.chatter-rename-hint{flex-shrink:0;margin:8px 4px 0;font-size:.733rem;line-height:1.35}.chatter-chat-header.started h2{margin-bottom:0}.chatter-composer textarea{flex:1;min-height:44px;max-height:min(40vh,200px);resize:none;overflow-y:auto;border-radius:20px;padding:10px 14px;white-space:pre-wrap;word-wrap:break-word;line-height:1.45}.chatter-fork{margin-top:6px;flex-shrink:0}.chatter-fork-panel{padding:10px;border:var(--border);border-radius:10px;background:#120e24;margin-bottom:8px}.chatter-share-panel{padding:12px 14px;border-radius:12px;background:#00000038}.chatter-share-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}.chatter-share-chip{padding:8px 14px;font-size:.866667rem;min-height:36px;border-radius:999px;border:var(--border);background:#120e24;color:var(--ink);cursor:pointer}.chatter-share-chip:hover{border-color:var(--accent-2)}.chatter-share-chip.active{border-color:var(--accent);color:var(--accent-2);background:#8c78ff26}.chatter-archived-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0}.chatter-archived-banner p{margin:0}.confirm-modal-body p{margin:0 0 10px;line-height:1.45}.confirm-modal-body p:last-child{margin-bottom:0}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:var(--border)}button.primary.danger{background:#ff5a6e2e;border-color:#ff787873;color:var(--danger)}button.primary.danger:hover{background:#ff50503d}.fork-picks{display:flex;flex-direction:column;gap:6px;margin:8px 0}.fork-actions{display:flex;gap:8px;flex-wrap:wrap}.check-inline{display:inline-flex;align-items:center;gap:6px;margin-right:12px;font-size:.866667rem}.perm-row{margin:8px 0}.perm-row .label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;width:min(1280px,100%);margin:0 auto;padding:0 12px 24px}.admin-layout--tabs{grid-template-columns:minmax(0,1fr)}.admin-tabs{margin-top:16px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{flex-shrink:0;white-space:nowrap}.admin-tab-body{margin-top:16px;min-width:0}.admin-sub-panel .section-title:first-child,.admin-sub-panel .admin-campaigns-panel>.section-title:first-child,.admin-sub-panel .admin-bugs-panel>.section-title:first-child{margin-top:0}.admin-sub-panel .admin-side-panel,.admin-sub-panel .admin-bugs-panel,.admin-sub-panel .admin-campaigns-panel,.admin-sub-panel .admin-cast-catalog-panel,.admin-sub-panel .admin-personas-panel{border:none;padding:0;background:transparent;max-height:none;overflow:visible}.admin-sub-panel .admin-prompt-inspector{margin:0}.admin-bugs-panel--embedded .admin-bug-list,.admin-campaigns-panel--embedded .admin-campaign-list{max-height:min(560px,calc(var(--app-h) - 280px))}@media (min-width: 900px){.admin-layout:not(.admin-layout--tabs){grid-template-columns:minmax(0,1fr) minmax(260px,320px)}}.admin-main-col,.admin-aside-col{display:flex;flex-direction:column;gap:16px;min-width:0}@media (min-width: 900px){.admin-aside-col{position:sticky;top:max(12px,var(--safe-top));align-self:start;max-height:calc(var(--app-h) - max(24px,var(--safe-top)) - 12px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.admin-side-panel{max-width:100%;min-width:0;overflow:hidden}.admin-action-card{display:flex;flex-direction:column;gap:8px}.admin-card-head,.admin-campaign-head.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.admin-card-title{font-size:.95rem;word-break:break-word}.admin-card-meta{margin:0}.admin-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.admin-card-actions .ghost.small,.admin-card-head .primary.small{min-height:calc(var(--touch-min) * .75);padding:4px 10px;font-size:.8rem}.admin-bugs-panel,.admin-bugs-panel--stacked{padding:16px;border:var(--border);border-radius:var(--radius);background:var(--panel)}.admin-bug-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}.admin-bug-row{padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24}.admin-bug-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.admin-bug-text{margin:0;white-space:pre-wrap;font-size:.9rem}.admin-bug-ctx{margin:6px 0 0}.dm-disclaimer{margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(240,180,80,.35);background:#f0b45014}.settings-cog{font-size:1.1rem;line-height:1;min-width:var(--touch-min);min-height:var(--touch-min);padding:6px 10px}.stat--clickable{cursor:pointer;border:none;background:transparent;font:inherit;color:inherit;text-align:inherit;padding:0;width:100%}.stat--clickable:hover .k{color:var(--accent)}.stat-help-popover{margin:10px 0;padding:10px 12px;border-radius:10px;border:var(--border);background:#00000059}.stat-help-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.stat-help-popover p{margin:0;font-size:.88rem;line-height:1.45}.player-roster{margin-bottom:12px}.roster-title{margin:0 0 8px;font-size:.95rem}.roster-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.roster-seat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:var(--border);background:#120e24;color:inherit;cursor:default}.roster-seat-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}.roster-control{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.roster-control-icon{font-size:.75rem;line-height:1;font-style:normal;text-transform:none}.roster-control-label{max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-control--player{color:var(--player);border-color:#6fd18b59;background:#6fd18b1f}.roster-control--gm{color:var(--gm);border-color:#ffb86b66;background:#ffb86b1f}.roster-control--am{color:#c9a8ff;border-color:#b98bff66;background:#b98bff1f}.sheet-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sheet-name-row h2{margin:0}.roster-seat.active{border-color:var(--accent)}.roster-seat:not(:disabled){cursor:pointer}.roster-name{display:block;font-weight:600}.roster-role{font-size:.8rem}.roster-hint{margin:8px 0 0}.msg.hidden-from-player{opacity:.72;border-left:3px solid rgba(240,180,80,.6)}.hide-pill{margin-left:8px;font-size:.7rem;vertical-align:middle}.log-hide-btn{margin-left:8px;vertical-align:middle}.sandbox-block--inline{margin:10px 0;padding:10px;border-radius:10px;border:var(--border);background:#0003}.sandbox-inline-title{margin:0 0 8px;font-size:.95rem;display:flex;align-items:center;gap:8px}.tutorial-modal{max-width:420px}.tutorial-step-title{margin:0 0 8px}.tutorial-step-body{margin:0 0 16px;line-height:1.5}.tutorial-skip{display:block;margin-bottom:12px}.tutorial-actions{display:flex;justify-content:space-between;gap:12px}@media (max-width: 899px){.admin-layout{grid-template-columns:1fr}.admin-aside-col{position:static;max-height:none;overflow:visible}}.admin-panel{width:100%;margin:0}.admin-campaigns-panel,.admin-campaigns-panel--static{position:static;top:auto;padding:16px;border:var(--border);border-radius:var(--radius);background:var(--panel);max-height:none;overflow:visible}.admin-campaign-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px;max-height:min(420px,50dvh);overflow-y:auto;overscroll-behavior:contain}.admin-campaign-row{padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24}.admin-campaign-row.live{border-color:#6fd18b59}.admin-campaign-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}.admin-log-open{margin-top:8px}.admin-log-panel{margin:12px 0 16px;padding:12px 14px;border-radius:12px;border:var(--border);background:#0f0b1e;max-height:420px;overflow:auto}.admin-log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.admin-log-block{margin-bottom:16px}.admin-log-block h4{margin:0 0 8px;font-size:.95rem}.admin-log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.admin-log-entry{padding:8px 10px;border-radius:8px;border:var(--border);background:#00000040}.admin-log-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px}.admin-log-text{margin:0;white-space:pre-wrap;font-size:.9rem}.campaign-import-panel{margin-top:8px}.campaign-export-err{list-style:none;margin-bottom:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.label-inline{color:var(--muted);font-size:.8rem}.campaign-access{font-size:.8rem;margin:6px 0 0}.campaign-fork-panel{margin-top:10px;padding:10px 12px;border-radius:10px;border:var(--border);background:#0003}.admin-user-list{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:14px}.admin-user-card{padding:14px;border:var(--border);border-radius:12px;background:#120e24}.admin-user-head{display:flex;gap:10px;align-items:baseline;margin-bottom:10px}.admin-new-user{margin-top:20px;padding-top:16px;border-top:var(--border)}.seat-static{margin:0 0 4px;font-size:.92rem}.home-tabs{display:flex;gap:8px;margin:14px 0 4px;padding-bottom:12px;border-bottom:var(--border)}.home-tab{padding:8px 14px;border-radius:999px;border:var(--border);background:var(--panel-2);color:var(--muted);font-size:.866667rem;cursor:pointer}.home-tab.active{color:var(--ink);border-color:var(--accent);background:#8c78ff26}.campaign-manage-section .section-title{margin-bottom:12px}.join-home .collapsible-panel .collapse-header{display:flex}.join-home .collapsible-panel.collapsed .collapse-body{display:none}.join-home .collapsible-panel.open .collapse-body{display:flex;flex-direction:column;gap:10px}body.tour-active{overflow:hidden}.guided-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;pointer-events:none}.guided-tour-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04020cb8;pointer-events:auto}.guided-tour-spotlight{position:fixed;border-radius:10px;border:2px solid rgba(201,162,39,.85);box-shadow:0 0 0 9999px #04020cb8;pointer-events:none;z-index:2501;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease}.tour-target-highlight{animation:tour-scene-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 2px #c9a2278c,0 0 18px #c9a22740}.mobile-menu-toggle.tour-target-highlight{color:var(--accent-2);border-color:#6fd1ff8c}body.tour-mobile-menu-step .mobile-menu-panel{z-index:2600;pointer-events:none}body.tour-mobile-menu-step .mobile-header-menu--open .mobile-menu-toggle{z-index:2601;position:relative}@keyframes tour-scene-pulse{0%,to{box-shadow:0 0 0 2px #c9a22773,0 0 12px #c9a22726}50%{box-shadow:0 0 0 3px #e8c878bf,0 0 22px #c9a22759}}.guided-tour-card{position:fixed;z-index:2502;width:min(300px,calc(100vw - 24px));padding:14px 16px;border-radius:12px;border:var(--border);background:var(--panel);box-shadow:0 12px 36px #00000080;pointer-events:auto}.guided-tour-card h3{margin:4px 0 8px;font-size:1rem}.guided-tour-card p{margin:0 0 12px;font-size:.9rem;line-height:1.45}.guided-tour-progress{margin:0 0 4px}.guided-tour-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.guided-tour-nav{display:flex;gap:8px}.help-lightbulb{font-size:1.05rem;line-height:1;min-width:var(--touch-min);min-height:var(--touch-min);padding:6px 8px;opacity:.32;filter:grayscale(.55);transition:opacity .15s ease,filter .15s ease,color .15s ease}.help-lightbulb.active{opacity:1;filter:none;color:var(--accent, #f0d060);text-shadow:0 0 10px rgba(185,139,255,.45)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04020cb8;display:flex;align-items:center;justify-content:center;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));overflow-y:auto;overscroll-behavior:contain}.modal-card{width:min(420px,94vw);max-height:min(90dvh,calc(var(--app-h) - 32px - var(--safe-top) - var(--safe-bottom)));overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border:var(--border);border-radius:14px;padding:18px 20px;box-shadow:0 12px 40px #00000073;margin:auto;flex-shrink:0}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{font-size:1.33333rem;line-height:1;min-width:var(--touch-min);min-height:var(--touch-min);padding:4px 10px}.modal-sub{margin:0 0 16px;font-size:.866667rem}.settings-form{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.settings-form-divider{margin-top:18px;padding-top:16px;border-top:var(--border)}.settings-form-title{margin:0 0 4px;font-size:.933333rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.4px}.ok-msg{margin-top:12px;color:var(--ok);font-size:.866667rem}.app{height:100%;height:var(--app-h);min-height:0;display:flex;flex-direction:column;overflow:hidden;font-family:Charter,Iowan Old Style,Palatino Linotype,Sitka Text,Georgia,Segoe UI,sans-serif}.app button,.app input,.app textarea,.app select{font-family:inherit}.topbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:max(10px,var(--safe-top)) max(18px,var(--safe-right)) 10px max(18px,var(--safe-left));border-bottom:var(--border);background:#0a0814eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.topbar-start{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.33333rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.brand-logo{width:2.4rem;height:2.4rem;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 10px #00000059}.brand-text{line-height:1.2}.brand-btn{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px 6px;margin:-4px -6px;border-radius:10px;transition:background .15s ease}.brand-btn:hover{background:#ffffff0f}.brand-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.home-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);min-width:var(--touch-min);padding:0;color:var(--accent-2)}.home-icon-btn:hover:not(:disabled){color:#ffe8cc;background:#ffb86b1f}.login-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.login-card-top .login-brand-heading{margin-bottom:0;flex:1;justify-content:flex-start}.language-select{position:relative;display:inline-flex}.language-select-trigger{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);padding:6px 10px}.language-flag{font-size:1.2rem;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.language-code{font-size:.733333rem;letter-spacing:.04em;opacity:.85}.language-select-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:120;min-width:168px;margin:0;padding:6px;list-style:none;border-radius:10px;background:#1a1430;border:var(--border);box-shadow:0 12px 32px #00000073}.language-select-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:var(--touch-min)}.language-select-menu button:hover,.language-select-menu button.active{background:#ffb86b1f}.settings-language-hint{margin:0 0 10px}.login-brand-heading,.join-brand-heading{margin:0 0 8px;display:flex;justify-content:center}.login-brand-heading .brand,.join-brand-heading .brand{flex-direction:column;text-align:center;gap:8px}.login-brand-heading .brand-logo,.join-brand-heading .brand-logo{width:4.5rem;height:4.5rem;border-radius:12px}.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto}.meta .title{color:var(--ink);font-weight:600;font-size:.933333rem;margin-right:4px;max-width:min(320px,40vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:.8rem;padding:6px 10px;border-radius:999px;background:var(--panel-2);border:var(--border);line-height:1.2;white-space:nowrap}.pill.ok{color:var(--ok)}.pill.bad{color:var(--danger)}.pill.warn{color:var(--warn)}.pill.role-gm{color:var(--gm)}.pill.role-player{color:var(--player)}.pill.role-am{color:var(--am)}.settings-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-bar--compact{gap:6px}.font-scale-wrap{position:relative}.font-scale-trigger.active{border-color:var(--accent);color:var(--ink)}.font-scale-panel{position:absolute;z-index:60;right:0;top:calc(100% + 6px);width:min(280px,calc(100vw - 24px));padding:12px 14px;border-radius:12px;border:var(--border);background:var(--panel);box-shadow:0 10px 32px #00000073}.font-scale-title{margin:0 0 10px;font-size:.866667rem;font-weight:600}.font-scale-row{display:flex;align-items:center;gap:10px}.font-scale-edge{font-size:.8rem;color:var(--muted);line-height:1}.font-scale-edge.large{font-size:1.2rem}.font-scale-row input[type=range]{flex:1;min-width:0;padding:0;min-height:var(--touch-min);accent-color:var(--accent);background:transparent;border:none}.font-scale-value{margin:8px 0 0;font-size:.733333rem;line-height:1.4}.font-scale-preview-line{margin:10px 0 0;padding:8px 10px;border-radius:8px;border:var(--border);background:#00000040;color:var(--muted);line-height:1.45;transition:none}.tw-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 10px;border-radius:8px;border:1px solid rgba(180,140,255,.35);background:linear-gradient(180deg,#1e1634f2,#120e24fa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23b49cff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);cursor:pointer}.tw-select:focus{outline:2px solid rgba(180,140,255,.45);outline-offset:1px}.tw-check{position:relative;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.tw-check.disabled{opacity:.55;cursor:not-allowed}.tw-check-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.tw-check-box{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:2px;border-radius:4px;border:1px solid rgba(180,140,255,.45);background:#120e24e6;box-shadow:inset 0 0 0 1px #00000059}.tw-check-input:checked+.tw-check-box{background:#6f5ac88c;border-color:var(--accent);box-shadow:inset 0 0 0 2px #ffffff1f}.tw-check-input:focus-visible+.tw-check-box{outline:2px solid var(--accent);outline-offset:2px}.tw-check-label{flex:1;line-height:1.4}.tw-check-row{display:inline-flex;align-items:flex-start;gap:10px}.dice-luck-remaining{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.8rem;color:var(--muted)}.dice-luck-remaining--low{color:var(--warn)}.dice-luck-icon{font-size:.85rem;line-height:1}.reroll-cast-modal{max-width:min(520px,96vw)}.reroll-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0}.reroll-cast-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24;color:inherit;cursor:pointer}.reroll-cast-card.active{border-color:var(--accent);background:#6f5ac81f}.reroll-cast-selected{margin:0 0 8px}.display-name-modal{max-width:min(400px,96vw)}.cast-panel{margin-bottom:16px;padding-bottom:16px;border-bottom:var(--border)}.cast-intro{margin:0 0 12px}.cast-board{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.cast-board{grid-template-columns:1fr 1fr}}.cast-drop-zone{padding:10px 12px;border-radius:12px;border:2px dashed rgba(180,140,255,.35);background:#120e2480;min-height:4.5rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.cast-drop-zone--player{border-color:#6fd1ff73;background:#101a2a8c}.cast-drop-zone--gm{border-color:#ffb86b80;background:#2a211373}.cast-drop-zone--am{border-color:#b98bff80;background:#221a3a8c}.cast-drop-zone--pool{border-color:#8ca0b459;background:#0e121c8c}.cast-drop-zone--over{box-shadow:0 0 0 2px var(--accent);border-style:solid}.cast-drop-zone--player.cast-drop-zone--over{border-color:var(--accent-2);background:#6fd1ff1f}.cast-drop-zone--gm.cast-drop-zone--over{border-color:var(--gm);background:#ffb86b24}.cast-drop-zone--am.cast-drop-zone--over{border-color:var(--accent);background:#b98bff24}.cast-drop-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.cast-drop-icon{font-size:1.15rem;line-height:1;flex-shrink:0}.cast-drop-titles{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;flex:1;min-width:0}.cast-drop-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--muted);flex-shrink:0}.cast-drop-zone--player .cast-drop-badge{color:var(--accent-2);border-color:#6fd1ff59;background:#6fd1ff1a}.cast-drop-zone--gm .cast-drop-badge{color:var(--gm);border-color:#ffb86b66;background:#ffb86b1a}.cast-drop-zone--am .cast-drop-badge{color:#c9a8ff;border-color:#b98bff66;background:#b98bff1a}.cast-drop-body{display:flex;flex-wrap:wrap;gap:6px;min-height:2rem;align-items:flex-start}.cast-drop-body--empty{align-items:center}.cast-drop-empty{margin:0;font-style:italic;width:100%}.cast-chip{padding:6px 10px;border-radius:8px;border:var(--border);background:#120e24;cursor:grab;max-width:100%}.cast-chip:active{cursor:grabbing}.cast-chip-label{display:block;font-weight:600;font-size:.85rem}.cast-chip-meta{font-size:.7rem}.cast-add-player{display:flex;gap:6px;margin:8px 0}.cast-add-player input{flex:1}.cast-roster-pool{min-height:120px}.cast-sheet-controls{margin-top:12px;padding-top:10px;border-top:var(--border)}.am-character-threads{margin-top:16px;padding-top:12px;border-top:var(--border);display:flex;flex-direction:column;gap:12px}.am-character-thread{padding:10px;border-radius:10px;border:var(--border);background:#0003}.am-character-name{margin:0 0 8px}.am-dialogue-log--compact{max-height:160px;overflow:auto}.am-dialogue-input--compact{margin-top:8px}.admin-personas-panel{margin-top:0}.admin-persona-form{margin:12px 0;display:flex;flex-direction:column;gap:10px}.admin-persona-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.admin-persona-row{padding:12px;border:var(--border);border-radius:10px;background:#120e24}.play-mode-toggle-wrap{margin:12px 0 16px}.play-mode-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;border-radius:12px;border:var(--border);background:#120e24d9}.play-mode-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch-min);padding:10px 12px;border:none;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;transition:color .15s ease}.play-mode-option.active{color:var(--ink)}.play-mode-option:not(.active) .play-mode-icon{opacity:.45}.play-mode-option.active .play-mode-icon{color:var(--accent)}.play-mode-icon{display:flex;align-items:center;line-height:0}.play-mode-slider{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:9px;background:#6f5ac838;border:1px solid rgba(180,140,255,.35);transition:left .2s ease;pointer-events:none}.play-mode-slider--solo{left:4px}.play-mode-slider--party{left:50%}.create-cast-setup,.create-cast-board{margin-top:8px}.solo-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:10px}.solo-cast-card{padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24}.solo-cast-card.active{border-color:var(--accent)}.solo-cast-card.am{border-color:#6fd18b73}.solo-cast-actions{margin-top:8px;display:flex;flex-direction:column;gap:6px}.solo-check{font-size:.82rem}.collapsible-panel{display:flex;flex-direction:column;gap:14px}.collapse-header{display:none;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--touch-min);padding:10px 14px;border:var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--bg-2));text-align:left}.collapse-title{font-size:1rem;font-weight:600}.collapse-chevron{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#120e24;color:var(--accent-2);font-size:1.2rem;line-height:1}.collapse-body{display:flex;flex-direction:column;gap:14px;min-width:0}.layout{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(260px,320px) 1fr minmax(280px,340px);gap:14px;padding:14px;width:100%;max-width:100%}.col{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.col.center{gap:0;overflow:hidden}.table-center{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px}.table-center .scene{flex-shrink:0}.story-log-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.story-log-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex-shrink:0;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.story-pause-quick{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;min-height:32px;border-radius:999px;border:1px solid rgba(255,184,107,.35);background:#2a2113a6;color:var(--gm);font-size:.8rem;font-weight:600;cursor:pointer}.story-pause-quick--active{border-color:#ffb86bbf;background:#ffb86b2e;color:#ffd9a8}.story-pause-quick-icon{font-size:.85rem;line-height:1}.story-log-toolbar-quip{margin:0;flex:1;min-width:0;color:#ffd9a8;line-height:1.35}.story-log-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.table-center .storylog{flex:1;min-height:0}.table-center .table-play-chrome,.table-center .actionbar{flex-shrink:0;margin-top:auto}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:var(--border);border-radius:var(--radius);padding:14px}.panel h2{margin:0 0 10px;font-size:1.06667rem}.panel h3{margin:12px 0 6px;font-size:.866667rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.5px}.block{margin-top:8px}.muted{color:var(--muted)}.sheet h2{font-size:1.33333rem;margin-bottom:2px}.sheet .sub{color:var(--muted);font-size:.866667rem;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat-grid.derived{grid-template-columns:repeat(3,1fr);margin-top:6px}.stat{background:#120e24;border:var(--border);border-radius:10px;padding:6px;text-align:center}.stat .k{display:block;font-size:.733333rem;color:var(--muted)}.stat .v{display:block;font-size:1.2rem;font-weight:700}ul.skills,ul.tags{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}ul.skills li{display:flex;justify-content:space-between;background:#120e24;border-radius:8px;padding:5px 9px}ul.skills .lvl{color:var(--accent-2);font-weight:700}ul.tags li{background:#120e24;border-radius:8px;padding:5px 9px;font-size:.866667rem}ul.tags.bad li{color:#ffd0d8}.sheet .desc{color:var(--muted);font-size:.866667rem;line-height:1.5;margin-top:10px}.gauge-group{margin-bottom:10px}.gauge-item{font-size:.866667rem;color:var(--muted);margin-bottom:4px}.gauge{margin-bottom:8px}.gauge-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:3px}.gauge-track{height:9px;background:#120e24;border-radius:999px;overflow:hidden;border:var(--border)}.gauge-fill{height:100%;border-radius:999px;transition:width .4s ease}.item{border-top:var(--border);padding-top:10px;margin-top:10px}.item:first-of-type{border-top:none;margin-top:0}.item h3{color:var(--ink);text-transform:none;letter-spacing:0}.item-desc{color:var(--muted);font-size:.866667rem;line-height:1.45;margin:4px 0 8px}ul.abilities{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}ul.abilities li{background:#120e24;border-radius:10px;padding:8px 10px;border-left:3px solid transparent}ul.abilities li.known{border-left-color:var(--ok)}ul.abilities li.unknown{border-left-color:#4a4068}.ab-name{display:block;font-weight:600;font-size:.866667rem}.ab-desc{display:block;font-size:.8rem;color:var(--muted);margin-top:2px;line-height:1.4}.ab-desc.hint{font-style:italic}.scene{background:#6fd1ff14;border:1px solid rgba(111,209,255,.25);border-radius:var(--radius);padding:10px 14px;font-style:italic;color:#cfeaff;line-height:1.5}.scene-banner{padding:0;overflow:hidden}.scene-banner-head{display:flex;align-items:stretch;gap:0}.scene-banner-toggle{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;padding:10px 14px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.scene-banner-actions{flex-shrink:0;display:flex;align-items:center;padding:6px 10px;border-left:1px solid rgba(111,209,255,.15)}.scene-banner-label{font-size:.666667rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-style:normal;flex-shrink:0}.scene-banner-location{flex:1;min-width:0;font-style:italic}.scene-banner-chevron{color:var(--muted);font-style:normal;flex-shrink:0}.scene-banner-body{padding:10px 14px 12px;white-space:pre-wrap;border-top:1px solid rgba(111,209,255,.15);margin-top:0}.scene-banner:not(.scene-banner--open) .scene-banner-body{display:none}.storylog{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;overflow-anchor:none;-webkit-overflow-scrolling:touch;padding:6px 2px}.storylog-inner{display:flex;flex-direction:column;gap:10px;min-height:min-content}.storylog-entry{display:flex;flex-direction:column;gap:6px;min-width:0}.storylog-empty{text-align:center;padding:24px 12px;font-size:.866667rem;font-style:italic;margin:0}.msg{padding:10px 14px;border-radius:12px;line-height:1.55;max-width:88%;word-break:break-word}.msg .who{display:block;font-size:.733333rem;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:3px}.msg.am{background:linear-gradient(180deg,#241d40,#1d1736);border:1px solid rgba(185,139,255,.25);margin-right:auto}.msg.am .who{color:var(--am)}.msg.action{background:#15281c;border:1px solid rgba(111,209,139,.25);margin-left:auto}.msg.action.msg--peer{margin-left:0;margin-right:auto;background:#1a2638;border:1px solid rgba(111,209,255,.22);border-left:3px solid rgba(111,209,255,.55)}.msg.action.msg--peer .who{color:var(--accent-2)}.msg.action .who{color:var(--player)}.msg.gm{background:#2a2113;border:1px solid rgba(255,184,107,.25);margin-left:auto}.msg.gm .who{color:var(--gm)}.msg.direction{background:#221a3a;border:1px dashed rgba(255,184,107,.4);margin-left:auto}.msg.direction .who{color:var(--gm)}.msg.banter{background:#50788c24;border:1px solid rgba(140,190,210,.35);font-style:italic;max-width:92%}.msg.banter.msg--self{margin-left:auto;margin-right:0}.msg.banter.msg--peer{margin-right:auto;margin-left:0}.msg.banter.msg--other{margin-left:auto;margin-right:0}.msg.banter .who{color:var(--accent-2)}.banter-pill{display:inline-block;margin-right:6px;font-size:.65rem;font-style:normal;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;background:#8cbed22e;border-color:#8cbed273;color:#b8dce8}.msg.roll{background:#101a2a;border:1px solid rgba(111,209,255,.3);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.866667rem;margin-left:auto;margin-right:auto;max-width:96%}.msg.roll .body--pre{white-space:pre-line;font-family:inherit}.msg.reveal{background:#b98bff24;border:1px solid var(--accent);margin-left:auto;margin-right:auto;text-align:center;font-weight:600}.msg.system{background:transparent;color:var(--muted);margin-left:auto;margin-right:auto;font-size:.866667rem;font-style:italic}.msg.streaming .caret{animation:blink 1s steps(2,start) infinite;color:var(--accent)}@keyframes blink{to{visibility:hidden}}.actionbar{border-top:var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;background:inherit}.actionbar-compose-head{display:flex;justify-content:flex-start}.compose-mode-picker{position:relative;display:inline-flex}.compose-mode-trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;min-height:32px;border-radius:999px;border:1px solid rgba(111,209,255,.28);background:#101a2abf;color:var(--accent-2);font-size:.8rem;font-weight:600;cursor:pointer}.compose-mode-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compose-mode-chevron{font-size:.65rem;opacity:.85;transition:transform .15s ease}.compose-mode-picker--open .compose-mode-chevron{transform:rotate(180deg)}.compose-mode-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:4px;min-width:100%;border-radius:10px;border:1px solid rgba(111,209,255,.28);background:#0f1624;box-shadow:0 -8px 24px #00000059}.compose-mode-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap}.compose-mode-menu button:hover,.compose-mode-menu button.is-active{background:#6fd1ff1f;color:var(--accent-2)}.compose-mode-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.actionbar--banter textarea{border-color:#8cbed259}.actionbar-hint--banter{color:#9ec4d0}.actionbar--whisper textarea{border-color:#ffb86b59}.actionbar-hint--whisper{color:var(--gm)}.msg.am-whisper{border-left:3px solid var(--gm);background:#ffb86b14;margin-left:auto;margin-right:0;max-width:92%}.msg.am-whisper .who{color:var(--gm)}.whisper-pill{background:#ffb86b26;color:var(--gm);font-size:.72rem;margin-bottom:.35rem}.actionbar--readonly textarea,.actionbar--readonly .actionbar-buttons,.actionbar--readonly .actionbar-compose-head{opacity:.45;pointer-events:none}.actionbar-readonly-overlay{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(140,190,210,.35);background:#50788c24}.actionbar-readonly-icon{font-size:1.25rem;flex-shrink:0}.actionbar-readonly-overlay p{margin:0;font-size:.866667rem;color:var(--muted);line-height:1.45}.campaign-wait-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(140,190,210,.35);background:#50788c1f;font-size:.866667rem;color:#b8dce8;line-height:1.45}.campaign-wait-icon{font-size:1.1rem;flex-shrink:0}.gm-start-block{margin-bottom:16px;padding-bottom:14px;border-bottom:var(--border)}.actionbar textarea{min-height:52px;width:100%;touch-action:manipulation}.table-play-chrome{flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;gap:8px;background:inherit}.table-mobile-dice .roller--compact{padding:8px 10px;margin:0;background:#101a2aa6;border-color:#6fd1ff38}.roller-compact-row{display:flex;gap:8px;align-items:stretch}.roller-compact-skill{flex:1;min-width:0;margin:0}.roller-compact-skill select{width:100%;min-height:var(--touch-min)}.roller-compact-roll{flex-shrink:0;min-height:var(--touch-min)}.dice-target-note{margin:4px 0 8px;line-height:1.4}.roller--sidebar{padding:0;border:none;background:transparent;box-shadow:none}.sidebar-right-dice .collapse-body{overflow:visible}.sidebar-right-dice .roller--sidebar{display:flex;flex-direction:column;gap:0;min-height:0}.sidebar-right-dice .dice-roll-history{flex-shrink:0;margin-top:10px}.dice-roll-history{margin-top:12px;border-top:var(--border);padding-top:10px}.dice-roll-history h3{margin:0 0 8px;font-size:.8rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.4px}.dice-roll-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.dice-roll-history-list li{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;padding:6px 8px;background:#101a2a;border-radius:8px;border:1px solid rgba(111,209,255,.18);line-height:1.35}.dice-roll-history-empty{margin:10px 0 0}.dice-roll-history-compact{margin-top:6px;font-size:.8rem}.dice-roll-history-compact summary{cursor:pointer;color:var(--muted);padding:4px 0;min-height:var(--touch-min);display:flex;align-items:center}.dice-roll-history-compact .dice-roll-history-list{max-height:120px;margin-top:6px}.gm-charts{margin-top:14px;padding-top:12px;border-top:var(--border)}.gm-charts--compact{margin-top:10px;padding-top:8px}.gm-charts-title{margin:0 0 4px;font-size:.8rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.4px}.gm-charts-hint{margin:0 0 8px}.gm-charts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.gm-chart-btn{width:100%;text-align:left;justify-content:flex-start}.msg.chart{border-left:3px solid var(--accent-2);background:#6fd1ff0f;max-width:100%}.msg.chart .who{color:var(--accent-2)}.body--chart{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.35;white-space:pre-wrap;overflow-x:auto}.chart-pill{background:#6fd1ff1f;color:var(--accent-2);font-size:.72rem;margin-bottom:.35rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.actionbar-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.actionbar-buttons--row{flex-wrap:nowrap;justify-content:stretch}.actionbar-buttons--row button{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actionbar-hint{font-size:.8rem;margin:0;line-height:1.4}.actionbar-hint strong{color:var(--gm);font-weight:600}.am-dialogue{display:flex;flex-direction:column;min-height:0;overflow:hidden}.am-dialogue--embedded{padding:0;border:none;background:transparent;box-shadow:none}.am-dialogue .hint{font-size:.8rem;margin:-4px 0 8px;line-height:1.4;flex-shrink:0}.am-dialogue-log{flex:1 1 auto;min-height:100px;max-height:min(320px,40vh);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;background:#0e0b18;border:var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px}.am-dialogue--embedded .am-dialogue-log{max-height:min(280px,36vh)}.am-dialogue-log .empty{font-size:.866667rem;margin:0;text-align:center;padding:20px 8px}.am-msg{padding:8px 11px;border-radius:10px;line-height:1.5;max-width:95%;font-size:.933333rem}.am-msg .who{display:block;font-size:.666667rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px}.am-msg.gm{align-self:flex-end;background:#2a2113;border:1px solid rgba(255,184,107,.3)}.am-msg.gm .who{color:var(--gm)}.am-msg.am{align-self:flex-start;background:linear-gradient(180deg,#241d40,#1d1736);border:1px solid rgba(185,139,255,.25)}.am-msg.am .who{color:var(--am)}.am-dialogue-input{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.am-dialogue-input textarea{min-height:72px}.tab-row{display:flex;gap:6px;margin-bottom:8px}.tab-row button{flex:1;padding:8px 10px;font-size:.866667rem;border-radius:8px;background:#120e24;border:var(--border);color:var(--muted);cursor:pointer;min-height:var(--touch-min)}.tab-row button.active{background:#ffb86b26;color:var(--gm);border-color:#ffb86b66}.campaign-wait-banner--observe{border-color:#6fd1ff59;background:#6fd1ff14}.table-join-setup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#0e0b1ae0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-log-shell{position:relative}.table-join-setup-card{width:min(480px,100%);max-height:min(80vh,640px);overflow-y:auto;padding:18px 20px;border-radius:var(--radius);border:var(--border);background:var(--panel)}.table-join-setup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.table-join-cast-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.table-join-cast-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.table-join-cast-btn{flex:1 1 200px;min-width:0;text-align:left;padding:10px 12px;border-radius:10px;border:var(--border);background:#120e24;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.table-join-cast-btn.active{border-color:var(--accent);background:#b98bff1f}.table-join-custom{margin-top:14px;padding-top:14px;border-top:var(--border);display:flex;flex-direction:column;gap:10px}.table-join-back{margin-top:12px}.gm-choices,.story-choices{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px 14px;align-items:center}.story-choices--inline{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);width:100%}.msg--with-choices{display:flex;flex-direction:column;gap:0}.msg--with-choices .story-choices--inline{margin-left:0}.player-choices{margin-left:0;justify-content:flex-start}.player-choices .choice-btn{background:#6fd18b1a;border-color:#6fd18b59;color:#d8f5e4}.player-choices .choices-label{color:var(--player)}.choice-btn--skill{border-style:dashed;font-style:italic}.choices-hint{flex-basis:100%;margin:0 0 2px}.choices-label{font-size:.733333rem;text-transform:uppercase;letter-spacing:.5px;color:var(--gm);width:100%}.choice-btn{font-size:.866667rem;padding:10px 14px;border-radius:999px;background:#ffb86b1f;border:1px solid rgba(255,184,107,.35);color:#ffe8cc;cursor:pointer;text-align:left;min-height:var(--touch-min)}.choice-btn:hover:not(:disabled){background:#ffb86b38}.choice-btn:disabled{opacity:.5;cursor:not-allowed}.choice-btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:100%}.choice-btn-wrap{display:flex;align-items:stretch;gap:2px;max-width:100%}.choice-btn-wrap--hidden .choice-btn{opacity:.55;text-decoration:line-through}.choice-btn--hidden-from-player{border-style:dotted}.choice-hide-btn{flex-shrink:0;width:28px;min-height:var(--touch-min);padding:0;border-radius:999px;border:1px solid rgba(255,122,144,.45);background:#ff7a901f;color:#ffc8d0;cursor:pointer;font-size:1.1rem;line-height:1}.choice-hide-btn:hover{background:#ff7a9038}.story-choices--paused{position:relative;opacity:.72;pointer-events:none}.story-choices-pause{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e0b1a8c;border-radius:12px;z-index:2;pointer-events:none}.story-choices-pause-icon{font-size:1.6rem;opacity:.9}.campaign-pause-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,184,107,.45);background:#ffb86b24;font-size:.866667rem;color:#ffd9a8;line-height:1.45}.campaign-pause-banner--gm{align-items:center;flex-wrap:wrap;border-color:#ffb86ba6;background:#ffb86b2e;box-shadow:0 0 0 1px #ffb86b1f}.campaign-pause-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.campaign-pause-copy strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gm)}.campaign-pause-resume{flex-shrink:0;margin-left:auto}.campaign-pause-icon{font-size:1.25rem;flex-shrink:0}.msg--roll-prompt{border-left:3px solid var(--accent-2);background:#6fd1ff14;font-weight:500}.msg--pause-notice{border-left:3px solid var(--gm);background:#ffb86b1a}.gm-pause-block--top{margin-bottom:16px;padding-bottom:14px;border-bottom:var(--border)}.gm-pause-block--active{border:1px solid rgba(255,184,107,.45);border-radius:12px;padding:12px;background:#ffb86b1a}.gm-pause-live{display:flex;flex-direction:column;gap:10px}.gm-pause-reason{margin:0;color:#ffd9a8;line-height:1.45}.gm-traits-block{margin-bottom:14px;padding-bottom:14px;border-bottom:var(--border)}.gm-traits-add{display:flex;flex-direction:column;gap:8px;margin-top:8px}.gm-traits-buff-row{display:flex;gap:8px;align-items:center}.gm-traits-buff-row input[type=number]{width:4rem}.gm-traits-tags li{display:inline-flex;align-items:center;gap:4px}.gm-traits-tags button{min-width:28px;min-height:28px;padding:0 6px;line-height:1}.gm-traits-list{margin-top:12px}.gm-traits-list h4{margin:0 0 6px}.actionbar{position:relative}.actionbar--paused textarea,.actionbar--paused .actionbar-buttons{opacity:.45;pointer-events:none}.actionbar-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;background:#0e0b1ad1;border-radius:var(--radius);border:1px dashed rgba(255,209,102,.35);pointer-events:none}.actionbar-pause-icon{font-size:1.75rem}.actionbar-pause-overlay p{margin:0;font-size:.866667rem;color:var(--muted);max-width:28em}.gm-pause-block{margin-bottom:12px;padding-bottom:12px;border-bottom:var(--border)}.roller-compact-subtle{margin-top:8px}.help-toggle.active{color:var(--accent-2);border-color:var(--accent-2)}.help-tip-wrap{position:relative;display:inline-block;cursor:help}.help-tip-popover{position:absolute;z-index:50;left:0;top:calc(100% + 6px);min-width:200px;max-width:280px;padding:8px 28px 8px 10px;font-size:.8rem;line-height:1.45;color:#e8e0ff;background:#1a1430;border:1px solid rgba(185,139,255,.35);border-radius:10px;box-shadow:0 8px 24px #00000073;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.help-tip-dismiss{position:absolute;top:2px;right:2px;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:1.06667rem;line-height:1;cursor:pointer;min-height:unset}.help-tip-dismiss:hover{color:var(--ink);background:#ffffff0f}.help-tip-wrap:hover .help-tip-popover,.help-tip-wrap:focus-within .help-tip-popover,.help-tip-wrap.tip-open .help-tip-popover{opacity:1;transform:translateY(0);pointer-events:auto}@media (hover: none){.help-tip-popover{pointer-events:none}.help-tip-wrap.tip-open .help-tip-popover{pointer-events:auto}}.panel.help-tip-wrap{display:block}.panel.help-tip-wrap .help-tip-popover{max-width:320px}.storylog.help-tip-wrap{display:block;width:100%}.storylog.help-tip-wrap .help-tip-popover{max-width:320px}.char-builder{margin:0;padding-top:0;border-top:none}.char-builder-head{display:flex;flex-direction:column;gap:4px}.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:none;background:none;color:inherit;cursor:pointer;min-height:unset}.section-toggle:hover{background:none;transform:none}.section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.section-toggle .section-title{margin:0;text-align:left}.section-toggle .collapse-chevron{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#120e24;color:var(--accent-2);font-size:1.2rem;line-height:1}.char-builder-summary{margin:0;font-size:.866667rem}.protagonist-carousel{padding:12px;border:var(--border);border-radius:12px;background:#120e24}.protagonist-carousel-row{display:flex;align-items:stretch;gap:8px;margin-top:8px}.protagonist-carousel-row .ghost{flex-shrink:0;min-width:var(--touch-min);padding:8px 12px}.protagonist-carousel-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;border:var(--border);background:#1a1530}.protagonist-carousel-card strong{font-size:1.067rem}.protagonist-discipline{font-size:.733333rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em}.protagonist-carousel-meta{margin:8px 0 0;line-height:1.4}.char-builder-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.char-wizard{padding:14px;border:var(--border);border-radius:12px;background:#120e24;display:flex;flex-direction:column;gap:10px}.char-wizard-prompt{margin:0;font-weight:600}.char-wizard-row{display:flex;gap:8px;align-items:stretch}.char-wizard-row input{flex:1;min-width:0}.char-wizard-options{display:flex;flex-wrap:wrap;gap:8px}.char-wizard-chips{display:flex;flex-wrap:wrap;gap:6px}.sandbox-block .sandbox-actions{display:flex;flex-wrap:wrap;gap:8px}.char-builder-body{margin-top:12px;display:flex;flex-direction:column;gap:14px}.char-builder-label{margin:0 0 6px;font-size:.866667rem;color:var(--muted)}.hero-suggestions{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding-right:4px}.hero-show-group{display:flex;flex-direction:column;gap:6px}.hero-show-name{font-size:.733333rem;text-transform:uppercase;letter-spacing:.4px;color:var(--accent-2)}.hero-chips{display:flex;flex-wrap:wrap;gap:6px}.hero-chip{padding:6px 10px;font-size:.8rem;min-height:var(--touch-min);background:#120e24;border:var(--border);border-radius:999px}.hero-chip.active{border-color:var(--accent);color:var(--accent-2)}.char-builder-form{display:flex;flex-direction:column;gap:10px}.attr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.attr-field input{text-align:center}.char-skills-preview ul{margin:6px 0 0;padding-left:18px;font-size:.866667rem}.char-skills-preview em{color:var(--muted);font-style:normal}.roller .field{margin:8px 0}.reveal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.reveal-list li{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;background:#120e24;border-radius:10px;padding:8px 10px}.gm-inventory-block .field-label{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:.866667rem}.gm-inventory-block select{width:100%}.gm-inventory-subhead{margin:10px 0 6px}.gm-inventory-add{display:flex;flex-direction:column;gap:8px;margin-top:10px}.gm-inventory-add input,.gm-inventory-add textarea{width:100%}.item-empty{margin:8px 0 0;font-size:.866667rem;font-style:italic}.reveal-list li button{white-space:nowrap}.secret-text{font-size:.8rem;color:var(--muted);margin-top:3px;line-height:1.4}.tier{font-size:.666667rem;padding:1px 6px;border-radius:999px;text-transform:uppercase}.tier-gm{background:#ffb86b2e;color:var(--gm)}.tier-am{background:#b98bff2e;color:var(--am)}.tier-player{background:#6fd18b2e;color:var(--player)}@media (max-width: 1100px){.layout{display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.col{flex-shrink:0;overflow:visible;min-height:auto}.col.center{order:-1;flex:1 1 0;min-height:0;max-height:none;overflow:hidden}}@media (max-width: 768px){.hide-narrow{display:none!important}.app-header-compact{display:flex}.app-header-wide{display:none!important}.home-shell-bar.app-header,.topbar.app-header{flex-wrap:nowrap;flex-direction:row;align-items:center;padding-top:max(8px,var(--safe-top));padding-bottom:8px;gap:0}.home-tabs--equal{display:flex;width:100%;gap:6px}.home-tab--flex{flex:1;text-align:center;min-height:var(--touch-min)}.campaign-access--wrap,.campaign-access{word-break:break-word}.campaign-fork-panel--full{width:100%}.fork-picks--stack{flex-direction:column;align-items:stretch}.preset-tier-tabs--scroll{overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-x:contain;max-width:100%;-webkit-overflow-scrolling:touch;padding-bottom:4px}.preset-tier-tabs button--touch,.preset-tier-tabs button{min-height:var(--touch-min);flex-shrink:0}.preset-grid,.home-create-layout{grid-template-columns:1fr}.perm-row--stack .check-inline{display:flex;width:100%;margin:4px 0}.chatter-page{--chatter-dock-h: 50px;--chatter-composer-gap: 76px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--chatter-dock-h) + env(safe-area-inset-bottom,0px))}.chatter-app--stacked,.chatter-app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);border-radius:0;flex:1;min-height:0}.chatter-app--mobile.mobile-view-threads .chatter-sidebar--list-only{display:flex;max-height:none;border-right:none;border-bottom:none;flex:1;min-height:0}.chatter-app--mobile.mobile-view-threads .chatter-main-panel,.chatter-app--mobile.mobile-view-chat .chatter-sidebar--list-only{display:none}.chatter-app--mobile.mobile-view-chat .chatter-main-panel{display:flex;padding:10px 12px 0;min-height:0}.chatter-app--mobile.mobile-view-chat .chatter-chat-header h2{font-size:.875rem;line-height:1.25}.chatter-app--mobile .thread-name{font-size:.8125rem}.chatter-app--mobile .chatter-thread-item{padding:8px 10px}.chatter-app--mobile .chatter-composer-status{display:none}.chatter-app--mobile .chatter-composer.waiting{flex-wrap:nowrap;align-items:flex-end}.chatter-app--mobile .chat-bubble.typing{max-width:75%}.chatter-app--mobile.mobile-chat-expanded{position:fixed;left:0;right:0;top:var(--safe-top);bottom:calc(var(--chatter-dock-h) + var(--safe-bottom));z-index:310;border:none}.chatter-app--mobile.mobile-view-chat .chatter-chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--chatter-composer-gap)}.chatter-app--mobile.mobile-view-chat .chatter-chat-log.thinking{padding-bottom:calc(var(--chatter-composer-gap) + 56px)}.chatter-app--mobile.mobile-view-chat .chatter-main-panel>.chatter-composer{position:fixed;left:0;right:0;bottom:calc(var(--chatter-dock-h) + env(safe-area-inset-bottom,0px));z-index:350;margin:0;padding:8px 12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));background:#0e0a1cf7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--border)}.chatter-app--mobile.mobile-recall-open .chatter-sidecar{display:flex!important;position:fixed;left:0;right:0;top:max(28%,calc(var(--safe-top) + 72px));bottom:calc(var(--chatter-dock-h) + var(--safe-bottom) + var(--chatter-composer-gap));z-index:340;border-left:none;border-top:var(--border);background:#0f0c1efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatter-app--mobile.has-sidecar:not(.mobile-recall-open) .chatter-sidecar{display:none}.chatter-mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:360;display:flex;gap:6px;padding:6px 10px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));padding-bottom:max(6px,env(safe-area-inset-bottom,0px));background:#080612fa;border-top:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chatter-dock-btn{flex:1;min-width:0;min-height:var(--touch-min);border-radius:10px;border:var(--border);background:var(--panel-2);color:var(--muted);font-size:.866667rem;cursor:pointer;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatter-dock-btn.active{border-color:var(--accent);color:var(--accent-2);background:#8c78ff1f}.chatter-dock-btn:disabled{opacity:.45;cursor:default}.chatter-dock-expand{flex:0 1 auto;min-width:4.25rem}.chatter-app:not(.chatter-app--mobile).has-sidecar{grid-template-columns:1fr}.chatter-app:not(.chatter-app--mobile).has-active-chat.has-sidecar .chatter-sidecar{display:none}.chatter-app:not(.chatter-app--mobile).has-active-chat .chatter-sidebar--list-only{display:none}.chatter-app:not(.chatter-app--mobile).has-active-chat .chatter-main-panel{display:flex}.chatter-app:not(.chatter-app--mobile):not(.has-active-chat):not(.has-welcome) .chatter-main-panel{min-height:120px}.chatter-sidebar--list-only{border-right:none;border-bottom:var(--border);flex-shrink:0;max-height:min(40dvh,320px)}.chatter-sidecar-toggle{display:inline-flex}.chatter-app--mobile .chatter-sidecar-toggle{display:none}.chatter-back-btn{display:inline-flex}.chatter-name-row--stack,.chatter-name-row{flex-direction:column}.chatter-name-row button{width:100%}.chatter-composer textarea{max-height:min(35dvh,180px)}.join:not(.join--embedded){padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));place-items:start center}.join-card{padding:20px;width:min(560px,100%)}.join-card.join-home{width:100%;max-width:100%}button.small{min-height:var(--touch-min)}.font-scale-panel{right:0;left:auto}.home-toolbar{flex-direction:column;align-items:stretch;gap:12px}.home-toolbar-actions{width:100%;justify-content:flex-end}.home-shell-body{padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right));padding-bottom:max(20px,var(--safe-bottom))}.home-shell--game .home-shell-body{padding:0;overflow-x:hidden}.layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;overscroll-behavior:contain;padding:10px max(10px,var(--safe-left)) max(10px,var(--safe-bottom)) max(10px,var(--safe-right));gap:10px}.col.center{order:-1;flex:1 1 0;min-height:0;max-height:none;overflow:hidden}.story-log-shell{flex:1;min-height:0}.storylog{flex:1 1 auto;min-height:0;max-height:none}.table-center{padding:10px 12px;min-width:0;min-height:0}.table-play-chrome{position:sticky;bottom:0;z-index:30;padding-bottom:max(6px,var(--safe-bottom));background:linear-gradient(180deg,#120e24b8,#120e24fa 24%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app:has(.layout--mobile-table){--table-dock-h: 50px;overflow:hidden}.layout--mobile-table{flex:1;min-height:0;padding-bottom:0}.layout--mobile-table .col{display:none!important;flex:1;min-height:0;max-height:none;overflow:hidden}.layout--mobile-table.layout--mobile-story .col.center{display:flex!important;flex-direction:column}.layout--mobile-table.layout--mobile-party .col.left.table-panel-party,.layout--mobile-table.layout--mobile-inventory .col.left.table-panel-party{display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;max-height:none;height:auto;flex:1;min-height:0;padding-bottom:var(--table-mobile-chrome-h, 56px)}.layout--mobile-table.layout--mobile-party .table-panel-party .collapsible-panel,.layout--mobile-table.layout--mobile-inventory .table-panel-party .collapsible-panel{flex:1;min-height:0;overflow-y:auto}.layout--mobile-table.layout--mobile-roll .col.right.table-panel-roll{display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.layout--mobile-table.layout--mobile-inventory .table-party-only,.layout--mobile-table.layout--mobile-party .table-inventory-only,.layout--mobile-table.layout--mobile-party .table-play-chrome,.layout--mobile-table.layout--mobile-inventory .table-play-chrome{display:none}.layout--mobile-table .table-center--mobile-play{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 10px 0;padding-bottom:var(--table-mobile-chrome-h, 148px);background:transparent;border:none;box-shadow:none}.layout--mobile-table.layout--mobile-party .table-center--mobile-play,.layout--mobile-table.layout--mobile-inventory .table-center--mobile-play{padding-bottom:0}.layout--mobile-table .story-log-shell{flex:1;min-height:0;overflow:hidden}.table-mobile-chrome-portal{position:fixed;left:0;right:0;bottom:0;z-index:360;display:flex;flex-direction:column;pointer-events:none}.table-mobile-chrome-portal>*{pointer-events:auto}.table-mobile-chrome-portal .table-play-chrome{position:relative;flex-shrink:0;z-index:30;margin:0;padding:8px 12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(8px,var(--safe-bottom));border-top:var(--border);background:#080612fa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:manipulation}.table-mobile-chrome-portal .table-mobile-dock{position:relative;flex-shrink:0;display:flex;gap:6px;padding:6px 10px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));padding-bottom:max(6px,env(safe-area-inset-bottom,0px));background:#080612fa;border-top:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.table-dock-btn{flex:1;min-width:0;min-height:var(--touch-min);border-radius:10px;border:var(--border);background:var(--panel-2);color:var(--muted);font-size:.866667rem;cursor:pointer;padding:6px 8px}.table-dock-btn.active{border-color:var(--accent);color:var(--accent-2);background:#8c78ff1f}.col.left,.col.right{flex:0 0 auto;flex-shrink:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;max-height:min(42dvh,380px)}.collapsible-panel{gap:0}.collapse-header{display:flex}.collapsible-panel.collapsed .collapse-body{display:none}.collapsible-panel.open .collapse-body{display:flex;flex-direction:column;gap:10px;margin-top:8px}.campaign-card{flex-direction:column;align-items:stretch}.campaign-actions{flex-direction:row;flex-wrap:wrap;width:100%;margin-top:4px;padding-top:10px;border-top:var(--border)}.campaign-actions button{flex:1 1 auto;min-height:var(--touch-min)}.campaign-card>button{width:100%;align-self:stretch}.msg{max-width:96%}.actionbar-buttons--row button{font-size:.75rem}.join-existing{flex-direction:column}.join-existing button{width:100%}.stat-grid{grid-template-columns:repeat(4,1fr)}.attr-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.brand{font-size:1.13333rem}.stat-grid,.stat-grid.derived{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.app ::-webkit-scrollbar{width:10px;height:10px}.app ::-webkit-scrollbar-track{background:#120e208c;border-radius:10px;margin:2px}.app ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dab9736b,#a8763a52);border-radius:10px;border:1px solid rgba(212,175,95,.18);box-shadow:inset 0 1px #ffe6b41f}.app ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c88285,#bc844466)}.app{scrollbar-color:rgba(200,155,85,.45) rgba(18,14,32,.55);scrollbar-width:thin}.collapsible-panel{display:flex;flex-direction:column;gap:0;margin-bottom:10px}.collapsible-panel .collapse-header{display:flex}.collapsible-panel.collapsed .collapse-body{display:none}.collapsible-panel.open .collapse-body{display:flex;flex-direction:column;gap:12px;margin-top:8px}.col.left .collapsible-panel,.col.right .collapsible-panel{background:var(--panel);border:var(--border);border-radius:var(--radius);padding:8px 10px}}@media (min-width: 1200px){.join-card.join-home{width:min(1200px,96vw)}.home-create-layout{grid-template-columns:1fr minmax(240px,320px);gap:28px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 1400px){.layout{grid-template-columns:minmax(280px,18vw) 1fr minmax(300px,20vw);padding:14px clamp(16px,2.5vw,40px)}.home-shell-body{padding:12px clamp(16px,2vw,32px) 24px}}@media (min-width: 1800px){.layout{grid-template-columns:minmax(300px,380px) 1fr minmax(320px,420px)}.join-card.join-home{width:min(1400px,100%)}.join--embedded .join-card.join-home{max-width:min(1600px,100%)}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.app,.home-shell,.join-card,.panel,.modal-card,.table-center,.chatter-page,.join--embedded,.home-shell-body,.campaign-preset-section{max-width:100%;min-width:0}.actionbar textarea,.chatter-composer textarea,.am-dialogue-input textarea{font-size:max(16px,1.06667rem)}.home-shell--game .join--embedded .join-card.join-home{margin-left:auto;margin-right:auto}@media (max-width: 420px){.join:not(.join--embedded){padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(16px,var(--safe-bottom)) max(12px,var(--safe-left))}.join-card{padding:16px;border-radius:12px}.brand{font-size:1.13333rem}.brand-logo{width:2rem;height:2rem}.solo-cast-grid{grid-template-columns:1fr}.cast-chip{width:100%}.play-mode-option{min-height:var(--touch-min);padding:10px 6px;font-size:.82rem}.preset-tier-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:4px;margin-left:calc(-1*max(0px,var(--safe-left)));margin-right:calc(-1*max(0px,var(--safe-right)));padding-left:max(0px,var(--safe-left));padding-right:max(0px,var(--safe-right))}.preset-tier-tabs button{flex-shrink:0}.campaign-preset-head--create{flex-direction:column;align-items:stretch}.create-new-top{margin-left:0;width:100%}.create-new-top button{width:100%}.admin-layout{padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}.font-scale-panel{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));width:auto}}@media (min-width: 680px) and (max-width: 900px){.home-create-layout{grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:16px}.join-card.join-home{width:min(960px,100%)}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.layout{padding-left:max(14px,var(--safe-left));padding-right:max(14px,var(--safe-right))}.col.center{min-height:clamp(280px,45dvh,460px);max-height:none;flex:1 1 0}}@media (horizontal-viewport-segments: 2){.layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.15fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;gap:12px;column-gap:max(12px,1.5vw)}.col.center{order:0;grid-column:1 / -1;grid-row:1;min-height:0;max-height:none;flex:1;overflow:hidden}.col.left{grid-column:1;grid-row:2;overflow-y:auto;overscroll-behavior:contain;max-height:min(38dvh,360px)}.col.right{grid-column:2;grid-row:2;overflow-y:auto;overscroll-behavior:contain;max-height:min(38dvh,360px)}.home-create-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,320px)}.chatter-app--mobile.mobile-chat-expanded{left:var(--safe-left);right:var(--safe-right)}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.col.center{min-height:clamp(180px,55dvh,320px);max-height:none}.layout{padding-top:6px;gap:8px}}