:root{--ink:#eee7d7;--muted:#99a3a7;--surface:#0d171e;--surface-strong:#14232c;--line:#51442f;--line-soft:#263940;--accent:#27b6a5;--accent-soft:#123d3b;--gold:#c19245;--gold-bright:#e0b464;--danger:#a6534c;--page:#080e13}*{box-sizing:border-box}body{color:var(--ink);background:var(--page);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,textarea,input{font:inherit}button:disabled,textarea:disabled{cursor:not-allowed}.app-shell{grid-template-columns:minmax(15rem,19rem) minmax(0,1fr) minmax(12rem,15rem);min-height:100dvh;display:grid}.sidebar,.quick-actions{background:var(--surface);padding:2rem}.sidebar{border-right:1px solid var(--line)}.quick-actions{border-left:1px solid var(--line)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:700}h1,h2,p{overflow-wrap:break-word}h1{margin:.5rem 0 0;font-size:1.625rem;font-weight:700}h2{margin:0;font-size:1.375rem;font-weight:700}.sidebar-copy,.story-flow p,.composer-footer{color:var(--muted);line-height:1.65}.status-list{gap:.75rem;margin:2rem 0 0;display:grid}.status-list div{padding-top:.75rem}dt{color:var(--muted);font-size:.8125rem}dd{margin:.25rem 0 0;font-weight:700}.narrative{flex-direction:column;min-width:0;padding:2rem clamp(1.25rem,5vw,4rem);display:flex}.character-entry{grid-column:1/-1;width:min(100%,54rem);margin:0 auto;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,5vw,3rem)}.character-entry>h1,.character-entry>.sidebar-copy{text-align:center;max-width:40rem;margin-left:auto;margin-right:auto}.character-entry>.sidebar-copy{margin-top:1rem}.character-entry-layout{grid-template-columns:minmax(12rem,15rem) minmax(0,40rem);align-items:start;gap:1.25rem;width:min(100%,56rem);margin:2rem auto 0;display:grid}.character-entry-layout .character-selector{width:auto;margin:0}.character-stats-guide{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:.9rem;position:sticky;top:1rem}.character-stats-guide summary{cursor:pointer;font-weight:700}.character-stats-guide h2{margin:1.25rem 0 0;font-size:.95rem}.character-stats-guide p{color:var(--muted);margin:.75rem 0 0;line-height:1.55}.character-stats-guide dl{gap:.75rem;margin:1rem 0 0;display:grid}.character-stats-guide dl div{padding-top:.65rem}.character-stats-guide dd{color:var(--muted);margin:.25rem 0 0;font-size:.84rem;font-weight:400;line-height:1.5}.character-form,.character-selector{gap:1rem;width:min(100%,40rem);margin:2rem auto 0;display:grid}.character-form h3,.character-selector h2{margin:0}.character-form p,.character-selector>p{color:var(--muted);margin:0;line-height:1.6}.character-form fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;padding:1rem}.character-form legend{padding:0 .5rem;font-weight:700}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.character-form .form-grid>label{margin:0}.form-field-label{gap:.15rem;min-height:2.35rem;display:grid}.form-field-note{color:var(--muted);font-size:.72rem;font-weight:400;line-height:1.3}.character-form>button,.character-card>button{justify-self:start}.character-options{gap:.75rem;display:grid}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.mode-selector{gap:1.25rem;display:grid}.mode-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mode-card{min-height:12rem;color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:1rem;gap:.65rem;padding:1.25rem;display:grid}.mode-card strong{font-size:1.45rem}.mode-card-selected{border-color:var(--accent,#d5a85b);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#d5a85b)30%,transparent)}@media (max-width:640px){.mode-card-grid{grid-template-columns:1fr}}.preset-card{min-width:0;color:var(--ink);border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;gap:.6rem;padding:.6rem;display:grid;position:relative}.preset-card-copy{gap:.25rem;min-width:0;display:grid}.preset-card-copy>span,.preset-card-copy small{color:var(--muted);overflow-wrap:anywhere}.preset-card-copy small{line-height:1.4}.preset-portrait{width:100%;min-height:8rem}.preset-badge{color:#1b160f;background:#e5bb68;border-radius:999px;padding:.2rem .35rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.preset-summary{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:.75rem;padding:1rem;display:grid}.preset-summary h2,.preset-summary p{margin:0}.preset-summary p:not(.eyebrow){color:var(--muted);line-height:1.6}.preset-derived-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.preset-derived-stats div{padding-top:.5rem}.preset-derived-stats dd{overflow-wrap:anywhere;margin:.25rem 0 0}.preset-primary-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.preset-detail-section{gap:.6rem;min-width:0;padding-top:.75rem;display:grid}.preset-detail-section h3,.preset-detail-section p{margin:0}.preset-detail-section p{color:var(--muted);line-height:1.5}.preset-detail-section .coc-rules-note{padding-top:.35rem;font-size:.86rem}.ability-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.ability-stats div{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:.55rem}.ability-stats dd{margin:.2rem 0 0;font-size:1rem}.ability-stats dd span{color:var(--accent);font-size:.82rem}.preset-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.character-feature-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.character-feature-list li{color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.3rem .5rem;font-size:.84rem}.preset-condition-line{color:var(--muted);font-size:.88rem}.preset-create-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.preset-create-form label{flex:18rem;margin:0}.custom-character-toggle{justify-self:start}.character-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.character-card h3,.character-card p{margin:0}.character-card p{color:var(--muted);font-size:.9rem}.form-error{color:#ffb4ab;background:#8c4a4426;border:1px solid #8c4a44;border-radius:8px;width:min(100%,40rem);margin:1rem auto 0;padding:.75rem 1rem}.scene-header,.composer-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.save-status{color:var(--accent);margin:0;font-size:.875rem}.story-flow{max-width:46rem;padding:0 0 2.5rem}.room-shell .story-flow{width:100%;max-width:none}.room-shell{grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);min-height:100dvh}.room-shell-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.room-shell-sidebar-collapsed>.sidebar{display:none}.sidebar-toolbar{justify-content:flex-end;margin:-.5rem 0 .75rem;display:flex}.sidebar-collapse-toggle,.sidebar-expand-tab{min-height:2rem;color:var(--accent);border-color:var(--line);background:var(--surface-strong);padding:.35rem .55rem;font-size:.75rem}.sidebar-expand-tab{z-index:10;border-radius:0 .55rem .55rem 0;min-width:1.8rem;min-height:3.5rem;padding:.25rem;font-size:1.35rem;position:fixed;top:50%;left:0;transform:translateY(-50%)}.room-workspace{grid-template-rows:minmax(0,2fr) minmax(10.5rem,1.2fr);grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:1rem;min-width:0;height:100dvh;min-height:0;padding:1.25rem clamp(1rem,2.5vw,2.5rem);display:grid;overflow:hidden}.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel{border:1px solid var(--line);background:#182235c7;border-radius:.75rem;min-width:0;min-height:0;overflow:hidden}.room-story-panel{grid-area:1/1;padding:1.25rem;overflow-y:auto}.narrative-focus{background:#202d4394;border:1px solid #6ec7be66;border-radius:.6rem;margin-top:.9rem;padding:.85rem}.narrative-focus h3,.narrative-clues h3{margin:0;font-size:.95rem}.narrative-event-list{gap:.5rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.narrative-event-list li{color:var(--ink);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.45rem 0;display:flex}.narrative-event-list small{color:var(--muted);flex:none;font-size:.7rem}.narrative-empty{color:var(--muted);font-size:.82rem;margin:.6rem 0 0!important}.room-character-panel{grid-area:2/2;align-self:stretch;padding:.6rem .8rem;overflow-y:auto}.room-map-panel{grid-area:2/1;padding:.85rem 1.25rem;overflow-y:auto}.character-status-panel{min-height:0;font-size:.78rem}.room-chat-panel{grid-area:1/2;padding:0}.room-chat-panel>.chat-panel{border-radius:inherit;border:0;height:100%;min-height:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.panel-heading h2{margin-top:.25rem}.panel-subtitle,.map-caption,.room-empty-panel>p:not(.eyebrow){color:var(--muted);margin:.55rem 0 0;line-height:1.5}.character-state-badge,.map-status{color:var(--accent);background:#6ec7be1a;border:1px solid #6ec7be70;border-radius:999px;flex:none;padding:.25rem .5rem;font-size:.72rem}.character-focus-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem;margin-top:.5rem;display:grid}.character-focus-section{min-width:0}.character-focus-section:last-child{grid-column:1/-1}.character-focus-section h3{color:var(--muted);margin:0;font-size:.68rem}.character-tag-list{flex-wrap:wrap;gap:.2rem;margin-top:.25rem;display:flex}.character-tag-list span{border:1px solid var(--line);color:var(--ink);background:#202d43b8;border-radius:999px;padding:.16rem .3rem;font-size:.62rem}.character-tag-list small{color:var(--muted);font-size:.64rem}.character-focus-copy{max-height:2.2rem;color:var(--ink);margin:.25rem 0 0;font-size:.64rem;line-height:1.35;overflow-y:auto}.character-numeric-details{padding-top:.35rem;border:1px solid #33435db3;border-radius:.45rem;margin-top:.45rem;padding-inline:.4rem}.character-numeric-details summary{cursor:pointer;color:var(--muted);align-items:center;gap:.25rem;font-size:.68rem;font-weight:700;display:flex}.character-numeric-details summary:before{content:"▸";color:var(--accent);font-size:.62rem;line-height:1}.character-numeric-details[open] summary:before{content:"▾"}.character-numeric-details .character-primary-stats{margin-top:.35rem}.character-primary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:.75rem 0 0;display:grid}.character-primary-stats>div,.room-ability-grid>div{border:1px solid var(--line);background:#202d43b8;border-radius:.4rem;padding:.3rem}.character-primary-stats dd,.room-ability-grid dd{margin:.15rem 0 0;font-size:.96rem;font-weight:700}.character-primary-stats small,.room-ability-grid small{color:var(--muted);font-size:.64rem;font-weight:400}.character-ability-section{margin-top:.7rem}.character-ability-section h3{margin:0;font-size:.78rem}.room-ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:.4rem 0 0;display:grid}.room-ability-grid dt{font-size:.66rem}.character-condition-line{color:var(--muted);margin:.6rem 0 0;font-size:.68rem}.character-condition-line strong{color:var(--ink)}.map-heading{margin-bottom:.5rem}.map-visual{aspect-ratio:4/3;border:1px solid var(--line);background-color:#152438;background-image:linear-gradient(#1118271a,#11182759),url(/maps/tide-mark-v1-regional-map.webp);background-position:50%;background-size:cover;border-radius:.6rem;height:auto;min-height:7rem;position:relative;overflow:hidden}.map-visual-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.map-visual-fallback{color:var(--ink);text-align:center;background:linear-gradient(#11182738,#111827b8),url(/maps/tide-mark-v1-regional-map.webp) 50%/cover;align-content:center;justify-items:center;gap:.3rem;padding:1rem;display:grid;position:absolute;inset:0}.map-visual-fallback small{color:var(--muted);font-size:.7rem}.map-marker{background:var(--accent);border:2px solid #f5f7fb;border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:52%;left:29%;box-shadow:0 0 0 .4rem #6ec7be40,0 0 1rem #6ec7beb3}.map-marker-label{color:var(--ink);text-shadow:0 1px 3px #111827;font-size:.7rem;font-weight:700;position:absolute;top:calc(52% + 1.2rem);left:29%}.map-legend{flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;bottom:.6rem;left:.6rem;right:.6rem}.map-chip{color:var(--ink);background:#111827bf;border:1px solid #f5f7fb3d;border-radius:999px;padding:.25rem .45rem;font-size:.68rem}.map-chip-current{border-color:var(--accent);color:#102b35;background:var(--accent);font-weight:700}.map-caption{font-size:.7rem;display:none}.room-empty-panel{padding:.1rem}.story-flow p{margin:1rem 0 0}.auth-panel,.start-panel{grid-column:2/-1;width:min(100%,62rem);min-height:100dvh;margin:0 auto}.auth-shell .sidebar,.start-shell .sidebar{min-height:100dvh}.auth-panel .story-flow,.start-panel .story-flow{max-width:52rem}.auth-panel,.start-panel,.story-select-panel{background-position:bottom;background-repeat:no-repeat;background-size:cover}.auth-register-link{min-height:2.5rem;color:var(--ink);border:1px solid var(--line);border-radius:6px;align-items:center;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.auth-register-link:hover,.auth-register-link:focus-visible{border-color:var(--accent)}.auth-form{gap:.5rem;display:grid}.auth-form h3{margin:0}.auth-form p{color:var(--muted);margin:0;line-height:1.6}.form-actions,.start-account-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.auth-test-entry{max-width:46rem;color:var(--muted);margin-top:1rem}.auth-test-entry summary,.start-secondary summary{cursor:pointer;color:var(--ink);font-weight:700}.start-menu{gap:1rem;max-width:46rem;display:grid}.start-primary,.start-primary-form,.start-secondary,.start-secondary-link,.start-account-actions{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:1rem}.start-primary{color:var(--ink);background:var(--surface-strong);font-size:1.125rem;font-weight:700;text-decoration:none;display:block}.start-primary-form,.start-secondary-form{gap:.75rem;margin-top:0;display:grid}.start-primary-form button,.start-secondary-form button{justify-self:start}.start-secondary{gap:1rem;display:grid}.start-secondary .forms-grid,.start-secondary .campaign-list{margin-top:0}.start-secondary-link{color:var(--ink);text-decoration:none;display:block}.start-account-actions{justify-content:space-between}.auth-update-panel{grid-column:1/-1;width:min(100%,46rem);margin:auto}.story-select-panel{grid-column:1/-1;width:min(100%,72rem);margin:auto}.story-selector{gap:1rem;max-width:64rem;margin-top:1rem;display:grid}.story-card-frame{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:.75rem;display:grid}.story-card-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1rem;min-width:0;display:flex;overflow-x:auto}.story-card{border:1px solid var(--line);background:var(--surface);scroll-snap-align:center;border-radius:10px;flex:0 0 min(100%,42rem);padding:1rem}.story-card-cover{min-height:8rem;color:var(--ink);background:linear-gradient(135deg,#253c57,#1f2937 55%,#513e2a);place-items:end start;margin-bottom:1rem;padding:1rem;font-size:1.25rem;font-weight:700;display:grid}.story-card h2,.story-card p{margin:.5rem 0 0}.story-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.story-card-meta{flex-wrap:wrap;gap:1rem;margin:1rem 0 0;display:flex}.story-card-meta dt{color:var(--muted)}.story-card-meta dd{margin:.25rem 0 0}.story-arrow{border:1px solid var(--line);background:var(--surface);border-radius:50%;align-self:center;min-width:2.75rem;min-height:2.75rem;font-size:1.25rem}.story-page-indicator{color:var(--muted);text-align:center;margin:0}.difficulty-selector{border:1px solid var(--line);border-radius:8px;min-width:0;margin:0;padding:1rem}.difficulty-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.difficulty-options label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;align-content:start;gap:.6rem;min-height:0;margin:0;padding:.75rem;display:grid}.difficulty-option-selected{border-color:var(--accent)!important}.difficulty-card-heading,.difficulty-card-copy,.difficulty-stats,.difficulty-consequences{min-width:0;display:grid}.difficulty-card-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem}.difficulty-card-heading input{width:1rem;min-width:1rem;height:1rem;min-height:1rem;accent-color:var(--accent);margin:0}.difficulty-card-heading strong{font-size:1.05rem}.difficulty-card-copy{gap:.35rem}.difficulty-options small{color:var(--muted);font-weight:400;line-height:1.45;display:block}.difficulty-suitable{color:var(--ink)!important;font-weight:700!important}.difficulty-description{min-height:2.9em}.difficulty-stats{gap:.35rem;margin:.2rem 0;padding:.45rem 0;display:grid}.difficulty-stats small{color:var(--ink);white-space:normal;font-size:.78rem;line-height:1.45;display:block}.difficulty-stats strong{color:var(--accent)}.difficulty-consequences{gap:.35rem}.difficulty-consequences small{grid-template-columns:auto minmax(0,1fr);gap:.35rem;display:grid}.difficulty-consequences strong{color:var(--ink)}.difficulty-change-rule{padding-top:.2rem;color:var(--accent)!important}.story-title-field{max-width:40rem}.portrait-fallback{min-height:10rem;color:var(--muted);background:linear-gradient(145deg,var(--surface-strong),#27364b);text-align:center;place-items:center;display:grid}.action-composer{max-width:46rem;margin-top:auto;padding-top:1.25rem}.forms-grid{gap:1rem;max-width:46rem;display:grid}.forms-grid .action-composer{margin-top:0}input{width:100%;min-height:2.5rem;color:var(--ink);border:1px solid var(--line);background:var(--surface-strong);border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.character-form select{width:100%;min-height:2.5rem;color:var(--ink);border:1px solid var(--line);background-color:var(--surface-strong);font:inherit;border-radius:6px;margin:.5rem 0;padding:.5rem 2.25rem .5rem .75rem}.character-form .form-grid>label>select{margin-top:.5rem}button{color:var(--ink);cursor:pointer}.campaign-list,.invite-controls{max-width:46rem;margin-top:2rem;padding-top:1.25rem}.sidebar-section{margin-top:1.5rem;padding-top:1rem}.sidebar-section summary{cursor:pointer;color:var(--ink);font-weight:700}.sidebar-section .member-list{margin:1rem 0 0}.sidebar-section .invite-controls{border-top:0;max-width:none;margin-top:1rem;padding-top:0}.sidebar-section .archive-controls{margin-top:1rem}.sidebar-navigation{gap:.75rem;margin-top:2rem;padding-top:1rem;display:grid}.sidebar-navigation form{margin:0}.room-sign-out-hidden{display:none}.invite-generate-button,.invite-link-actions button{min-height:2rem;padding:.3rem .55rem;font-size:.76rem}.invite-controls label[for=invite-link]{margin-top:.35rem}.back-to-lobby{min-height:2.5rem;color:var(--accent);align-items:center;gap:.5rem;display:inline-flex}.campaign-list ul,.member-list{gap:.75rem;padding:0;list-style:none;display:grid}.campaign-list li,.member-list li{justify-content:space-between;gap:1rem;display:flex}.campaign-list li>a{flex:1;justify-content:space-between;gap:1rem;display:flex}a{color:var(--accent)}label{margin-bottom:.625rem;font-weight:700;display:block}.invite-link-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.world-state-panel{margin-top:2rem;padding-top:1.25rem}.dm-message{background:color-mix(in srgb,var(--surface-strong)88%,var(--accent));border:1px solid #456176;border-radius:10px;margin-bottom:2rem;padding:1.25rem}.dm-message h3{margin:.5rem 0 0;font-size:1.25rem}.dm-message h4{color:var(--ink);margin:1.25rem 0 .5rem;font-size:.9375rem}.dm-message ul{color:var(--muted);gap:.5rem;margin:0;padding-left:1.25rem;line-height:1.55;display:grid}.compact-status-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 0}.event-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.event-actions>div{min-width:12rem}.event-action-button{align-items:center;gap:.5rem;transition:transform .12s,border-color .12s,opacity .12s;display:inline-flex}.event-action-button:not(:disabled):active{transform:scale(.97)}.event-action-button[data-pending=true]{cursor:wait;opacity:.75}.event-action-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.7s linear infinite event-action-spin}.event-action-feedback{margin:.5rem 0 0;font-size:.875rem}.event-action-feedback.success{color:var(--accent)}.event-action-feedback.error{color:#ffb4ab}@keyframes event-action-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button,a,summary{transition:none}button:not(:disabled):active{transform:none}.ui-spinner{animation:none}.event-action-button{transition:none}.event-action-button:not(:disabled):active{transform:none}.event-action-spinner{animation:none}}.clue-list{color:var(--muted);gap:.5rem;padding-left:1.25rem;display:grid}.clue-investigation-list{gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.clue-investigation-list li{background:#6ec7be0d;border:1px solid #6ec7be38;border-radius:.65rem;gap:.45rem;padding:.7rem;display:grid}.clue-investigation-list p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.clue-roll-form{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.clue-roll-form button{border:1px solid var(--accent);min-height:2rem;color:var(--ink);background:0 0;border-radius:.4rem;padding:.35rem .65rem;font-size:.76rem}.clue-roll-form button:hover:not(:disabled){background:#6ec7be1f}.clue-roll-form button:disabled{cursor:wait;opacity:.6}.clue-roll-result{color:var(--muted);margin:0;font-size:.78rem}.world-state-empty{border:1px solid var(--line);border-radius:6px;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.archive-controls{max-width:46rem;color:var(--muted);margin-top:1rem}.archive-controls summary{cursor:pointer}.archive-form{border:1px solid var(--line);border-radius:6px;gap:.5rem;max-width:28rem;margin-top:.75rem;padding:1rem;display:grid}.archive-form p,.archive-form label{margin:0;font-size:.875rem}.archive-button{color:#ffb4ab;border-color:#8c4a44}.archived-notice{border:1px solid var(--line);border-radius:6px;padding:.75rem 1rem}textarea{resize:vertical;width:100%;color:var(--ink);border:1px solid var(--line);background:var(--surface-strong);border-radius:6px;padding:.875rem}.composer-footer{margin-top:.75rem;font-size:.8125rem}button{min-height:2.5rem;color:var(--muted);border:1px solid var(--line);touch-action:manipulation;background:0 0;border-radius:6px;padding:.5rem .75rem;transition:transform .12s,border-color .12s,background-color .12s,opacity .12s}button:not(:disabled):active{transform:scale(.98)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:wait;opacity:.65}button[data-pending=true]{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:.875rem;height:.875rem;animation:.7s linear infinite ui-spinner-spin;display:inline-block}.inline-loading{color:var(--muted);align-items:center;gap:.5rem;display:inline-flex}.route-loading-shell{background:var(--reference-black,#080e13);place-items:center;min-height:100dvh;padding:2rem;display:grid}a[data-pending]{cursor:wait;opacity:.75}a[data-pending] .ui-spinner{vertical-align:-.1em;margin-right:.45rem}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}.quick-actions ul{gap:.5rem;margin:0;padding:1rem 0 0;list-style:none;display:grid}.quick-actions button{text-align:left;width:100%}.chat-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;width:100%;height:auto;min-height:calc(100dvh - 9rem);margin:0;padding:.75rem;display:grid}.room-shell .chat-panel{width:100%;min-height:calc(100dvh - 9rem);margin:0}.chat-heading,.chat-message-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-heading h3{margin:.15rem 0 0;font-size:1.1rem}.chat-message-list{scrollbar-gutter:stable;align-content:start;gap:.35rem;height:100%;min-height:0;max-height:none;margin:0;padding:.25rem .25rem 0;list-style:none;display:grid;overflow-y:auto}.chat-message-list-shell{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-history-load,.narrative-history-load{min-height:2rem;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-self:center;padding:.35rem .75rem;font-size:.75rem}.chat-history-load:disabled,.narrative-history-load:disabled{cursor:wait;opacity:.65}.narrative-history-load{margin:0 auto .6rem;display:block}.chat-time-separator{color:#8d8d8d;justify-content:center;padding:.35rem 0 0;font-size:.78rem;display:flex}.chat-message,.chat-empty{background:0 0;border:0;border-radius:0;padding:.45rem .2rem}.chat-message{grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.chat-message-content{align-self:center;min-width:0}.chat-message-own .chat-avatar{grid-area:1/2}.chat-message-own .chat-message-content{text-align:right;grid-area:1/1}.chat-message-own .chat-message-meta{justify-content:flex-end}.chat-empty{color:var(--muted);text-align:center}.chat-message-bubble{color:#e1e5eb;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#2b3038;border:0;border-radius:.55rem;max-width:min(75%,34rem);margin:.25rem 0 0;padding:.38rem .65rem;font-size:.86rem;line-height:1.5;display:inline-block}.chat-message-own .chat-message-bubble{color:#102b35;background:var(--accent);text-align:left;margin-inline:auto 0}.chat-avatar{border:1px solid var(--line);width:2.25rem;height:2.75rem;color:var(--ink);background:var(--surface-strong);border-radius:.8rem;flex:none;place-items:center;display:grid;overflow:hidden}.chat-avatar-portrait,.chat-avatar-portrait.portrait-fallback{object-fit:cover;object-position:50% 18%;width:100%;height:100%;min-height:0;display:block}.chat-avatar-fallback,.chat-avatar-portrait.portrait-fallback{color:var(--accent);background:linear-gradient(145deg,var(--surface-strong),#27364b);place-items:center;font-size:1rem;font-weight:700;display:grid}.chat-new-messages{border:1px solid var(--accent);color:var(--ink);background:var(--surface-strong);white-space:nowrap;border-radius:999px;padding:.45rem .75rem;font-size:.8rem;position:absolute;bottom:.7rem;right:50%;transform:translate(50%);box-shadow:0 .35rem 1rem #00000038}.chat-message-meta{color:var(--muted);justify-content:flex-start;font-size:.72rem}.chat-message-meta time{margin-left:auto}.message-mode{color:#fff;border-radius:999px;padding:.15rem .35rem;font-size:.68rem;line-height:1.35}.chat-composer{gap:.5rem;display:grid}.chat-composer textarea{resize:vertical;min-height:4.5rem;padding:.55rem .65rem;font-size:.86rem;line-height:1.5}.chat-send-button{color:#102018;border-color:var(--accent);background:var(--accent);min-width:3.25rem;min-height:2rem;padding:.35rem .7rem;font-size:.82rem}.chat-composer-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.chat-roll-button{min-width:3.25rem;min-height:2rem;color:var(--ink);border-color:var(--accent);background:0 0;padding:.35rem .7rem;font-size:.82rem}.chat-mode-buttons{flex:auto;justify-content:flex-start;align-items:center;gap:.35rem;min-width:0;padding-bottom:.15rem;display:flex;overflow-x:auto}.chat-mode-toolbar{align-items:center;gap:.35rem;min-width:0;display:flex}.chat-mode-button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:.25rem;min-height:2rem;padding:.35rem .55rem;font-size:.78rem;display:inline-flex}.chat-mode-help{align-self:center;align-items:center;display:inline-flex;position:relative}.chat-mode-help-button{border:1px solid var(--muted);width:18px;height:18px;min-height:18px;color:var(--muted);border-radius:50%;place-items:center;padding:0;font-size:.72rem;font-weight:700;display:inline-grid}.chat-mode-help-button:hover:not(:disabled){color:var(--ink)}.chat-mode-help-bubble{z-index:2;border:1px solid var(--line);width:min(19rem,80vw);color:var(--ink);background:var(--surface-strong);border-radius:.5rem;padding:.65rem .75rem;font-size:.75rem;line-height:1.55;display:none;position:absolute;bottom:calc(100% + .45rem);right:0;box-shadow:0 .45rem 1rem #0000003d}.chat-mode-help:hover .chat-mode-help-bubble,.chat-mode-help:focus-within .chat-mode-help-bubble,.chat-mode-help-button[aria-expanded=true]+.chat-mode-help-bubble{display:block}.chat-read-only{color:var(--muted);margin:0;font-size:.78rem}.chat-mode-selected{border-color:var(--accent);background:var(--surface-strong);box-shadow:0 0 0 2px #6ec7be26}.action-proposal-list{gap:.45rem;display:grid}.action-proposal-card{background:#3f2d20b3;border:1px solid #ea580c8c;border-radius:.55rem;gap:.35rem;padding:.65rem .75rem;display:grid}.action-proposal-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.action-proposal-votes,.action-proposal-feedback{color:var(--muted);font-size:.75rem}.action-proposal-warning{color:#f4c77b;margin:0;font-size:.78rem}.action-proposal-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.action-proposal-buttons form{margin:0}.action-proposal-buttons button{min-height:2rem;padding:.3rem .55rem;font-size:.76rem}.action-proposal-approve{border-color:var(--accent);color:#102018;background:var(--accent)}.action-proposal-reject{color:var(--ink);background:0 0;border-color:#d48686}.chat-unread-count{color:#1b160f;background:#e5bb68;border-radius:999px;place-items:center;min-width:1.25rem;min-height:1.25rem;padding:.1rem .3rem;font-size:.68rem;font-weight:700;display:inline-grid}.chat-composer label{color:var(--muted);gap:.35rem;font-size:.78rem;display:grid}.chat-composer select{min-height:2.5rem;color:var(--ink);border:1px solid var(--line);background:var(--surface-strong);border-radius:6px;padding:.5rem}.difficulty-controls{gap:.55rem;margin-top:1rem;display:grid}.difficulty-controls-label{color:var(--muted);font-size:.78rem;font-weight:700}.difficulty-control-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.difficulty-control-option{border:1px solid var(--line);min-height:2rem;color:var(--ink);background:var(--surface-strong);border-radius:5px;padding:.35rem .45rem;font-size:.78rem}.difficulty-control-option-selected{border-color:var(--accent);color:#102018;background:var(--accent);font-weight:700;position:relative;box-shadow:0 0 0 2px #6ec7be3d,0 .35rem .8rem #0000002e}.difficulty-control-option-locked,.difficulty-control-option:disabled{color:#7f8996;cursor:not-allowed;opacity:1;background:#252c38;border-color:#3a4350}.difficulty-control-option-selected:disabled{border-color:var(--accent);color:#102018;background:var(--accent);cursor:default;opacity:1;box-shadow:0 0 0 2px #6ec7be3d,0 .35rem .8rem #0000002e}.chat-composer button{justify-self:end}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.room-shell .chat-panel{min-height:calc(100dvh - 12rem)}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar,.quick-actions{display:none}.room-shell .sidebar{border-right:0;padding:1rem 1.25rem;display:block}.room-shell .sidebar h1{font-size:1.25rem}.room-shell .sidebar .sidebar-copy{display:none}.room-shell .sidebar .status-list{gap:1rem;margin:1rem 0 0;display:flex;overflow-x:auto}.room-shell .sidebar .status-list div{border-top:0;min-width:5rem;padding-top:0}.room-shell .sidebar-section{margin-top:1rem}.room-shell .sidebar-navigation{flex-wrap:wrap;margin-top:1rem;padding-top:1rem;display:flex}.room-shell .sidebar-navigation form,.room-shell .sidebar-navigation button,.room-shell .back-to-lobby{flex:10rem}.narrative{min-height:100dvh;padding:1.25rem}.character-entry-layout{grid-template-columns:1fr;width:min(100%,40rem)}.character-stats-guide{position:static}.auth-panel,.start-panel{grid-column:1/-1}.story-flow{padding-top:0}.difficulty-options,.preset-grid,.preset-derived-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.chat-message-bubble{max-width:86%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{flex-direction:column;align-items:stretch}.character-card>button,.character-form>button{justify-self:stretch;width:100%}.scene-header,.composer-footer{flex-direction:column;align-items:flex-start}.composer-footer button{width:100%}.compact-status-list{grid-template-columns:1fr}.story-card-frame{grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem}.story-card{flex-basis:100%}.difficulty-options,.preset-grid,.preset-derived-stats{grid-template-columns:1fr}.ability-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-detail-columns{grid-template-columns:1fr}}.room-mobile-header,.room-mobile-navigation{display:none}.room-section-navigation{gap:.22rem;margin-top:.85rem;padding-top:.8rem;display:grid;box-shadow:inset 0 1px #25363b}.room-section-navigation a,.room-section-navigation .room-sidebar-dropdown summary{color:#b7b1a3;border-radius:.35rem;align-items:center;min-height:2.25rem;padding:.45rem .55rem;font-size:.76rem;text-decoration:none;display:flex}.room-section-navigation a:before{width:1.15rem;color:var(--reference-brass);content:"◈"}.room-section-navigation a:hover,.room-section-navigation a:focus-visible,.room-section-navigation .room-sidebar-dropdown summary:hover,.room-section-navigation .room-sidebar-dropdown summary:focus-visible{color:#eee4d2;background:linear-gradient(90deg,#3d301dbf,#0c191fb8)}.room-shell .member-list li{grid-template-columns:1.8rem minmax(0,1fr) auto;gap:.5rem;display:grid}.room-shell .member-avatar{color:#e2b666;background:#17252b;border:1px solid #5d4b2f;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.68rem;display:grid}.room-shell .member-copy{min-width:0;display:grid}.room-shell .member-copy strong{color:#e8dfcf;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.room-shell .member-copy small{color:#8f8b82;font-size:.6rem}.member-presence{background:#435057;border-radius:50%;width:.42rem;height:.42rem}.member-online .member-presence{background:var(--reference-teal);box-shadow:0 0 .45rem #18b399b3}.narrative-timeline{min-height:0;margin-top:.7rem}.narrative-toolbar{justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.narrative-tabs{gap:.35rem;min-width:0;display:flex;overflow-x:auto}.narrative-tab{color:#8f8b82;background:#09161c;border:1px solid #22343a;border-radius:.35rem;flex:none;min-height:1.95rem;padding:.32rem .75rem;font-size:.68rem}.narrative-tab-active{color:#1b140b;border-color:var(--reference-brass-light);background:linear-gradient(180deg,var(--reference-brass-light),var(--reference-brass))}.narrative-bookmark-count{color:#b69b68;flex:none;font-size:.68rem}.narrative-card-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.narrative-card{background:#08151be0;border:1px solid #172b31;border-left:2px solid #5a4930;border-radius:.38rem;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:start;gap:.7rem;min-height:4rem;padding:.72rem .75rem;display:grid}.narrative-card-clue{border-left-color:var(--reference-teal)}.narrative-card-roll{border-left-color:#d8b25f}.narrative-card-system{border-left-color:#58636a}.narrative-card>time{color:#777970;font-size:.62rem}.narrative-card-body{min-width:0}.narrative-card-meta{align-items:center;gap:.45rem;display:flex}.narrative-card-meta>span{color:#ead6aa;background:#46371f;border-radius:999px;padding:.12rem .38rem;font-size:.6rem}.narrative-card-body p{color:#d8d5cd;white-space:pre-wrap;margin:.48rem 0 0;font-size:.76rem;line-height:1.6}.narrative-bookmark{color:#b99b61;background:0 0;border:0;min-width:1.8rem;min-height:1.8rem;padding:0}.map-stage{transform-origin:50%;will-change:transform;transition:transform .16s;position:absolute;inset:0;overflow:visible}.map-visual{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map-visual.map-dragging .map-stage{transition:none}.map-visual:active{cursor:grabbing}.map-route-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-location{z-index:3;position:absolute;transform:translate(-50%,-50%)}.map-location>span:first-child{cursor:default;place-items:center;width:1rem;height:1rem;padding:0;list-style:none;display:grid}.map-location>span:first-child>span{background:#8d7447;border:2px solid #eee4d2;border-radius:50%;width:.62rem;height:.62rem;box-shadow:0 0 0 .22rem #050e139e}.map-location-label{color:#f0e5cf;white-space:nowrap;text-shadow:0 1px 2px #000;width:max-content;font-size:.55rem;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.map-npc{z-index:4;position:absolute;transform:translate(-50%,-50%)}.map-npc>span:first-child{color:#f3e7d2;cursor:default;background:#182123eb;border:1px solid #c8a96fb8;border-radius:999px;align-items:center;gap:.35rem;min-height:1rem;padding:.16rem .35rem .16rem .2rem;list-style:none;display:flex;box-shadow:0 0 0 .18rem #050e138c}.map-npc>span:first-child>span:first-child{background:#b9783e;border:2px solid #f0d397;border-radius:50%;flex:none;width:.52rem;height:.52rem;box-shadow:0 0 0 .12rem #050e13b8}.map-npc-label{white-space:nowrap;gap:.04rem;line-height:1.05;display:grid}.map-npc-label strong{font-size:.62rem}.map-npc-label small{color:#c9b993;font-size:.5rem}.map-location-popover{z-index:5;color:#e8dfcf;background:#050f14f5;border:1px solid #4c473a;border-radius:.35rem;gap:.15rem;width:9rem;padding:.55rem .65rem;display:grid;position:absolute;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.2rem #00000059}.map-location-popover strong{font-size:.67rem}.map-location-popover small,.map-location-popover p{color:#9e9a8f;margin:0;font-size:.56rem}.map-controls{z-index:7;gap:.3rem;display:flex;position:absolute;bottom:.55rem;left:.55rem}.map-controls button{color:#d8c69f;background:#050f14e0;border-color:#314248;min-width:1.9rem;min-height:1.8rem;padding:.2rem .42rem;font-size:.66rem}.map-legend{z-index:4;justify-content:flex-end;max-width:68%;bottom:.55rem;left:auto;right:.55rem}.chat-presence{color:var(--reference-teal);justify-items:end;font-size:.66rem;display:grid}.chat-presence small{color:#777f7e;font-size:.56rem}.pending-roll-card{background:linear-gradient(90deg,#412d16c7,#0a181eeb);border:1px solid #bd8d43a6;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .75rem;display:flex}.pending-roll-card p{margin:0}.pending-roll-card p:not(.eyebrow){color:#bdb6a8;margin-top:.2rem;font-size:.66rem}.pending-roll-card .chat-roll-button{color:#1b140b;border-color:var(--reference-brass-light);background:linear-gradient(180deg,var(--reference-brass-light),var(--reference-brass));flex:none}@media (max-width:900px){.room-shell,.room-shell.room-shell-sidebar-collapsed{background:var(--reference-black);min-height:100dvh;padding:3.7rem 0 4.1rem;display:block}.room-shell>.sidebar,.room-shell>.sidebar-expand-tab{display:none}.room-mobile-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050e13f5;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.7rem;padding:.65rem .85rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:inset 0 -1px #25373c}.room-mobile-header div{min-width:0;display:grid}.room-mobile-header small,.room-mobile-header span{color:var(--reference-teal);font-size:.58rem}.room-mobile-header strong{color:#eee4d2;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.room-workspace{height:auto;min-height:0;padding:.55rem;display:block}.room-workspace>[data-mobile-active=false]{display:none}.room-workspace>[data-mobile-active=true]{height:calc(100dvh - 8.35rem);min-height:0;max-height:none;display:block;overflow-y:auto}.room-chat-panel[data-mobile-active=true]{padding:0;overflow:hidden}.room-chat-panel>.chat-panel{height:100%;min-height:0}.room-mobile-navigation{z-index:20;min-height:4.1rem;padding:.35rem .45rem max(.35rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050e13f7;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #25373c}.room-mobile-navigation button{color:#8f8b82;background:0 0;border:0;min-height:3rem;padding:.35rem;font-size:.67rem;position:relative}.room-mobile-navigation button[aria-pressed=true]{color:var(--reference-brass-light);background:#4b361b59}.mobile-pending-dot{background:var(--reference-brass-light);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.35rem;right:calc(50% - 1.65rem);box-shadow:0 0 .45rem #e2b666cc}.narrative-bookmark-count{display:none}.map-visual{height:auto;min-height:0}}@media (max-width:480px){.narrative-card{grid-template-columns:2.35rem minmax(0,1fr) 1.55rem;gap:.45rem;padding:.65rem .55rem}.narrative-card-body p{font-size:.72rem}.pending-roll-card{flex-direction:column;align-items:stretch}.pending-roll-card .chat-roll-button{width:100%}}@media (max-width:1100px) and (min-width:901px){.room-workspace{grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr)}.room-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}html{background:var(--page)}body{color:var(--ink);background:radial-gradient(circle at 82% -10%,#2a5b5c29,#0000 34rem),linear-gradient(135deg,#080e13 0%,#0b131a 52%,#10131a 100%);font-family:Arial,Microsoft YaHei,sans-serif}.app-shell{background:0 0}.sidebar,.quick-actions{background:linear-gradient(180deg,#141f26eb,#080f14f5),var(--surface)}.sidebar{border-color:var(--line-soft);box-shadow:inset -1px 0 #c192451f}.quick-actions{border-color:var(--line-soft);box-shadow:inset 1px 0 #c192451f}.eyebrow,.panel-heading .eyebrow,.chat-heading .eyebrow,.map-heading .eyebrow{color:var(--gold-bright);letter-spacing:.04em}.scene-header h1,.panel-heading h2,.chat-heading h3,.map-heading h2,.sidebar h1,.story-card h2,.mode-card strong{color:var(--gold-bright)}a,.back-to-lobby{color:var(--accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--ink);border-color:var(--line-soft);background:#0b161ceb;border-radius:.45rem}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #27b6a524}button{color:var(--ink);border-color:var(--line);background:linear-gradient(#1c2b30eb,#0e191ff5);border-radius:.45rem}button:hover:not(:disabled),a:hover,summary:hover{border-color:var(--gold-bright)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}.narrative,.auth-panel,.start-panel,.story-select-panel,.character-entry{background:radial-gradient(circle at 100% 0,#27b6a50d,#0000 26rem),0 0}.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel,.character-stats-guide,.preset-summary,.mode-card,.preset-card,.character-card,.story-card,.start-primary,.start-primary-form,.start-secondary,.start-secondary-link,.start-account-actions,.forms-grid,.auth-form{border-color:var(--line);background:linear-gradient(135deg,#132229e0,#081016f5);border-radius:.65rem;box-shadow:inset 0 0 0 1px #ffffff08,0 .7rem 1.8rem #0000002e}.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel{border-color:color-mix(in srgb,var(--gold)48%,var(--line-soft))}.mode-card-selected,.preset-card-selected,.story-card-selected{border-color:var(--gold-bright);box-shadow:0 0 0 2px #c192452e,0 .7rem 1.8rem #00000038}.start-primary,.start-primary-form button,.auth-form button[type=submit],.auth-test-entry button[type=submit],.story-selector button[type=submit],.start-secondary-form button[type=submit],.chat-send-button,.action-proposal-approve,.event-action-button,.clue-roll-form button,.preset-create-form button,.character-form>button{color:#22180b;border-color:var(--gold-bright);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 .35rem 1rem #c1924538}.start-primary:hover,.start-primary-form button:hover:not(:disabled),.auth-form button[type=submit]:hover:not(:disabled),.auth-test-entry button[type=submit]:hover:not(:disabled),.story-selector button[type=submit]:hover:not(:disabled),.start-secondary-form button[type=submit]:hover:not(:disabled),.chat-send-button:hover:not(:disabled),.action-proposal-approve:hover:not(:disabled),.event-action-button:hover:not(:disabled),.clue-roll-form button:hover:not(:disabled),.preset-create-form button:hover:not(:disabled),.character-form>button:hover:not(:disabled){color:#160f06;background:linear-gradient(180deg,#f0cb80,var(--gold-bright));border-color:#f0cb80}.start-secondary-link,.start-secondary{color:var(--ink)}.save-status,.character-state-badge,.map-status{color:var(--accent)}.character-state-badge,.map-status{background:#27b6a51a;border-color:#27b6a57a}.narrative-focus,.story-event-card,.clue-investigation-list,.world-state-empty{border-color:var(--line-soft);background:#0c191fc2}.narrative-event-list li+li{box-shadow:inset 0 1px #263940b8}.story-event-card{border-left-color:var(--gold)}.chat-panel{border-color:var(--line-soft);background:0 0}.chat-message-bubble{color:var(--ink);border:1px solid var(--line-soft);background:#122027e0;border-radius:.5rem}.chat-message-own .chat-message-bubble{color:#08201e;border-color:var(--accent);background:var(--accent)}.chat-mode-button,.difficulty-control-option,.chat-mode-help-bubble,.character-primary-stats>div,.room-ability-grid>div,.character-feature-list li{border-color:var(--line-soft);background:#0f1d24e0}.chat-mode-selected,.difficulty-control-option-selected{color:#08201e;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #27b6a529}.action-proposal-card{background:#302316b8;border-color:#c1924594}.action-proposal-warning{color:var(--gold-bright)}.map-visual{border-color:var(--line);background-color:#0b1d26;box-shadow:inset 0 0 0 1px #27b6a50f}.map-marker{background:var(--accent);box-shadow:0 0 0 .4rem #27b6a53d,0 0 1rem #27b6a599}.roll-card,.invite-controls,.campaign-list,.archive-controls,.difficulty-controls,.character-form fieldset{border-color:var(--line);background:#0c181eb3}.form-error,.event-action-feedback.error{color:#f0b5aa;border-color:var(--danger);background:#a6534c21}.room-chat-panel>.chat-panel{min-height:0}@media (max-width:900px){.room-shell,.room-shell-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.room-workspace{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:auto;padding:1rem;overflow:visible}.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel{grid-column:1;min-height:0}.room-story-panel{grid-row:1;min-height:24rem}.room-chat-panel{grid-row:2;min-height:calc(100dvh - 8rem)}.room-map-panel{grid-row:3;min-height:12rem;max-height:16rem}.room-character-panel{grid-row:4;min-height:12rem;max-height:16rem}.room-shell-sidebar-collapsed>.sidebar,.room-shell:not(.room-shell-sidebar-collapsed)>.sidebar-expand-tab{display:none}}@media (max-width:480px){.room-workspace{padding:.75rem}.room-story-panel,.room-character-panel,.room-map-panel{padding:.65rem .75rem}.character-primary-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.room-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--reference-black:#050a0e;--reference-panel:#08131a;--reference-panel-soft:#0b1820;--reference-brass:#bd8d43;--reference-brass-light:#e2b666;--reference-teal:#18b399}body{background:radial-gradient(circle at 10% 0%,#1f444a1f,transparent 28rem),radial-gradient(circle at 90% 100%,#794e231a,transparent 30rem),var(--reference-black);min-width:320px}.app-shell{isolation:isolate}.room-shell{background:linear-gradient(90deg,#071017 0 17.25rem,#0000 17.25rem);grid-template-columns:17.25rem minmax(0,1fr)}.room-shell.room-shell-sidebar-collapsed{background:var(--reference-black);grid-template-columns:minmax(0,1fr)}.room-shell .sidebar{z-index:1;background:linear-gradient(180deg,#071218f5,#040b10fa),var(--reference-black);border-right:1px solid #28383d;padding:1.35rem 1.25rem 1.15rem;position:relative;box-shadow:inset -1px 0 #bd8d4326}.room-shell .sidebar:after{z-index:-1;pointer-events:none;content:"";opacity:.18;background:repeating-linear-gradient(135deg,#0000 0 9px,#ffffff05 10px 11px);position:absolute;inset:0}.sidebar-room-card{background:linear-gradient(#040e1459,#040c11f0),url(/assets/story-select/tide-mark-v1-cover.webp) 50% 47%/cover;border:1px solid #2a3b40;border-radius:.5rem;min-height:9.8rem;margin:0 0 1rem;padding:.95rem;position:relative;overflow:hidden;box-shadow:inset 0 0 2rem #00000061}.sidebar-room-card:after{pointer-events:none;content:"";border-radius:inherit;border:1px solid #e2b66621;position:absolute;inset:0}.sidebar-room-card>*{z-index:1;position:relative}.room-shell .sidebar-room-card h1{color:#f1eadb;text-shadow:0 1px 1px #000;max-width:13rem;margin-top:.55rem;font-size:1.08rem;line-height:1.25}.room-shell .sidebar-room-card .sidebar-copy{color:#b8b1a3;margin-top:.4rem;font-size:.72rem;line-height:1.45}.room-shell .sidebar-room-card .status-list{justify-content:space-between;gap:.45rem;margin:.7rem 0 0;display:flex}.room-shell .sidebar-room-card .status-list div{min-width:0;padding:0}.room-shell .sidebar-room-card .status-list div:first-child,.room-shell .sidebar-room-card .status-list dt{display:none}.room-shell .sidebar-room-card .status-list dd{color:#c5b58f;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:500;overflow:hidden}.room-shell .sidebar-room-card .status-list div:nth-child(2) dd:before{content:"";background:var(--reference-teal);border-radius:50%;width:.4rem;height:.4rem;margin-right:.35rem;display:inline-block;box-shadow:0 0 .45rem #18b399a6}.room-shell .sidebar-section{margin-top:.75rem;padding:.85rem .2rem 0;box-shadow:inset 0 1px #25363b}.room-shell .sidebar-section summary{color:var(--reference-brass-light);font-size:.82rem;list-style:none}.room-shell .sidebar-section summary::-webkit-details-marker{display:none}.room-shell .sidebar-section summary:before{width:1rem;color:var(--reference-brass);content:"✦";display:inline-block}.room-shell .member-list{gap:.25rem}.room-shell .member-list li{background:#111e24ad;border:1px solid #0000;border-radius:.35rem;align-items:center;min-height:2.55rem;padding:.45rem .55rem}.room-shell .member-list li:first-child{background:linear-gradient(90deg,#2c2b22db,#0e1a20b3);border-color:#3d4b4d}.room-shell .member-list li span{color:#e8dfcf;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.room-shell .member-list li small{color:#b9ae91;flex:none;font-size:.65rem}.room-shell .sidebar-navigation{gap:.35rem;margin-top:1rem;padding-top:.75rem}.room-shell .sidebar-navigation>*{border-radius:.3rem;padding:.45rem .55rem}.room-shell .sidebar-navigation>:before{width:1rem;color:var(--reference-brass);content:"✦";display:inline-block}.room-shell .sidebar-collapse-toggle{color:#8f8b7a;background:0 0;border:0;padding:.25rem .4rem;font-size:.64rem}.room-workspace{background:radial-gradient(circle at 40% 10%,#15363f1f,#0000 35rem);grid-template-rows:minmax(0,1.82fr) minmax(14rem,1fr);grid-template-columns:minmax(0,1.56fr) minmax(23rem,.94fr);gap:.85rem;padding:1.15rem 1.15rem 1.15rem .85rem}.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel{background:linear-gradient(145deg,#08161df5,#050e13fa),var(--reference-panel);border-color:#283a3f;border-radius:.58rem;box-shadow:inset 0 0 0 1px #e6bf710d,0 0 1.2rem #00000047}.room-story-panel{padding:1.05rem 1.05rem .8rem}.room-map-panel,.room-character-panel{padding:.95rem 1.05rem}.scene-header,.panel-heading,.chat-heading{padding-bottom:.65rem;box-shadow:inset 0 -1px #1e3035}.scene-header h2,.panel-heading h2,.chat-heading h3,.map-heading h2{color:#ead5a5;letter-spacing:.02em;align-items:center;gap:.45rem;font-size:1.18rem;display:flex}.scene-header h2:before,.panel-heading h2:before,.chat-heading h3:before,.map-heading h2:before{color:var(--reference-brass);content:"▣";font-size:.92em}.chat-heading h3:before{content:"◌"}.map-heading h2:before{content:"⌖"}.save-status,.map-status{color:var(--reference-teal);font-size:.68rem}.story-flow{padding-bottom:1rem}.narrative-focus{background:#071319b8;border-color:#263a3e;border-radius:.4rem;margin-top:.8rem;padding:.7rem .8rem}.narrative-focus h3,.narrative-clues h3{color:#d5b477;font-size:.8rem}.narrative-event-list{gap:0}.narrative-event-list li{color:#ded9cf;min-height:3.2rem;padding:.7rem .15rem;font-size:.78rem;line-height:1.5}.narrative-event-list li:before{width:1.35rem;color:var(--reference-brass);content:"◈";flex:none}.narrative-event-list li span{flex:1}.narrative-event-list small{color:#817f77;font-size:.62rem}.narrative-clues{margin-top:.9rem}.chat-panel{background:0 0;gap:.55rem;padding:.95rem}.chat-message{grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.45rem}.chat-message-own{grid-template-columns:minmax(0,1fr) 1.65rem}.chat-avatar{background:#182329;border-color:#5d4b2f;width:1.55rem;height:1.55rem}.chat-message-bubble{color:#d8d5cd;background:#09171de0;border-color:#182e34;border-radius:.36rem;padding:.6rem .7rem;font-size:.75rem;line-height:1.5}.chat-message-own .chat-message-bubble{color:#061b19;background:var(--reference-teal)}.chat-composer{padding-top:.65rem;box-shadow:inset 0 1px #1e3035}.chat-mode-buttons{gap:.35rem}.chat-mode-button{color:#a59f91;background:#09151bd9;border-color:#25373b;border-radius:.35rem;min-height:2rem;padding:.35rem .55rem;font-size:.68rem}.chat-mode-selected{color:#061b19;border-color:var(--reference-teal);background:var(--reference-teal)}.chat-composer textarea{background:#09161deb;border-color:#25373b;border-radius:.35rem;min-height:4.3rem;font-size:.75rem}.chat-send-button{color:#1b140b;border-color:var(--reference-brass-light);background:linear-gradient(180deg,var(--reference-brass-light),var(--reference-brass));min-width:4.8rem;min-height:2.1rem;font-size:.72rem}.map-visual{background-color:#081c25;border-color:#2d4a51;border-radius:.45rem;min-height:9.5rem;margin-top:.55rem}.map-marker{background:var(--reference-teal);width:.8rem;height:.8rem;box-shadow:0 0 0 .28rem #18b39933,0 0 .8rem #18b399bf}.map-chip{background:#0c181de6;border-color:#3e4037;font-size:.62rem}.map-chip-current{color:#071c1a;border-color:var(--reference-teal);background:var(--reference-teal)}.character-status-panel{color:#d9d4c9}.character-identity{align-items:center;gap:.65rem;min-width:0;display:flex}.character-panel-avatar{width:2.75rem;height:2.75rem;color:var(--reference-brass-light);background:#17252b;border:1px solid #574a36;border-radius:.35rem;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.character-panel-portrait,.character-panel-portrait.portrait-fallback{object-fit:cover;width:100%;height:100%}.character-status-panel .panel-heading h2{color:#f0e9db;font-size:1rem}.character-primary-stats,.room-ability-grid>div{background:#0d1d24e0;border-color:#263a40}.character-primary-stats{gap:.4rem;margin-top:.7rem}.character-primary-stats>div{border-radius:.35rem;padding:.5rem}.character-primary-stats dd,.room-ability-grid dd{color:#eee4d2}.character-numeric-details summary,.character-focus-section h3{color:#c9a96c;font-size:.72rem}.character-state-badge{color:var(--reference-teal);background:#18b3991a;border-color:#18b39973}.auth-shell .narrative,.start-shell .narrative,.story-select-shell .narrative{background:radial-gradient(circle at 100% 0,#1d56541a,#0000 30rem),linear-gradient(145deg,#09161cf5,#050d12fc);border-left:1px solid #202f34;border-right:1px solid #202f34;min-height:100dvh;position:relative}.auth-shell .story-flow,.start-shell .story-flow,.story-select-shell .story-flow{max-width:58rem}.auth-shell .forms-grid,.start-shell .start-menu,.story-select-shell .mode-selector,.story-select-shell .story-selector,.character-entry-layout{background:#071218bd;border:1px solid #26393e;border-radius:.55rem;padding:1rem;box-shadow:inset 0 0 0 1px #e2b6660a}.auth-shell .auth-form,.start-shell .start-secondary,.story-select-shell .mode-card,.story-select-shell .story-card,.character-entry-layout .character-stats-guide,.character-entry-layout .character-selector{background:#0a181fdb;border-color:#2c4045;border-radius:.42rem}@media (max-width:900px){.room-shell{background:var(--reference-black)}.room-shell .sidebar{border-right:0;padding:.85rem .85rem .6rem;box-shadow:inset 0 -1px #28383d}.sidebar-room-card{min-height:7rem;margin-bottom:.6rem}.room-workspace{gap:.65rem;padding:.65rem}.room-story-panel{min-height:26rem}.room-chat-panel{min-height:calc(100dvh - 8rem)}.auth-shell .narrative,.start-shell .narrative,.story-select-shell .narrative{border:0}}@media (max-width:480px){.room-shell .sidebar-room-card h1{font-size:.98rem}.room-story-panel,.room-character-panel,.room-map-panel{padding:.75rem}.scene-header h2,.panel-heading h2,.chat-heading h3,.map-heading h2{font-size:1rem}}.sidebar-room-settings{z-index:2;color:var(--reference-brass);text-decoration:none;position:absolute;top:.7rem;right:.7rem}.room-shell .member-list li{grid-template-columns:1.8rem minmax(0,1fr) auto auto}.room-shell .member-list .member-level{color:#d8c69f;border:1px solid #5d4b2f;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-size:.58rem;display:grid;overflow:visible}.room-shell .member-list .member-presence{width:.42rem;height:.42rem;overflow:visible}.sidebar-setting-summary{color:#8f8b82;margin:.65rem 0 0;font-size:.65rem;line-height:1.5}.room-section-navigation a>span{color:#d8c69f;text-align:center;background:#44371f;border-radius:999px;min-width:1.15rem;margin-left:auto;padding:.08rem .28rem;font-size:.58rem}.room-shell{--room-canvas:#03090d;--room-panel:#07141a;--room-card:#0a1a20;--room-card-raised:#0d2027;--room-line:#26373a;--room-line-warm:#57472e;--room-gold:#be8a38;--room-gold-bright:#e3b867;--room-teal:#17b79a;--room-text:#eee5d4;--room-muted:#99958a;--room-dim:#676d69;color:var(--room-text);background:radial-gradient(circle at 30% 0%,#1f4c501a,transparent 36rem),var(--room-canvas);font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif;position:relative}.room-shell:after{z-index:50;pointer-events:none;content:"";opacity:.16;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 20%,#ffffff0d 0 .5px,#0000 .7px),radial-gradient(circle at 75% 65%,#ffffff0a 0 .45px,#0000 .65px);background-size:5px 5px,7px 7px;position:fixed;inset:0}.room-icon{vertical-align:-.15em;flex:none;width:1rem;height:1rem;display:inline-block}.room-icon-reversed{transform:rotate(180deg)}.room-shell .sidebar,.room-story-panel,.room-character-panel,.room-map-panel,.room-chat-panel{border-color:var(--room-line);background:radial-gradient(circle at 100% 0,#1c474c0f,#0000 24rem),linear-gradient(145deg,#08161cfa,#040d12fc);border-radius:7px;box-shadow:inset 0 0 0 1px #e2b8670a,0 12px 30px #00000038}.room-shell .sidebar{border-radius:0}.room-shell .eyebrow{color:var(--room-gold-bright);letter-spacing:.06em;font-size:11px}.scene-header,.panel-heading,.chat-heading,.character-panel-title{min-height:52px;padding:0 2px 12px;box-shadow:inset 0 -1px #26373ad1}.scene-header .eyebrow,.chat-heading .eyebrow,.map-heading .eyebrow{display:none}.scene-header h2,.panel-heading h2,.chat-heading h3,.map-heading h2,.character-panel-title h2{color:#ead4a3;letter-spacing:.02em;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:700;display:flex}.scene-header h2:before,.panel-heading h2:before,.chat-heading h3:before,.map-heading h2:before{content:none}.scene-header h2>.room-icon,.chat-heading h3>.room-icon,.map-heading h2>.room-icon,.character-panel-title h2>.room-icon{width:19px;height:19px;color:var(--room-gold)}.save-status,.map-status,.chat-presence{color:var(--room-teal);font-size:11px}.sidebar-toolbar{z-index:4;margin:0;position:absolute;top:7px;right:-1px}.room-shell .sidebar-collapse-toggle{color:#776748;background:#08161c;border:1px solid #26373a;border-right:0;border-radius:5px 0 0 5px;place-items:center;width:25px;min-width:25px;height:36px;min-height:36px;padding:0;display:grid}.room-shell .sidebar-collapse-toggle .room-icon{width:14px;height:14px}.sidebar-room-card{border:1px solid var(--room-line);background:var(--room-panel);border-radius:7px;min-height:0;margin:0 0 14px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #e2b8670a,0 8px 20px #0000002e}.sidebar-room-card:after{content:none}.sidebar-room-heading{background:linear-gradient(#0b1b21f5,#071319f5);justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.sidebar-room-heading .eyebrow{color:#e3bd76;letter-spacing:0;font-size:17px}.sidebar-room-settings{width:27px;height:27px;color:var(--room-gold);border-radius:4px;place-items:center;display:grid;position:static}.sidebar-room-settings .room-icon{width:17px;height:17px}.sidebar-room-scene{background:linear-gradient(#030a0e14 0%,#030a0e61 42%,#030a0ef5 78%),url(/assets/story-select/tide-mark-v1-cover.webp) 50% 47%/cover;flex-direction:column;justify-content:flex-end;min-height:155px;padding:53px 15px 13px;display:flex;position:relative;overflow:hidden}.sidebar-room-scene:after{pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #0000006b}.sidebar-room-scene>*{z-index:1;position:relative}.room-shell .sidebar-room-scene h1{color:#f1e6cf;max-width:100%;margin:0;font-size:15px;line-height:1.35}.room-shell .sidebar-room-scene .sidebar-copy{color:#a7a090;margin:2px 0 0;font-size:11px;line-height:1.35}.room-shell .sidebar-room-scene .status-list{justify-content:space-between;gap:8px;margin:10px 0 0;display:flex}.room-shell .sidebar-room-scene .status-list div{min-width:0;padding:0;display:block}.room-shell .sidebar-room-scene .status-list dt{display:none}.room-shell .sidebar-room-scene .status-list dd{color:#d5c6a5;margin:0;font-size:11px;font-weight:600}.room-shell .sidebar-room-scene .status-list div:first-child dd:before{content:"";background:var(--room-teal);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 7px #17b79ab3}.room-shell .sidebar-section{border:1px solid var(--room-line);background:#061116c7;border-radius:7px;margin:0 0 14px;padding:14px 11px 10px;box-shadow:inset 0 0 0 1px #e2b86708}.room-shell .sidebar-section summary{color:#d8b36e;align-items:center;gap:7px;font-size:13px;line-height:1;display:flex}.room-shell .sidebar-section summary:before{content:none}.room-shell .sidebar-section summary>.room-icon{width:15px;height:15px;color:var(--room-gold)}.room-shell .member-list{gap:3px;margin:11px 0 0}.room-shell .member-list li{background:#09161cb8;border-radius:5px;grid-template-columns:34px minmax(0,1fr) 24px 7px;gap:7px;min-height:51px;padding:6px 7px}.room-shell .member-list li:first-child{background:linear-gradient(90deg,#322b1ed6,#0b191fd1);border-color:#8a682f;box-shadow:inset 0 0 14px #c08b3814}.room-shell .member-avatar{background:radial-gradient(circle at 45% 35%,#28373d,#111d23 70%);border:2px solid #735329;width:31px;height:31px;font-size:11px}.room-shell .member-copy strong{color:#eee5d5;font-size:12px}.room-shell .member-copy small{color:#8e8b82;margin-top:2px;font-size:10px}.room-shell .member-list .member-level{color:#d6b16d;background:#0b181e;border-color:#4d422f;width:22px;height:22px;font-size:9px}.room-section-navigation{box-shadow:none;gap:2px;margin:0;padding:4px 0}.room-section-navigation a,.room-section-navigation .room-sidebar-dropdown summary{color:#aaa497;border-radius:5px;gap:10px;min-height:42px;padding:0 12px;font-size:12px}.room-section-navigation a:before{content:none}.room-section-navigation a>.room-icon,.room-section-navigation .room-sidebar-dropdown summary>.room-icon{color:#a77c37;width:15px;height:15px}.room-section-navigation a:hover,.room-section-navigation a:focus-visible,.room-section-navigation .room-nav-active{color:#eee4d1;background:linear-gradient(90deg,#43311bc7,#0a171d8f);box-shadow:inset 2px 0 #b88234}.room-sidebar-dropdown summary:hover,.room-sidebar-dropdown summary:focus-visible{color:#d0d2cc;background:linear-gradient(90deg,#484e4e42,#0a171d1f);box-shadow:inset 2px 0 #858b87}.room-sidebar-dropdown{margin:0}.room-sidebar-dropdown summary{color:#aaaead;cursor:pointer;border-radius:5px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:12px;list-style:none;display:flex}.room-sidebar-dropdown summary::-webkit-details-marker{display:none}.room-sidebar-dropdown summary>.room-icon{color:#a77c37;width:15px;height:15px}.room-sidebar-dropdown[open]>summary{color:#d0d2cc;background:linear-gradient(90deg,#484e4e42,#0a171d1f);box-shadow:inset 2px 0 #858b87}.room-sidebar-dropdown-body{color:#aeb3ae;gap:.55rem;margin:0 .7rem .7rem 2.3rem;padding:.45rem .35rem .2rem;display:grid}.room-sidebar-dropdown-body h3,.room-sidebar-dropdown-body p,.room-sidebar-dropdown-body .eyebrow,.room-sidebar-dropdown-body dt,.room-sidebar-dropdown-body dd{color:inherit;margin:0}.room-sidebar-dropdown-body .room-info-lead,.room-sidebar-dropdown-body .room-info-empty{font-size:.7rem}.room-sidebar-dropdown-body .room-info-grid{grid-template-columns:1fr;gap:0}.room-sidebar-dropdown-body .room-info-grid div{border:0;border-radius:0;padding:.45rem .2rem;box-shadow:inset 0 -1px #8d94903d}.room-sidebar-dropdown-body .room-info-grid dd{font-size:.7rem}.room-sidebar-dropdown-body .room-clue-summary-list,.room-sidebar-dropdown-body .room-event-summary-list{gap:.35rem}.room-sidebar-dropdown-body .room-clue-summary-list strong,.room-sidebar-dropdown-body .room-event-summary-list strong{font-size:.7rem}.room-shell .sidebar-navigation{margin-top:auto;padding-top:11px;box-shadow:inset 0 1px #243438}.room-shell .sidebar-navigation>:before{content:none}.room-shell .back-to-lobby{color:#d3a854;background:linear-gradient(#1d1d18f0,#0e1517fa);border:1px solid #3e3628;justify-content:center;width:100%;min-height:47px;font-size:13px;display:flex}.room-shell .back-to-lobby .room-icon{width:15px;height:15px}.narrative-timeline{margin-top:11px}.narrative-toolbar{min-height:43px;padding:0 0 10px}.narrative-tabs{gap:6px}.narrative-tab{color:#8d8a82;background:#071218eb;border-color:#213338;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:64px;min-height:34px;padding:5px 11px;font-size:11px;display:inline-flex}.narrative-tab .room-icon{width:13px;height:13px}.narrative-tab-active{color:#24170a;background:linear-gradient(#d8a952,#a86f22);border-color:#d2a24c;box-shadow:inset 0 1px #ffe9b452,0 0 10px #bc853024}.narrative-bookmark-count{color:#aa8d58;font-size:11px}.narrative-card-list{gap:6px}.narrative-card{background:linear-gradient(90deg,#08151bfa,#09181edb),var(--room-card);border:1px solid #162a30;border-left-color:#4b3c28;border-radius:5px;grid-template-columns:52px minmax(0,1fr) 28px;gap:11px;min-height:83px;padding:12px 10px;box-shadow:inset 0 0 16px #0000001a}.narrative-card>time{color:#747871;padding-top:3px;font-size:10px}.narrative-card-meta{gap:7px}.narrative-card-meta>span{color:#ead9b4;background:#3d2e18;border:1px solid #936c3047;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.narrative-card-meta>span .room-icon{width:11px;height:11px}.narrative-card-meta small{color:#737873;font-size:10px}.narrative-card-body p{color:#d8d5cc;margin-top:7px;font-size:13px;line-height:1.62}.narrative-card-clue .narrative-card-body p{color:#b8d9d1}.narrative-card-hint{color:#d8b25f!important;font-size:12px!important}.narrative-card-action{background:linear-gradient(90deg,#2b1d0dfa,#141817db),var(--room-card);border-left-color:#a86f22;width:100%;margin-inline-start:0}.narrative-card-action .narrative-card-meta{justify-content:flex-end}.narrative-card-action .narrative-card-body p{text-align:right}.narrative-card-action .narrative-card-meta>span{color:#f0d19b;background:#4a3218;border-color:#ca8b2f5c}.narrative-card-roll .narrative-card-meta>span{background:#4b3517}.narrative-bookmark{color:#856d43;background:0 0;border:0;place-items:center;width:27px;min-width:27px;height:27px;min-height:27px;padding:0;display:grid}.narrative-bookmark .room-icon{width:15px;height:15px}.narrative-bookmark[aria-pressed=true]{color:var(--room-gold-bright)}.narrative-bookmark[aria-pressed=true] .room-icon{fill:currentColor}.chat-panel{gap:8px;padding:14px}.chat-heading{align-items:center}.chat-presence{padding-left:13px;position:relative}.chat-presence:before{content:"";background:var(--room-teal);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:0;box-shadow:0 0 7px #17b79aa6}.chat-message-list{gap:7px;padding:2px 0 0}.chat-message{background:#071319c7;border:1px solid #13262c;border-radius:5px;grid-template-columns:22px minmax(0,1fr);gap:7px;padding:7px 8px}.chat-message-own{background:#111d1ed6;border-color:#263932;grid-template-columns:minmax(0,1fr) 22px}.chat-avatar{border-width:1px;width:22px;height:22px;font-size:9px}.chat-message-meta{color:#747972;min-height:18px;font-size:10px}.message-mode{color:#ded3bd;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:10px;display:inline-flex}.message-mode .room-icon{width:11px;height:11px}.mode-team_chat{background:#183843}.mode-rule_question{background:#3b2e4d}.mode-action_dm{background:#4a3218}.chat-message-bubble,.chat-message-own .chat-message-bubble{color:#d9d5cc;background:0 0;border:0;border-radius:0;margin-top:4px;padding:0;font-size:12px;line-height:1.55}.chat-composer{gap:7px;padding-top:8px}.chat-mode-toolbar{gap:6px}.chat-mode-buttons{flex-wrap:wrap;justify-content:flex-start;gap:5px;padding:0;display:flex}.chat-mode-button{color:#aaa396;background:#08161c;border-color:#26373a;border-radius:5px;gap:6px;min-width:max-content;min-height:37px;padding:5px 7px;font-size:11px}.chat-mode-button .room-icon{width:14px;height:14px}.chat-mode-selected{color:#e8ca8e;background:linear-gradient(#3c2b18f0,#151918f5);border-color:#9b6e2c;box-shadow:inset 0 0 0 1px #e2b86714}.chat-mode-help-button{color:#8d7a54;border-color:#3c423c;width:25px;height:25px;min-height:25px}.chat-mode-help-button .room-icon{width:13px;height:13px}.chat-composer textarea{color:#d9d5cc;resize:none;background:#08161c;border-color:#203238;border-radius:5px;min-height:82px;padding:10px 11px;font-size:12px}.chat-send-button,.pending-roll-card .chat-roll-button{color:#25180a;background:linear-gradient(#d7aa54,#a96f21);border-color:#d0a048;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:96px;min-height:38px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #ffebba4d,0 5px 13px #74471238}.chat-send-button .room-icon,.chat-roll-button .room-icon{width:14px;height:14px}.pending-roll-card{border-radius:5px;padding:9px 10px}.map-panel{height:100%}.map-heading{align-items:center}.map-status{background:#17b79a12;border:1px solid #17b79a40;border-radius:999px;padding:4px 8px}.map-visual{aspect-ratio:4/3;background:#06171e;border-color:#294047;border-radius:6px;height:auto;min-height:0;margin-top:10px;overflow:hidden}.map-route-layer line{stroke:#c1ad86;stroke-width:.5px;stroke-dasharray:1.35 1.45;opacity:.78}.map-location>span:first-child>span{background:#82683d;border-width:2px;border-color:#ded4bd;width:10px;height:10px}.map-location-current>span:first-child>span{background:var(--room-teal);box-shadow:0 0 0 5px #17b79a29,0 0 13px #17b79ac2}.map-legend{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040e13b3;border:1px solid #2a3a3cb8;border-radius:5px;justify-items:start;gap:5px;max-width:155px;padding:8px 10px;display:grid;inset:13px auto auto 13px}.map-chip,.map-chip-current{color:#aaa79e;background:0 0;border:0;padding:0 0 0 14px;font-size:10px;position:relative}.map-chip:before{content:"";background:0 0;border:1px solid #bca875;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.map-chip-current{color:#bcded6}.map-chip-current:before{border-color:var(--room-teal);background:var(--room-teal);box-shadow:0 0 6px #17b79ab3}.map-controls{gap:5px;bottom:13px;left:13px}.map-controls button{color:#c4ac77;background:#040e13e0;border-color:#304146;border-radius:5px;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:grid}.map-controls button .room-icon{width:15px;height:15px}.map-caption{color:#616965;margin:7px 0 0;font-size:9px}.character-status-reference{color:#d9d4c9;flex-direction:column;height:100%;min-height:0;display:flex}.character-panel-title{justify-content:space-between;align-items:center;display:flex}.character-panel-title-mark{width:17px;height:17px;color:var(--room-gold)}.character-profile-row{justify-content:space-between;align-items:center;gap:12px;min-height:73px;padding:10px 2px 8px;display:flex}.character-panel-avatar{background:linear-gradient(145deg,#283338,#111d22);border-color:#655337;border-radius:5px;width:45px;height:45px;box-shadow:inset 0 0 12px #00000059}.character-identity{gap:9px}.character-identity h2{color:#eee5d4;margin:0;font-size:16px;line-height:1.2}.character-identity .panel-subtitle{color:#969085;margin:3px 0 0;font-size:11px}.character-rule-meta{color:#807d75;margin-top:3px;font-size:9px;display:block}.character-level-ring{color:#e5c17d;background:radial-gradient(circle,#0b191f 56%,transparent 57%),conic-gradient(#b27d2f 0 72%,#253136 72% 100%);text-align:center;border:1px solid #3f3a2d;border-radius:50%;flex:none;place-content:center;width:49px;height:49px;display:grid;position:relative;box-shadow:inset 0 0 9px #0000008c,0 0 0 3px #bd8a380d}.character-level-ring strong{font-size:14px;line-height:1}.character-level-ring span{color:#8d8576;margin-top:2px;font-size:7px}.character-level-ring-text strong{font-size:10px}.character-vital-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.character-vital-card{background:linear-gradient(90deg,#0b191ff5,#0d1e24e0);border:1px solid #1e3238;border-radius:5px;min-width:0;padding:8px 10px}.character-vital-card dt{color:#837f75;align-items:center;gap:5px;font-size:9px;display:flex}.character-vital-card dt .room-icon{width:16px;height:16px}.character-vital-life dt .room-icon{color:#d54243;fill:#d54243}.character-vital-mind dt .room-icon{color:#d0c7b6}.character-vital-armor dt .room-icon{color:#c4a76b}.character-vital-card dd{align-items:baseline;gap:3px;min-width:0;margin:3px 0 0;display:flex}.character-vital-card dd>strong{color:#eee5d4;font-size:16px;line-height:1}.character-vital-card dd>small{color:#88847b;font-size:9px}.character-meter{flex:auto;grid-template-columns:repeat(6,minmax(5px,1fr));gap:3px;min-width:50px;margin-left:6px;display:grid}.character-meter i{background:#203239;border-radius:1px;height:11px;box-shadow:inset 0 0 0 1px #ffffff08}.character-meter-life .meter-segment-filled{background:#2b9c72}.character-meter-mind .meter-segment-filled{background:#3189a2}.character-numeric-details{margin-top:8px}.character-numeric-details summary{color:#d1ad69;align-items:center;gap:6px;padding:3px 0 6px;font-size:11px;list-style:none;display:flex}.character-numeric-details summary::-webkit-details-marker{display:none}.character-numeric-details summary .room-icon{width:13px;height:13px}.character-status-reference .room-ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;display:grid}.character-status-coc .room-ability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-status-reference .room-ability-grid>div{background:#0a191f;border:1px solid #1d3035;border-radius:4px;justify-content:space-between;align-items:center;gap:5px;min-height:35px;padding:6px 8px;display:flex}.character-status-reference .room-ability-grid dt{color:#8c887f;font-size:9px}.character-status-reference .room-ability-grid dd{color:#d8c69f;margin:0;font-size:11px}.character-status-reference .room-ability-grid dd small{color:#737b77;font-size:8px}.character-status-reference .character-focus-grid{gap:5px;margin-top:8px}.character-status-reference .character-focus-section{background:#08151bd1;border:1px solid #1b2e34;border-radius:4px;padding:6px 8px}.character-status-reference .character-focus-section h3{color:#b99a62;font-size:9px}.character-status-reference .character-tag-list,.character-status-reference .character-focus-copy{margin-top:4px;font-size:9px}.character-effects{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.character-effects h3{color:#caa866;width:100%;margin:0;font-size:10px}.character-effects>span{color:#8dd1bd;background:#17b79a21;border:1px solid #17b79a38;border-radius:999px;padding:4px 8px;font-size:9px}.character-effects>.effect-danger{color:#e79d92;background:#c2443f21;border-color:#c2443f47}@media (min-width:901px){.room-shell{grid-template-columns:276px minmax(0,1fr);height:100dvh;overflow:hidden}.room-shell .sidebar{flex-direction:column;height:100dvh;padding:29px 13px 19px 22px;display:flex;overflow-y:auto}.room-workspace{grid-template-rows:minmax(0,1.52fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(416px,452px);gap:14px;height:100dvh;padding:29px 24px 31px 14px}.room-story-panel{padding:16px 17px 13px}.room-map-panel,.room-character-panel{padding:14px 16px}}@media (min-width:901px) and (max-width:1220px){.room-workspace{grid-template-columns:minmax(0,1fr) minmax(350px,39%)}.character-status-coc .room-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.room-shell,.room-shell.room-shell-sidebar-collapsed{background:#03090d;min-height:100dvh;padding:70px 0 69px}.room-mobile-header{min-height:70px;padding:max(11px,env(safe-area-inset-top))16px 10px;background:#040d12fa;box-shadow:inset 0 -1px #223337}.room-mobile-header div{gap:3px}.room-mobile-header small{color:#8c897f;font-size:9px}.room-mobile-header strong{color:#eadfc8;font-size:15px}.room-mobile-header>span{color:var(--room-teal);padding-left:11px;font-size:9px;position:relative}.room-mobile-header>span:before{content:"";background:var(--room-teal);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.room-workspace{background:#030b0f;padding:0}.room-workspace>[data-mobile-active=true]{height:calc(100dvh - 139px);box-shadow:none;background:#041016;border:0;border-radius:0;padding:13px 12px}.room-story-panel .scene-header{min-height:48px}.scene-header h2,.panel-heading h2,.chat-heading h3,.map-heading h2,.character-panel-title h2{font-size:17px}.save-status{font-size:9px}.narrative-toolbar{overflow:hidden}.narrative-tabs{width:100%}.narrative-tab{min-width:43px;min-height:31px;padding:4px 8px;font-size:9px}.narrative-tab .room-icon{width:12px;height:12px}.narrative-card{grid-template-columns:39px minmax(0,1fr) 23px;gap:7px;min-height:0;padding:10px 8px}.narrative-card-body p{font-size:11px;line-height:1.65}.narrative-card-meta small{display:none}.room-mobile-navigation{min-height:69px;padding:6px 8px max(6px,env(safe-area-inset-bottom));background:#040d12fa;box-shadow:inset 0 1px #223337}.room-mobile-navigation button{color:#807e77;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:51px;padding:5px 3px;font-size:9px;display:flex}.room-mobile-navigation button .room-icon{width:18px;height:18px}.room-mobile-navigation button[aria-pressed=true]{color:#e3b867;background:linear-gradient(#533b1c47,#0000)}.mobile-pending-dot{top:5px;right:calc(50% - 18px)}.room-chat-panel[data-mobile-active=true]{padding:0}.room-chat-panel .chat-panel{padding:12px}.chat-mode-button{min-height:35px;padding:4px;font-size:9px}.chat-mode-button .room-icon{width:12px;height:12px}.map-visual{height:auto;min-height:0}.character-status-reference{overflow-y:auto}}@media (max-width:430px){.character-status-coc .room-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-vital-card{padding:8px}.character-meter{gap:2px;margin-left:3px}}.room-shell .chat-mode-buttons{justify-content:flex-start;align-items:center}.room-shell .chat-mode-button{text-align:left;justify-content:flex-start}.sidebar-setting-block{border:1px solid #9a845933;gap:.35rem;margin-top:.75rem;padding-top:.75rem;display:grid}.sidebar-setting-label{color:var(--muted);margin:0;font-size:.72rem}.room-info-panel{background:#08161dbf;border:1px solid #4c707566;border-radius:.45rem;gap:.6rem;margin:0 0 .75rem;padding:.85rem;display:grid}.room-info-panel h3,.room-info-panel p{margin:0}.room-info-lead,.room-info-empty{color:var(--muted);font-size:.8rem;line-height:1.5}.room-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.room-info-grid div{border:1px solid #4c707540;border-radius:.35rem;padding:.5rem}.room-info-grid dt,.room-info-grid dd{margin:0}.room-info-grid dt,.room-info-panel-heading>span,.room-clue-summary-list small,.room-event-summary-list small{color:var(--muted);font-size:.68rem}.room-info-grid dd{margin-top:.2rem;font-size:.78rem}.room-info-panel-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.room-clue-summary-list,.room-event-summary-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.room-clue-summary-list li,.room-event-summary-list li{border-left:2px solid var(--reference-teal);background:#18b3990d;gap:.2rem;padding:.5rem .6rem;display:grid}.room-clue-summary-list strong,.room-event-summary-list strong{font-size:.78rem;font-weight:500;line-height:1.4}:root{--ui-black:#040b10;--ui-panel:#08161d;--ui-panel-soft:#0b1d25;--ui-gold:#c08b3d;--ui-gold-bright:#efbf6b;--ui-teal:#18b99a;--ui-muted:#a5a5a0}.auth-brand{color:var(--ui-gold-bright);align-items:center;gap:.55rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.auth-brand .room-icon{width:1.7rem;height:1.7rem}.status-dot{vertical-align:.04em;background:var(--ui-teal);border-radius:50%;width:.55rem;height:.55rem;margin-right:.35rem;display:inline-block;box-shadow:0 0 .7rem #18b99abf}.field-label,.auth-form h3,.scene-header .eyebrow,.start-secondary summary,.start-secondary-link{align-items:center;gap:.45rem;display:inline-flex}.field-label .room-icon,.auth-form h3 .room-icon,.scene-header .eyebrow .room-icon,.start-secondary summary .room-icon,.start-secondary-link .room-icon{width:1.05rem;height:1.05rem;color:var(--ui-gold)}.auth-shell{background:var(--ui-black);grid-template-columns:minmax(18rem,26%) minmax(0,1fr)}.auth-shell>.sidebar{border-right-color:var(--ui-gold);background:linear-gradient(#030c11eb,#030b10a8 54%,#030a0ef5),url(/maps/tide-mark-v1-regional-map.webp) bottom/cover;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:3.2rem 3rem 2rem;display:flex;position:relative;overflow:hidden}.auth-shell>.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#040b0ff2);height:48%;position:absolute;inset:auto 0 0}.auth-shell>.sidebar>*{z-index:1;position:relative}.auth-shell>.sidebar h1{color:var(--ui-gold-bright);letter-spacing:.1em;margin-top:3.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4vw,4.3rem)}.auth-shell>.sidebar .sidebar-copy{max-width:15rem;margin-top:2.1rem;line-height:2}.auth-shell>.sidebar .status-list{margin-top:auto}.auth-shell>.sidebar .status-list dt{color:var(--ui-gold);align-items:center;gap:.4rem;display:flex}.auth-shell>.sidebar .status-list dt .room-icon{width:.95rem;height:.95rem}.auth-shell>.sidebar .status-list dd{color:var(--ui-teal)}.auth-panel{background:radial-gradient(circle at 50% 35%,#0f44471a,#0000 34rem);grid-column:2;width:100%;max-width:none;padding:3rem clamp(2rem,6vw,6rem)}.auth-panel .scene-header{padding-bottom:1.4rem;box-shadow:inset 0 -1px #c08b3d8c}.auth-panel .scene-header .eyebrow{color:var(--ui-gold-bright);text-transform:none;font-size:clamp(1.5rem,2.2vw,2.5rem)}.auth-panel .story-flow{max-width:52rem;padding:2rem 0 1.25rem}.auth-panel .story-flow h2{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.auth-visual-title{font-family:Georgia,Times New Roman,serif;color:var(--ui-gold-bright)!important;margin:0!important;font-size:clamp(1.8rem,3vw,3rem)!important}.reference-service{font-size:0;color:#0000!important}.reference-service:after{color:var(--ui-teal);content:"● 服务器在线";font-size:.9rem;display:inline-block}.auth-panel .story-flow p{color:var(--ui-muted);font-size:1.05rem}.auth-panel .forms-grid{width:min(100%,53rem);padding:2.4rem clamp(1.2rem,4vw,4rem);display:block}.auth-form{gap:1.15rem}.auth-form h3{color:var(--ui-gold-bright);margin:0 0 .4rem;font-size:1.3rem}.auth-form label{color:var(--ui-muted);gap:.45rem;display:grid}.auth-form input:not([type=checkbox]):not([type=radio]){background:#020c11b8;border-color:#31515a;min-height:3.2rem;padding:.8rem 1rem}.auth-form .form-actions{gap:.85rem;display:grid}.auth-form .form-actions>*{justify-content:center;width:100%;min-height:3.15rem}.auth-register-link{color:var(--ui-gold-bright);border-color:var(--ui-gold);background:0 0}.auth-test-entry{max-width:none;color:var(--ui-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:1.4rem 0 0;padding:1.5rem;display:grid;box-shadow:inset 0 1px #c08b3d61}.auth-test-entry h3{color:var(--ui-gold-bright);margin:0}.auth-test-entry form{grid-column:1/-1}.start-shell{background:var(--ui-black);grid-template-columns:17.5rem minmax(0,1fr)}.start-shell>.sidebar{border-right-color:#223b42;min-height:100dvh;padding:1.6rem 1.2rem}.start-shell>.sidebar h1{color:var(--ui-gold-bright);margin-top:1.5rem;font-family:Georgia,Times New Roman,serif}.start-panel{grid-column:2;width:100%;max-width:none;padding:2rem clamp(1.2rem,4vw,3.4rem)}.start-panel .scene-header{padding-bottom:1.1rem;box-shadow:inset 0 -1px #c08b3d73}.start-panel .scene-header .eyebrow{color:var(--ui-gold-bright);text-transform:none;font-size:1.3rem}.start-panel .story-flow{padding:1.6rem 0}.start-panel .story-flow h2{color:var(--ui-gold-bright);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.4rem)}.start-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;max-width:none}.start-menu>.start-primary,.start-menu>.start-secondary,.start-menu>.start-secondary-link{min-height:10rem;padding:1.25rem}.start-menu>.start-primary{background:linear-gradient(90deg,#051016eb,#05101673),url(/maps/tide-mark-v1-regional-map.webp) 50%/cover;grid-column:1/-1;align-items:flex-end;min-height:10rem;font-size:1.45rem;display:flex}.start-menu>.start-secondary,.start-menu>.start-secondary-link{text-align:center;justify-content:center;align-items:center;display:flex}.start-menu>.start-secondary summary{color:var(--ui-gold-bright);justify-content:center}.start-account-actions{grid-column:1/-1}.story-select-shell{background:var(--ui-black);grid-template-columns:minmax(0,1fr)}.story-select-panel{grid-column:1;width:100%;max-width:none;padding:1.2rem clamp(1.2rem,4vw,3.2rem) 1.5rem}.story-select-panel .scene-header{min-height:4.2rem;padding-bottom:1rem;box-shadow:inset 0 -1px #c08b3d6b}.story-select-panel .story-flow{max-width:64rem;padding:1.5rem 0 1rem}.story-select-panel .story-flow h1{color:var(--ui-gold-bright);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem)}.story-card-frame{background:linear-gradient(135deg,#0d1d24,#071117);border:1px solid #4a3b28;border-radius:.9rem;padding:.6rem}.story-card{border-color:#2f4146;border-radius:.8rem;min-height:17rem;padding:1.3rem}.story-card-selected{border-color:var(--ui-gold-bright);box-shadow:0 0 0 1px var(--ui-gold),0 0 1.4rem #c08b3d38}.story-card-cover{background:linear-gradient(#030d121f,#030d12c7),url(/maps/tide-mark-v1-regional-map.webp) 50%/cover;min-height:10rem;margin:-1.3rem -1.3rem 1.1rem;padding:1.2rem}.story-card-cover span{color:var(--ui-gold-bright);align-items:center;gap:.45rem;display:inline-flex}.story-card-cover .room-icon{width:1.3rem;height:1.3rem}.difficulty-selector{background:#071219;border-color:#4a3b28;padding:1.2rem}.difficulty-options{gap:.85rem}.difficulty-options label{background:linear-gradient(135deg,#0d1c23,#071117);border-radius:.8rem;min-height:12rem;padding:1.1rem}.difficulty-card-heading strong{color:var(--ui-gold-bright);align-items:center;gap:.4rem;font-size:1.25rem;display:inline-flex}.difficulty-card-heading .room-icon{width:1.3rem;height:1.3rem}.difficulty-option-selected{box-shadow:0 0 1.1rem #c08b3d2e;border-color:var(--ui-gold-bright)!important}.character-entry{background:var(--ui-black);grid-column:1/-1;width:100%;max-width:none;padding:1.2rem 1.4rem}.character-entry>.eyebrow,.character-entry>h1,.character-entry>.sidebar-copy{text-align:left;max-width:none}.character-entry>h1{color:var(--ui-gold-bright);font-family:Georgia,Times New Roman,serif}.character-entry-layout{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);gap:1.25rem;width:100%;max-width:none;margin-top:1.25rem}.character-stats-guide,.character-entry-layout .character-selector{background:linear-gradient(150deg,#0d1c23,#071117);border-color:#4b3c28;border-radius:.8rem}.character-stats-guide summary,.character-selector h2,.preset-summary h2{color:var(--ui-gold-bright)}.character-selector{gap:.9rem;width:auto;margin:0}.character-selector>h2,.preset-detail-section h3{align-items:center;gap:.45rem;display:flex}.character-selector>h2 .room-icon,.preset-detail-section h3 .room-icon{width:1.1rem;height:1.1rem;color:var(--ui-gold)}.preset-grid{gap:.55rem}.preset-card{background:#08151b;border-color:#3b3930;border-radius:.65rem;min-height:16rem;padding:.4rem;overflow:hidden}.preset-card-selected{border-color:var(--ui-gold-bright);box-shadow:0 0 0 1px var(--ui-gold),0 0 1.4rem #c08b3d3d}.preset-portrait{object-fit:cover;object-position:center top;min-height:10rem}.preset-selected-mark{z-index:1;color:#1c140a;background:var(--ui-gold-bright);border-radius:50%;width:1.25rem;height:1.25rem;padding:.15rem;position:absolute;top:.55rem;right:.55rem}.preset-card-copy>strong{color:var(--ui-gold-bright)}.preset-summary{background:linear-gradient(150deg,#10232a,#071117);border-color:#5b4525;padding:1.15rem}.preset-primary-stats>div,.ability-stats div{background:#091820;border-color:#31444a}.preset-derived-stats dt .room-icon{width:.9rem;height:.9rem;color:var(--ui-gold)}@media (max-width:900px){.auth-shell,.start-shell{grid-template-columns:1fr}.auth-shell>.sidebar,.start-shell>.sidebar{min-height:auto;padding:1.2rem 1rem}.auth-shell>.sidebar h1,.auth-shell>.sidebar .sidebar-copy,.auth-shell>.sidebar .status-list,.start-shell>.sidebar h1,.start-shell>.sidebar .sidebar-copy,.start-shell>.sidebar .status-list,.auth-shell>.sidebar,.start-shell>.sidebar{display:none}.auth-panel,.start-panel{grid-column:1;min-height:auto;padding:1.25rem 1rem 2rem}.auth-panel:before{color:var(--ui-gold-bright);content:"◈  AI 在线跑团    潮痕镇";margin-bottom:1.1rem;font-size:1.35rem;font-weight:700;display:block}.auth-panel .scene-header .eyebrow{font-size:1.45rem}.auth-panel .forms-grid{padding:1.25rem}.auth-test-entry{display:block}.auth-test-entry form{margin-top:1rem}.start-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.character-entry-layout{grid-template-columns:1fr}.character-stats-guide{position:static}.preset-grid,.difficulty-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.start-menu,.difficulty-options,.preset-grid{grid-template-columns:1fr}.start-menu>.start-primary,.start-menu>.start-secondary,.start-menu>.start-secondary-link{min-height:5.5rem}.preset-grid{grid-auto-columns:minmax(12rem,75%);grid-auto-flow:column;overflow-x:auto}.preset-card{min-height:15rem}}:root{--gold:#8e6b3d;--gold-bright:#b18a55;--ui-gold:#876331;--ui-gold-bright:#b28a52}a,a:hover,a:visited,button,summary{text-decoration:none}.auth-reference-shell{--ref-gold:#8b683a;--ref-gold-light:#b18a55}.start-primary,.start-primary-form button,.auth-form button[type=submit],.auth-test-entry button[type=submit],.story-selector button[type=submit],.start-secondary-form button[type=submit],.chat-send-button,.action-proposal-approve,.event-action-button,.clue-roll-form button,.preset-create-form button,.character-form>button{border-color:#a17a43}.start-primary:hover,.start-primary-form button:hover:not(:disabled),.auth-form button[type=submit]:hover:not(:disabled),.auth-test-entry button[type=submit]:hover:not(:disabled),.story-selector button[type=submit]:hover:not(:disabled),.start-secondary-form button:hover:not(:disabled),.chat-send-button:hover:not(:disabled),.action-proposal-approve:hover:not(:disabled),.event-action-button:hover:not(:disabled),.clue-roll-form button:hover:not(:disabled),.preset-create-form button:hover:not(:disabled),.character-form>button:hover:not(:disabled){border-color:#b18a55}.dashboard-sidebar{overflow:visible}.sidebar-tools{gap:.5rem;margin-top:1rem;display:grid}.sidebar-tool{background:#040f14d1;border:1px solid #1d343a;border-radius:.4rem}.sidebar-tool>summary{color:#a5a5a0;cursor:pointer;align-items:center;gap:.45rem;padding:.7rem .6rem;list-style:none;display:flex}.sidebar-tool>summary::-webkit-details-marker{display:none}.sidebar-tool>summary b{color:#8f9896;margin-left:auto;font-weight:500}.sidebar-tool[open]>summary{color:#b2b1aa;box-shadow:inset 0 -1px #263f42}.sidebar-tool>:not(summary){margin:.6rem}.sidebar-tool .notification-list,.sidebar-tool .friend-list{max-height:16rem;overflow:auto}.sidebar-tool .notification-list li{padding:.5rem;font-size:.78rem}.sidebar-tool .notification-list form{margin-top:.35rem;position:static}.sidebar-tool .friend-search{grid-template-columns:minmax(0,1fr) auto}.sidebar-tool .friend-list li{flex-wrap:wrap;font-size:.8rem}.sidebar-tool .friend-list li small{margin-left:auto}.sidebar-tool .settings-form{grid-template-columns:1fr}.sidebar-tool .settings-form a{padding:.45rem 0;display:inline-block}.sidebar-tool .notification-list small,.sidebar-tool .friend-list small,.sidebar-tool .empty-state,.sidebar-tool .friend-requests>div span,.sidebar-tool .settings-form label{color:#989994}.feature-card strong{white-space:nowrap}.feature-card summary{flex-direction:column;align-items:center;display:flex}.feature-card summary span{margin-top:.65rem;display:block}.dashboard-menu>.feature-card.start-secondary-link{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.dashboard-menu>.feature-card.start-secondary-link>strong{order:1}.dashboard-menu>.feature-card.start-secondary-link>.room-icon{order:2;margin:.65rem auto .55rem}.dashboard-menu>.feature-card.start-secondary-link>span{order:3;margin-top:0}.auth-brand,.dashboard-header .eyebrow{font-weight:400}@media (max-width:900px){.dashboard-sidebar{overflow:visible}.sidebar-tools{margin-top:.75rem}.sidebar-tool>:not(summary){margin:.5rem}}.dashboard-shell{background:#01080d;grid-template-columns:17.5rem minmax(0,1fr)}.dashboard-sidebar{background:linear-gradient(#061118,#02090d);border-right:1px solid #20343a;min-height:100dvh;padding:1.35rem 1rem}.dashboard-sidebar h1{color:var(--ui-gold-bright);margin:1.3rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.account-summary{background:#051218c2;border:1px solid #263a40;border-radius:.55rem;justify-items:center;gap:.45rem;padding:1rem .5rem 1.2rem;display:grid}.account-summary strong{color:#eee7dc;font-size:1.08rem}.account-avatar{border:1px solid var(--ui-gold);width:4.6rem;height:4.6rem;color:var(--ui-gold-bright);background:radial-gradient(circle,#2a3232,#101b20 68%);border-radius:50%;place-items:center;font-size:2rem;display:grid}.account-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.presence{color:#79a9a0;font-size:.85rem}.presence i,.friend-dot{background:#08a58f;border-radius:50%;width:.55rem;height:.55rem;margin-right:.3rem;display:inline-block}.dashboard-sidebar .status-list{margin-top:1rem}.dashboard-sidebar .status-list dd{color:var(--ui-gold-bright)}.sidebar-logout{margin-top:auto;padding-top:2rem}.sidebar-logout button{width:100%}.dashboard-panel{background:radial-gradient(circle at 70% 10%,#0b434924,#0000 42%),#01080d;padding:1.7rem clamp(1rem,3vw,2.8rem) 2.5rem}.dashboard-header{padding-bottom:.9rem}.dashboard-header .eyebrow{color:var(--ui-gold-bright);font-size:1.45rem}.dashboard-kicker{color:#3cae9e;font-size:.85rem}.dashboard-notice{color:#62c7b2;background:#05433b2e;border:1px solid #215f58;padding:.65rem .8rem}.continue-card,.feature-card{background:linear-gradient(145deg,#07181eeb,#030d12eb);border:1px solid #263b40;border-radius:.5rem;box-shadow:inset 0 0 0 1px #0000002e}.continue-card{padding:1.2rem}.section-label{color:var(--ui-gold-bright);align-items:center;gap:.5rem;font-size:1.15rem;display:flex}.continue-grid{grid-template-columns:minmax(18rem,42%) minmax(0,1fr);gap:1.5rem;margin-top:.9rem;display:grid}.continue-image{background:linear-gradient(90deg,#020a0f26,#020a0f59),url(/assets/start/tide-mark-main.jpg) 50%/cover;border:1px solid #1f3a42;border-radius:.35rem;min-height:15rem}.continue-copy{flex-direction:column;min-width:0;display:flex}.continue-copy h2{color:#eee6da;margin:.2rem 0 .7rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.5vw,2rem)}.location-line,.party-line{color:#a99f93}.location-line .room-icon,.party-line .room-icon{color:var(--ui-gold)}.party-line strong{color:#e8d4b3;margin-left:.35rem}.resume-copy{color:#9b9388;width:100%;margin-top:auto;line-height:1.7}.continue-button{text-align:center;width:100%;margin-top:1rem}.dashboard-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.feature-card{color:#aaa39a;text-align:center;min-height:10rem;padding:1rem}.feature-card>.room-icon,.feature-card summary .room-icon{width:2.7rem;height:2.7rem;color:var(--ui-gold);margin:.2rem auto .7rem;display:block}.feature-card strong{color:var(--ui-gold-bright);font-size:1.05rem;display:block}.feature-card span{margin-top:.65rem;font-size:.83rem;line-height:1.5;display:block}.feature-card summary{cursor:pointer;list-style:none}.feature-card summary::-webkit-details-marker{display:none}.compact-form,.friend-search{gap:.45rem;margin-top:.7rem;display:grid}.compact-form input,.friend-search input,.settings-form input,.friend-list details input{color:#ddd;background:#061319;border:1px solid #23383e;border-radius:.3rem;min-width:0;padding:.55rem .65rem}.compact-form button,.friend-search button,.friend-list details button{border:1px solid var(--ui-gold);color:#16100a;background:var(--ui-gold-bright);border-radius:.3rem;padding:.5rem .7rem}.notification-list,.friend-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.notification-list li{color:#c1bbb3;background:#061218;border:1px solid #182e34;padding:.6rem .7rem;position:relative}.notification-list li.unread{border-color:#36635c}.notification-list p{margin:0}.notification-list small,.friend-list small{color:#758280;font-size:.73rem}.notification-list form{position:absolute;bottom:.45rem;right:.5rem}.notification-list button,.friend-requests button,.friend-list details summary{color:#49bba7;cursor:pointer;background:0 0;border:0}.empty-state{color:#79827f;font-size:.85rem}.friend-search{grid-template-columns:minmax(0,1fr) auto}.friend-requests{border:1px solid #2d4946;gap:.45rem;margin:.8rem 0;padding:.65rem;display:grid}.friend-requests>div{align-items:center;gap:.5rem;display:flex}.friend-requests>div span{color:#ddd3c7;flex:1}.friend-list li{align-items:center;gap:.35rem;padding:.55rem .2rem;display:flex;box-shadow:inset 0 -1px #172a30}.friend-list li strong{color:#d4cec4}.friend-list li small{margin-left:auto}.friend-list details{margin-left:.4rem}.friend-list details form{gap:.3rem;margin-top:.35rem;display:flex}.settings-form{grid-template-columns:1fr 1fr auto auto;align-items:end;gap:.7rem;display:grid}.settings-form label{color:#978f87;gap:.3rem;font-size:.8rem;display:grid}.settings-form a{color:#62c7b2}@media (max-width:900px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{min-height:auto}.dashboard-sidebar h1,.dashboard-sidebar .status-list{display:none}.dashboard-sidebar .account-summary{justify-content:flex-start;align-items:center;padding:.65rem;display:flex}.account-avatar{width:2.8rem;height:2.8rem;font-size:1.2rem}.sidebar-logout{display:none}.continue-grid{grid-template-columns:1fr}.dashboard-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form{grid-template-columns:1fr 1fr}}@media (max-width:520px){.dashboard-panel{padding-inline:.75rem}.continue-grid,.dashboard-menu,.settings-form{grid-template-columns:1fr}.continue-image{min-height:11rem}.feature-card{min-height:7rem}.friend-list li{flex-wrap:wrap}.friend-list li small{margin-left:auto}}.auth-reference-shell{--ref-bg:#020b11;--ref-panel:#051218bd;--ref-gold:#c4872d;--ref-gold-light:#e0a957;--ref-copy:#c8beb2;--ref-muted:#8e8982;--ref-line:#c08b3d7a;--ref-border:#3c535b85;--ref-teal:#20c7a1;min-height:100dvh;color:var(--ref-copy);background:var(--ref-bg);grid-template-columns:396px minmax(0,1fr);font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;display:grid}.auth-reference-sr-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-reference-sidebar{border-right:2px solid var(--ref-gold);background:linear-gradient(180deg,#020a0feb 0%,#020a0f99 40%,#020a0f4d 66%,#020a0fe8 100%),url(/assets/login/bg-left-lighthouse-v1.jpg) center/auto 1024px no-repeat,var(--ref-bg);flex-direction:column;min-height:100dvh;padding:48px 40px 38px;display:flex;position:relative;overflow:hidden}.auth-reference-sidebar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#020a0f26,#0000 54%,#020a0f4d);position:absolute;inset:0}.auth-reference-sidebar>*{z-index:1;position:relative}.auth-reference-brand{color:var(--ref-gold-light);letter-spacing:.02em;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.auth-reference-brand .room-icon{width:33px;height:33px;color:var(--ref-gold);stroke-width:1.35px}.auth-reference-sidebar h1{color:var(--ref-gold-light);letter-spacing:.08em;margin:55px 0 0 45px;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:58px;font-weight:600;line-height:1}.auth-reference-ornament,.auth-reference-rule{align-items:center;gap:9px;display:flex}.auth-reference-ornament{width:246px;margin:22px auto 0}.auth-reference-ornament span,.auth-reference-rule span{background:linear-gradient(90deg,transparent,var(--ref-gold));flex:1;height:1px}.auth-reference-ornament span:last-child,.auth-reference-rule span:last-child{background:linear-gradient(90deg,var(--ref-gold),transparent)}.auth-reference-ornament .room-icon,.auth-reference-rule i{width:13px;height:13px;color:var(--ref-gold);transform:rotate(45deg)}.auth-reference-copy{color:#c8beb2;letter-spacing:.02em;margin:34px 0 0 9px;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:17px;line-height:1.95}.auth-reference-online-dot{background:var(--ref-teal);border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block;box-shadow:0 0 11px #20c7a1b3}.auth-reference-main{background:radial-gradient(circle at 62% 32%,#0d3f461c,transparent 38%),var(--ref-bg);min-width:0;padding:44px 64px 50px}.auth-reference-content{zoom:.9;width:min(100%,847px);margin:0 auto}.auth-reference-header{width:100%;min-height:66px;box-shadow:inset 0 -1px var(--ref-line);justify-content:space-between;align-items:center;display:flex}.auth-reference-header h2{color:var(--ref-gold-light);letter-spacing:.04em;align-items:center;gap:15px;margin:0;font-family:Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:38px;font-weight:600;display:flex;transform:translate(-85px)}.auth-reference-header h2 .room-icon{stroke-width:1.4px;width:34px;height:34px}.auth-reference-header p{color:var(--ref-copy);margin:0;font-size:16px}.auth-reference-header .auth-reference-online-dot{margin-right:10px}.auth-reference-rule{opacity:.7;width:calc(100% + 85px);margin:0 0 27px;transform:translate(-85px)}.auth-reference-rule i{border:1px solid var(--ref-gold);width:8px;height:8px;display:block}.auth-reference-card,.auth-reference-guest{background:linear-gradient(145deg,#07171ed1,#020d12a6);border:1px solid #2d434b8c;border-radius:6px;width:min(100%,847px);box-shadow:inset 0 0 0 1px #00000029}.auth-reference-card{min-height:623px;padding:42px 64px 34px;position:relative}.auth-reference-card-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:17px;margin-bottom:31px;display:grid}.auth-reference-card-heading>span{background:linear-gradient(90deg,transparent,var(--ref-line));height:1px}.auth-reference-card-heading>span:last-child{background:linear-gradient(90deg,var(--ref-line),transparent)}.auth-reference-card-heading h3{color:var(--ref-gold-light);white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:500;display:flex}.auth-reference-card-heading .room-icon{stroke-width:1.45px;width:21px;height:21px}.auth-reference-form{gap:27px;display:grid}.auth-reference-form label{color:#eee4d8;gap:11px;font-size:17px;font-weight:600;display:grid}.auth-reference-input-wrap{align-items:center;display:flex;position:relative}.auth-reference-input-wrap>.room-icon{z-index:1;color:#9a948c;stroke-width:1.4px;width:20px;height:20px;position:absolute;left:18px}.auth-reference-input-wrap input{width:100%;height:55px;color:var(--ref-copy);background:#010c12a8;border:1px solid #445b63a6;border-radius:5px;outline:0;margin:0;padding:0 52px;font-size:16px}.auth-reference-input-wrap input::placeholder{color:#7c7874}.auth-reference-input-wrap input:focus{border-color:var(--ref-gold);box-shadow:0 0 0 1px #c4872d40}.auth-reference-input-action{right:17px;color:#aaa39a!important;left:auto!important}.auth-reference-error{color:#f05a51;background:#430c0e4f;border:1px solid #a02a26bf;border-radius:5px;align-items:center;gap:12px;min-height:47px;margin:-18px 0 -2px;padding:0 17px;font-size:16px;font-weight:400;display:flex}.auth-reference-error .room-icon{stroke-width:1.6px;flex:none;width:17px;height:17px}.auth-reference-primary,.auth-reference-secondary,.auth-reference-guest-button{border-radius:5px;justify-content:center;align-items:center;min-height:58px;font-size:20px;font-weight:500;text-decoration:none;display:flex}.auth-reference-primary{color:#fff6e9;background:linear-gradient(#c8892e,#9e661d);border:1px solid #d69a36;margin-top:-3px;box-shadow:inset 0 1px #ffde9e4d}.auth-reference-primary:hover:not(:disabled),.auth-reference-guest-button:hover:not(:disabled){filter:brightness(1.08);border-color:#f0bb67}.auth-reference-secondary{color:var(--ref-gold-light);background:0 0;border:1px solid #be7b22}.auth-reference-secondary:hover{background:#c4872d1a}.auth-reference-rule-lower{margin:19px 0 18px}.auth-reference-guest{grid-template-columns:92px minmax(0,1fr) 205px;align-items:center;gap:19px;min-height:159px;padding:20px 56px 20px 49px;display:grid}.auth-reference-avatar{background:#020b10db;border:1px solid #9b68239e;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 5px #020b10cc,0 0 0 1px #c4872d2e}.auth-reference-avatar img{object-fit:contain;width:73px;height:73px;transform:translateY(2px)}.auth-reference-guest-copy h3{color:var(--ref-gold-light);margin:0 0 10px;font-size:20px;font-weight:600}.auth-reference-guest-copy p{color:#99928b;margin:0;font-size:16px;line-height:1.85}.auth-reference-guest form{margin:0}.auth-reference-guest-button{color:#fff3de;background:linear-gradient(#c8892e,#9e661d);border:1px solid #d69a36;width:205px}@media (max-width:1100px){.auth-reference-shell{grid-template-columns:300px minmax(0,1fr)}.auth-reference-sidebar{padding-inline:28px}.auth-reference-main{padding-inline:56px}.auth-reference-header h2{font-size:31px}}@media (max-width:760px){.auth-reference-shell{display:block}.auth-reference-sidebar{display:none}.auth-reference-main{min-height:100dvh;padding:24px 16px 32px}.auth-reference-content{zoom:1;width:100%}.auth-reference-header{min-height:56px}.auth-reference-header h2{gap:9px;font-size:24px;transform:none}.auth-reference-header h2 .room-icon{width:26px;height:26px}.auth-reference-rule{width:100%;transform:none}.auth-reference-header p{font-size:12px}.auth-reference-card{min-height:0;padding:30px 20px 68px}.auth-reference-card-heading h3{font-size:20px}.auth-reference-guest{grid-template-columns:78px minmax(0,1fr);gap:15px;padding:18px}.auth-reference-guest form{grid-column:1/-1}.auth-reference-guest-button{width:100%}}.mode-select-shell{background:radial-gradient(circle at 50% 42%,#0b1f2561,#0000 52%),linear-gradient(135deg,#01070b 0%,#030d12 52%,#010609 100%);min-height:100dvh;display:block}.mode-select-panel{background:radial-gradient(circle at 50% 0,#0f242a2e,#0000 42rem),linear-gradient(#01080c9e,#020a0ef0);border:1px solid #2e302e;min-height:100dvh;padding:2.8rem 0 5.1rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d6aa5c12,inset 0 0 7rem #00000073}.mode-select-panel:before,.mode-select-panel:after{pointer-events:none;content:"";border:1px solid #6f624b59;position:absolute;inset:.45rem}.mode-select-panel:after{border-color:#434c4959;inset:.7rem}.mode-select-header{z-index:1;align-items:center;min-height:3.9rem;padding:0 3.25rem;display:flex;position:relative}.mode-select-back{color:#a59e92;align-items:center;gap:.65rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,1.7vw,1.55rem);text-decoration:none;display:inline-flex}.mode-select-back span{color:#aa8651;font-family:Arial,sans-serif;font-size:2.55rem;font-weight:300;line-height:.7}.mode-select-back:hover,.mode-select-back:focus-visible{color:#e0c38c}.mode-select-heading-group{align-items:center;gap:1.2rem;margin:0 auto;display:flex;transform:translate(-2.4rem)}.mode-select-heading-mark{color:#ba8741;stroke-width:1.15px;width:2.75rem;height:2.75rem}.mode-select-heading-group h1{color:#d8a556;letter-spacing:.08em;text-shadow:0 2px 7px #0000008c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,3.8vw,3.15rem);font-weight:600}.mode-select-intro{z-index:1;align-items:center;gap:1rem;width:min(36rem,100% - 2rem);margin:1.1rem auto 1.95rem;display:flex;position:relative}.mode-select-intro span{background:linear-gradient(90deg,#0000,#8561349e);flex:1;height:1px}.mode-select-intro span:last-child{background:linear-gradient(90deg,#8561349e,#0000)}.mode-select-intro p{color:#a9a39a;white-space:nowrap;margin:0;font-size:clamp(.95rem,1.5vw,1.24rem)}.mode-select-panel .mode-selector{z-index:1;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:relative}.mode-select-panel .mode-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.35rem;width:min(1220px,100% - 15.5rem);margin:0 auto;display:grid}.mode-select-panel .mode-card{color:#d5cec1;text-align:center;cursor:pointer;background:linear-gradient(#08111557,#02090cf5 61%),linear-gradient(135deg,#111a1c,#050d10 65%,#02080b);border:1px solid #696c6594;border-radius:.6rem;outline:none;flex-direction:column;align-items:stretch;min-height:41.1rem;padding:18.6rem 4.45rem 1.55rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 1.2rem 2.5rem #0000003b}.mode-select-panel .mode-card:before,.mode-select-panel .mode-card:after{pointer-events:none;content:"";background-repeat:no-repeat;width:1.2rem;height:1.2rem;position:absolute}.mode-select-panel .mode-card:before{background-image:linear-gradient(#80755d99,#80755d99),linear-gradient(#80755d99,#80755d99);background-position:0 0,0 0;background-size:100% 1px,1px 100%;top:.45rem;left:.45rem}.mode-select-panel .mode-card:after{background-image:linear-gradient(#80755d99,#80755d99),linear-gradient(#80755d99,#80755d99);background-position:100% 100%,100% 100%;background-size:100% 1px,1px 100%;bottom:.45rem;right:.45rem}.mode-card-art{pointer-events:none;background:#03090b;height:19.3rem;position:absolute;inset:0 0 auto;overflow:hidden}.mode-card-art:after{content:"";background:linear-gradient(#0000 53%,#050d10 98%);position:absolute;inset:0}.mode-card-art img{object-fit:cover;object-position:center top;filter:saturate(.72)brightness(.72)contrast(1.08);transition:filter .2s}.mode-card-title{color:#bd8740;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:.85rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,2.35vw,2.44rem);font-weight:500;display:flex}.mode-card-title span{color:#896335;font-family:Arial,sans-serif;font-size:1.05rem}.mode-card-features{gap:.35rem;margin-top:1.3rem;padding-top:.72rem;display:grid;position:relative}.mode-card-features:after{content:"";background:#7a5d378c;height:1px;position:absolute;top:0;left:0;right:0}.mode-card-features:before{content:"";border:1px solid #a7773e;width:.65rem;height:.65rem;margin-top:-1.13rem;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.mode-card-features>span{color:#b8b1a5;text-align:left;background:#01090c59;border:1px solid #28343685;border-radius:.65rem;align-items:center;gap:.9rem;min-height:3.2rem;padding:0 1.55rem;display:flex}.mode-card-features .room-icon{color:#a98558;flex:none;width:1.5rem;height:1.5rem}.mode-card-cta{color:#f7e8ce;background:linear-gradient(#88551b,#5f390f);border:1px solid #bb7f29;border-radius:.55rem;place-items:center;min-height:3.5rem;margin:auto 4.2rem 0;font-size:clamp(.96rem,1.3vw,1.15rem);text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffdc9338,0 .5rem 1.1rem #0000004d}.mode-select-panel .mode-card:not(.mode-card-selected) .mode-card-cta{pointer-events:none;opacity:0;transform:translateY(.45rem)}.mode-select-panel .mode-card-selected .mode-card-cta{pointer-events:auto;opacity:1;transform:translateY(0)}.mode-card-cta:hover,.mode-card-cta:focus-visible{color:#fff6e5;background:linear-gradient(#a66b24,#754716);border-color:#e0ac59;box-shadow:0 0 1.1rem #c4852d40}.mode-select-panel .mode-card-selected{border-color:#d29a43;box-shadow:0 0 0 1px #e2aa4b85,0 0 1.2rem #d28f2961,0 1.2rem 2.5rem #00000047}.mode-select-panel .mode-card-selected:before,.mode-select-panel .mode-card-selected:after{background-image:linear-gradient(#c38d43,#c38d43),linear-gradient(#c38d43,#c38d43)}.mode-select-panel .mode-card-selected .mode-card-art img{filter:saturate(.92)brightness(.92)contrast(1.08)}.mode-select-panel .mode-card:hover:not(.mode-card-selected),.mode-select-panel .mode-card:focus-visible:not(.mode-card-selected){border-color:#be9454c7;box-shadow:0 0 1rem #b9823429,0 1.2rem 2.5rem #00000047}@media (max-width:1000px){.mode-select-panel .mode-card-grid{gap:1.25rem;width:min(780px,100% - 3rem)}.mode-select-panel .mode-card{padding-inline:2rem}.mode-card-cta{margin-inline:1.5rem}}@media (max-width:760px){.mode-select-panel{padding-top:1.2rem}.mode-select-header{align-items:flex-start;min-height:7rem;padding:0 1.3rem}.mode-select-back{font-size:1rem;position:absolute;top:.35rem;left:1.3rem}.mode-select-back span{font-size:2rem}.mode-select-heading-group{gap:.55rem;margin-top:2.6rem;transform:none}.mode-select-heading-mark{width:2rem;height:2rem}.mode-select-heading-group h1{letter-spacing:.04em;font-size:clamp(1.65rem,8vw,2.25rem)}.mode-select-intro{margin-top:0;margin-bottom:1.4rem}.mode-select-intro p{font-size:.9rem}.mode-select-panel .mode-card-grid{grid-template-columns:1fr;width:calc(100% - 2rem)}.mode-select-panel .mode-card{min-height:36.8rem;padding:16.6rem 1.15rem 1.15rem}.mode-card-art{height:17.7rem}.mode-card-title{font-size:1.72rem}.mode-card-features>span{min-height:2.95rem;padding-inline:1rem}.mode-card-cta{min-height:3.1rem;margin-inline:2.4rem}}.start-primary,.start-primary-form button,.auth-form button[type=submit],.auth-test-entry button[type=submit],.story-selector button[type=submit],.start-secondary-form button[type=submit],.chat-send-button,.pending-roll-card .chat-roll-button,.action-proposal-approve,.event-action-button,.clue-roll-form button,.preset-create-form button,.character-form>button,.compact-form button,.friend-search button,.friend-list details button,.auth-reference-primary,.auth-reference-guest-button,.mode-select-panel .mode-card-cta,.narrative-tab-active{box-shadow:none;background:#876029}.start-primary:hover,.start-primary-form button:hover:not(:disabled),.auth-form button[type=submit]:hover:not(:disabled),.auth-test-entry button[type=submit]:hover:not(:disabled),.story-selector button[type=submit]:hover:not(:disabled),.start-secondary-form button:hover:not(:disabled),.chat-send-button:hover:not(:disabled),.pending-roll-card .chat-roll-button:hover:not(:disabled),.action-proposal-approve:hover:not(:disabled),.event-action-button:hover:not(:disabled),.clue-roll-form button:hover:not(:disabled),.preset-create-form button:hover:not(:disabled),.character-form>button:hover:not(:disabled),.compact-form button:hover:not(:disabled),.friend-search button:hover:not(:disabled),.friend-list details button:hover:not(:disabled),.auth-reference-primary:hover:not(:disabled),.auth-reference-guest-button:hover:not(:disabled),.mode-select-panel .mode-card-cta:hover,.mode-select-panel .mode-card-cta:focus-visible,.narrative-tab-active:hover,.narrative-tab-active:focus-visible{box-shadow:none;filter:none;background:#9a6f37}.auth-reference-main,.dashboard-panel{min-block-size:100dvh}.auth-reference-main{align-content:center;display:grid}@media (min-width:761px) and (max-height:900px){.mode-select-panel{padding-block:1.5rem 2.5rem;overflow-y:visible}.mode-select-panel .mode-card{min-height:34rem;padding-top:14.5rem}}@media (max-width:760px){.auth-reference-main{display:block}}.sidebar-tool>summary .room-icon{color:var(--ui-gold)}.dashboard-menu>.feature-card:nth-child(2)>summary>span,.dashboard-menu>.feature-card:nth-child(3)>summary>span{color:#989994}.dashboard-sidebar .account-summary{border:0;justify-items:start}.dashboard-sidebar .account-summary>*{justify-self:start}.dashboard-sidebar{background:linear-gradient(#020a0f73,#020a0fc7),url(/assets/login/bg-left-lighthouse-v1.jpg) 50%/cover no-repeat,#020b11}