@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-sans:"Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", system-ui;--font-serif:"Songti SC", SimSun, "Noto Serif CJK SC", serif;--ink:#171a18;--paper:#ebe8dd;--paper-2:#dedacd;--gold:#b68a4a;--gold-light:#d7b575;--moss:#24342f;--moss-2:#16231f;--line:#222b2629;--muted:#74766f;--game-header-height:64px;--mobile-game-header-height:58px;--mobile-nav-height:54px;--mobile-nav-safe-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));--message-banner-offset:142px}.host-takeover-notice{color:#754936;background:#eee0d2;border:1px solid #b88763;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:58px;margin-bottom:12px;padding:10px 14px;display:grid}.host-takeover-notice>svg{flex:none}.host-takeover-notice>span{flex-direction:column;gap:3px;min-width:0;display:flex}.host-takeover-notice strong{font-size:11px}.host-takeover-notice small{color:#796a5d;font-size:9px;line-height:1.45}.host-takeover-notice button{color:#fff;background:#6f493a;border:0;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.story-column>.host-takeover-notice{border-width:0 0 1px;flex:none;margin:0}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.eyebrow{color:var(--gold);letter-spacing:.19em;margin:0;font-size:11px;font-weight:700}.brand-mark{width:38px;height:38px;color:var(--gold-light);font-family:var(--font-serif), serif;background:#141d1ac7;border:1px solid #d7b57580;place-items:center;font-size:20px;display:grid;transform:rotate(45deg);box-shadow:0 0 24px #b68a4a24}.brand-mark:first-letter{transform:rotate(-45deg)}.brand-mark.small{width:30px;height:30px;font-size:15px}.brand-mark.large{width:58px;height:58px;margin-bottom:18px;font-size:28px}.brand-inline{color:#e5e3d9;align-items:center;gap:14px;display:flex}.brand-inline>span{font-family:var(--font-serif), serif;font-size:18px}.brand-inline>div:last-child{flex-direction:column;display:flex}.brand-inline>div:last-child span{color:#8f9892;font-size:11px}.landing-shell{color:#e7e3d6;background:radial-gradient(circle at 68% 45%,#3d4e425c,#0000 31%),linear-gradient(135deg,#121b18,#0e1513 60%,#17221e);min-height:100vh;padding:0 max(5vw,28px);position:relative;overflow-x:clip}.landing-shell:before{content:"";pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:0}.fog{filter:blur(60px);background:#c9cfc20f;border-radius:50%;width:620px;height:220px;position:absolute;transform:rotate(-13deg)}.fog-one{top:9%;left:-9%}.fog-two{bottom:4%;right:-12%}.landing-nav{z-index:1;height:92px;font-family:var(--font-serif), serif;border-bottom:1px solid #dcd7c31a;align-items:center;gap:15px;font-size:19px;display:flex;position:relative}.version-pill{color:#a7a99f;font-family:var(--font-sans), sans-serif;letter-spacing:.13em;border:1px solid #d7b57538;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:10px}.hero-grid{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:9vw;width:min(1180px,100%);min-height:calc(100vh - 166px);margin:auto;padding:70px 0 42px;display:grid;position:relative}.hero-copy h1{max-width:680px;font:600 clamp(45px, 5.3vw, 76px)/1.18 var(--font-serif), serif;letter-spacing:-.045em;margin:20px 0 24px}.hero-copy h1 em{color:var(--gold-light);font-style:normal;font-weight:500}.hero-lead{color:#aeb3ac;max-width:570px;font-size:16px;line-height:1.9}.how-row{gap:28px;margin-top:42px;display:flex}.how-row div{color:#c6c6bc;align-items:center;gap:9px;font-size:13px;display:flex}.how-row svg{color:var(--gold)}.entry-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141d1ac7;border:1px solid #d7b57540;padding:34px;position:relative;box-shadow:0 28px 80px #00000057}.entry-card:before,.entry-card:after{content:"";border-color:var(--gold);opacity:.6;width:18px;height:18px;position:absolute}.entry-card:before{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.entry-card:after{border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.card-glow{filter:blur(50px);pointer-events:none;background:#b68a4a1f;position:absolute;inset:35% 25%}.entry-section{position:relative}.entry-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.entry-heading svg{color:var(--gold)}.entry-heading div{flex-direction:column;display:flex}.entry-heading strong{font-family:var(--font-serif), serif;font-size:19px}.entry-heading span{color:#858d87;margin-top:2px;font-size:11px}.entry-section label{color:#929990;margin:0 0 8px;font-size:11px;display:block}input,textarea{color:#ece9dc;background:#050a086b;border:1px solid #dcd7c32e;border-radius:2px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#d7b575a6;box-shadow:0 0 0 3px #b68a4a14}.input-action{grid-template-columns:1fr auto;display:grid}.input-action input{border-right:0;min-width:0;padding:13px 14px}.input-action button,.primary-button{border:1px solid var(--gold);background:var(--gold);color:#141a17;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:flex}.or-line{color:#737a75;letter-spacing:.08em;align-items:center;gap:14px;margin:30px 0;font-size:10px;display:flex}.or-line:before,.or-line:after{content:"";background:#dcd7c31f;flex:1;height:1px}.entry-section.compact .entry-heading{margin-bottom:13px}.join-fields{grid-template-columns:.8fr 1fr;gap:8px;display:grid}.join-fields input{min-width:0;padding:12px}.code-field{letter-spacing:.12em;text-transform:uppercase;font-family:monospace}.secondary-button{color:#d4d2c7;background:0 0;border:1px solid #d7b57557;width:100%;margin-top:10px;padding:12px 18px;font-weight:600}.secondary-button:hover{border-color:var(--gold);background:#b68a4a14}.secondary-button.fit,.primary-button.fit{border-radius:2px;width:auto;min-height:42px;margin:0}.form-error,.inline-error{color:#db8f7f;font-size:12px}.form-error{text-align:center;margin:16px 0 0}.landing-footer{z-index:1;color:#787f79;letter-spacing:.06em;border-top:1px solid #dcd7c31a;justify-content:center;align-items:center;gap:42px;min-height:74px;font-size:11px;display:flex;position:relative}.center-screen{text-align:center;color:#c9c9bf;background:radial-gradient(circle,#21302b,#111815 65%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.center-screen h1{color:#eeeadd;font:600 42px/1.3 var(--font-serif), serif}.center-screen>p:not(.eyebrow){color:#939a94;max-width:480px;line-height:1.8}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.join-gate .eyebrow{margin-top:16px}.gate-form{width:min(420px,100%);margin-top:22px;display:flex}.gate-form input{flex:1;min-width:0;padding:14px}.gate-form button{border:1px solid var(--gold);background:var(--gold);align-items:center;gap:6px;padding:0 18px;font-weight:700;display:flex}.lobby-shell{min-height:100vh;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:var(--paper)}.room-topbar{background:var(--moss-2);justify-content:space-between;align-items:center;height:70px;padding:0 max(4vw,24px);display:flex}.invite-bar{color:#8f9892;align-items:center;gap:12px;font-size:11px;display:flex}.invite-bar strong{color:var(--gold-light);letter-spacing:.14em;font-family:monospace;font-size:18px}.invite-bar button{color:#c5c5bb;background:0 0;border:1px solid #d7b57540;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.lobby-content{width:min(1220px,100% - 48px);margin:28px auto 0}.scenario-banner{color:#e8e6dc;background:radial-gradient(circle at 80%,#b68a4a30,#0000 24%),linear-gradient(110deg,#21302a,#14211d);justify-content:space-between;align-items:center;min-height:232px;padding:38px 46px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #161f1b26}.scenario-banner:after{content:"白榆";color:#e7e4d806;font:700 120px var(--font-serif), serif;position:absolute;right:14%}.scenario-banner h1{font:600 38px var(--font-serif), serif;margin:8px 0 12px}.scenario-banner p:not(.eyebrow){color:#aeb4ae;max-width:660px;font-size:14px;line-height:1.8}.scenario-tags{gap:8px;display:flex}.scenario-tags span{color:#aaa99f;border:1px solid #d7b57536;padding:5px 9px;font-size:10px}.scenario-sigil{z-index:1;width:170px;height:150px;color:var(--gold-light);border:1px solid #d7b57538;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.scenario-sigil span{color:#858f88;margin:12px 0 4px;font-size:10px}.scenario-sigil strong{letter-spacing:.13em;font-size:10px}.lobby-section{margin-top:38px}.section-title{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-title h2{font:600 26px var(--font-serif), serif;margin:5px 0 0}.section-title>p{color:#777972;font-size:12px}.lobby-shell:has(.lobby-selection-layout){padding-bottom:max(34px, env(safe-area-inset-bottom))}.lobby-selection-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.lobby-character-browser{overscroll-behavior:contain;scrollbar-gutter:stable;background:#ffffff3d;border:1px solid #cec8bb;min-width:0;max-height:min(760px,100dvh - 118px);padding:14px;overflow-y:auto}.lobby-character-browser .lobby-character-tabs{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#dfdbd0f7;border:0;border-bottom:1px solid #cbc5b8;margin:-14px -14px 14px;padding:12px 14px 8px;position:sticky;top:-14px}.lobby-character-browser .character-grid,.lobby-character-browser .account-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-selection-summary{background:#eeeae0;border:1px solid #c7beae;min-width:0;position:sticky;top:18px;overflow:hidden;box-shadow:0 12px 30px #23292417}.selection-summary-heading{background:#ded8cb;border-bottom:1px solid #cbc4b6;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 12px;display:flex}.selection-summary-heading>span{color:#555f59;font:600 12px var(--font-serif), serif}.selection-summary-heading em{color:#767a74;border:1px solid #b6afa2;padding:3px 6px;font-size:8px;font-style:normal}.selection-summary-heading em.available{color:#496553;background:#d9e3d8;border-color:#829b87}.selection-summary-heading em.locked{color:#735a31;background:#e6dcc6;border-color:#a38857}.selection-summary-identity{align-items:center;gap:10px;padding:15px 13px 11px;display:flex}.selection-summary-identity .avatar{background:#756b91;width:42px;height:42px}.selection-summary-identity>div:last-child{flex-direction:column;min-width:0;display:flex}.selection-summary-identity strong{font:600 17px var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-summary-identity span{color:#81847e;margin-top:3px;font-size:9px}.selection-summary-resources{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 13px 12px;display:grid}.selection-summary-resources>div{text-align:center;background:#e4dfd4;border:1px solid #d0c9bc;padding:8px 4px}.selection-summary-resources span{color:#8a785b;font:7px monospace;display:block}.selection-summary-resources strong{color:#354a3e;margin-top:3px;font-size:14px;display:block}.selection-summary-skills{border-top:1px solid #d2cbbf;gap:5px;padding:11px 13px;display:grid}.selection-summary-skills>span{color:#777b75;margin-bottom:2px;font-size:8px;font-weight:700}.selection-summary-skills>div{color:#666c66;grid-template-columns:58px 1fr 24px;align-items:center;gap:6px;font-size:8px;display:grid}.selection-summary-skills i{background:#d5d0c4;height:4px;overflow:hidden}.selection-summary-skills b{background:#708a78;height:100%;display:block}.selection-summary-skills strong{color:#3d4d44;text-align:right}.selection-preview-button{color:#6c5634;background:#e7ddca;border:1px solid #aa946d;justify-content:center;align-items:center;gap:6px;width:calc(100% - 26px);min-height:36px;margin:0 13px 13px;font-size:9px;font-weight:700;display:flex}.selection-summary-empty{color:#977b4c;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:235px;padding:24px;display:flex}.selection-summary-empty strong{color:#465149;font:600 14px var(--font-serif), serif}.selection-summary-empty span{color:#858780;font-size:9px;line-height:1.55}.selection-summary-actions{background:#dcd5c7;border-top:1px solid #c8c0b1;gap:7px;padding:12px 13px;display:grid}.selection-summary-actions button{width:100%;min-height:42px;margin:0}.selection-summary-actions .inline-error{color:#9a5145;text-align:center;font-size:9px}@media (max-width:760px){.lobby-selection-layout{grid-template-columns:1fr;gap:14px}.lobby-character-browser{scrollbar-gutter:auto;background:0 0;border:0;max-height:none;padding:0;overflow:visible}.lobby-character-browser .lobby-character-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:#dfdbd0;border:1px solid #d1cdc1;margin:0 0 14px;padding:3px;position:static}.lobby-character-browser .character-grid,.lobby-character-browser .account-character-grid{grid-template-columns:1fr}.lobby-selection-summary{padding-bottom:env(safe-area-inset-bottom);position:static}.selection-summary-heading>span{font-size:14px}.selection-summary-heading em,.selection-summary-identity span,.selection-summary-skills>span,.selection-summary-skills>div,.selection-summary-empty span,.selection-summary-actions .inline-error{font-size:11px}.selection-summary-identity strong{font-size:20px}.selection-preview-button,.selection-summary-actions button{min-height:46px;font-size:12px}}.character-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.character-card{text-align:left;min-height:325px;color:var(--ink);background:#f5f2e9;border:1px solid #d4d0c4;padding:21px 17px 17px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.character-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 25px #262a261c}.character-card.selected{border:2px solid var(--accent);box-shadow:0 8px 24px var(--accent)}@supports (color:color-mix(in lab, red, red)){.character-card.selected{box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 17%, transparent)}}.character-card.unavailable{filter:grayscale(.55);opacity:.62}.character-number{color:#24342f0e;font:700 70px var(--font-serif), serif;position:absolute;top:-17px;right:5px}.character-head{align-items:center;gap:10px;display:flex;position:relative}.avatar{color:#fff;width:46px;height:46px;font-family:var(--font-serif), serif;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.character-head h3,.sheet-head h3{font:600 18px var(--font-serif), serif;margin:0}.character-head span,.sheet-head span{color:#83847e;font-size:11px}.selected-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;margin-left:auto;display:grid}.tagline{min-height:42px;font:500 12px/1.7 var(--font-serif), serif;margin:20px 0 8px}.playstyle{color:#85867e;min-height:37px;font-size:10px;line-height:1.7}.skill-bars{border-top:1px solid #dfdbcf;margin-top:17px;padding-top:13px}.skill-bars>div{color:#777a73;grid-template-columns:45px 1fr 22px;align-items:center;gap:7px;margin:8px 0;font-size:9px;display:grid}.skill-bars i,.resources i{background:#ddd8cb;height:3px}.skill-bars b,.resources b{background:var(--accent);height:100%;display:block}.skill-bars em{text-align:right;font-style:normal;font-weight:700}.occupied{background:#d4d0c5;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:10px;display:flex;position:absolute;inset:auto 0 0}.players-strip{background:#ffffff5c;border:1px solid #d1cdc1;align-items:center;gap:22px;margin-top:24px;padding:18px 20px;display:flex}.players-strip>div:first-child{white-space:nowrap;align-items:center;gap:7px;display:flex}.players-strip>div:first-child span{color:#999b94;font-size:11px}.player-chips{gap:9px;display:flex;overflow-x:auto}.player-chip{background:#dfdbd0;align-items:center;gap:8px;min-width:170px;padding:8px 10px;display:flex}.player-chip>span{color:#fff;background:#89918b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.player-chip>div{flex-direction:column;display:flex}.player-chip strong{align-items:center;gap:4px;font-size:11px;display:flex}.player-chip small{color:#888a84;font-size:9px}.player-chip em{color:#92948e;margin-left:auto;font-size:9px;font-style:normal}.player-chip.ready{background:#d6dfd6}.player-chip.ready em{color:#456951}.ready-footer{z-index:5;min-height:calc(70px + env(safe-area-inset-bottom));padding:11px max(4vw, 24px) calc(11px + env(safe-area-inset-bottom));color:#b9bcb5;background:#16231ff7;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #1419161f}.ready-footer>div:first-child{align-items:center;gap:9px;font-size:12px;display:flex}.ready-footer svg{color:var(--gold-light)}.ready-actions{align-items:center;gap:10px;display:flex}@media (max-width:1050px){.character-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.landing-shell{padding:0 20px 40px;overflow-y:auto}.landing-nav{height:70px}.hero-grid{grid-template-columns:1fr;gap:38px;min-height:auto;padding:52px 0 100px}.hero-copy h1{font-size:43px}.hero-lead{font-size:14px}.how-row{flex-wrap:wrap;gap:14px}.entry-card{padding:25px 20px}.input-action{grid-template-columns:1fr;gap:8px}.input-action input{border-right:1px solid #dcd7c32e}.input-action button{min-height:44px}.landing-footer{flex-wrap:wrap;gap:10px 20px;height:auto;padding:18px 0;position:relative;left:auto;right:auto}.room-topbar{padding:0 15px}.invite-bar>span,.invite-bar button{font-size:0}.invite-bar button{padding:7px}.invite-bar button svg{width:16px}.lobby-content{width:calc(100% - 28px)}.scenario-banner{padding:28px 24px}.scenario-sigil{display:none}.scenario-banner h1{font-size:31px}.section-title{flex-direction:column;align-items:start;gap:6px}.section-title>p{margin:0}.character-grid{grid-template-columns:1fr}.character-card{min-height:280px}.players-strip{flex-direction:column;align-items:flex-start}.player-chips{width:100%}.ready-footer{flex-direction:column;align-items:stretch}.ready-footer>div:first-child{display:none}.ready-actions{width:100%}.ready-actions button{flex:1}.inline-error{z-index:7;bottom:calc(92px + env(safe-area-inset-bottom));text-align:center;background:#452e29;padding:8px;position:fixed;left:14px;right:14px}.lobby-shell{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.center-screen h1{font-size:35px}}.account-nav{font-family:var(--font-sans), sans-serif;align-items:center;gap:8px;margin-left:2px;display:flex}.account-nav>span{color:#7f8983;letter-spacing:.04em;font-size:10px}.account-nav button{color:#c7c8c0;background:#050a0833;border:1px solid #d7b5753d;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.account-nav button:hover{color:#eee9dd;background:#b68a4a17;border-color:#d7b57594}.account-nav .register-nav{background:var(--gold);color:#151a17;border-color:#d7b5759e;font-weight:700}.account-nav .register-nav:hover{background:var(--gold-light);color:#101512}.account-chip{align-items:center;gap:8px;min-width:0;margin-right:2px;display:flex}.account-chip>i{width:31px;height:31px;color:var(--gold-light);font-family:var(--font-serif), serif;background:#b68a4a1f;border:1px solid #d7b5756b;border-radius:50%;flex:none;place-items:center;font-size:13px;font-style:normal;display:grid}.account-chip>span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.account-chip strong{color:#e5e2d7;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.account-chip small{color:#747e78;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:9px;overflow:hidden}.login-hint{color:var(--gold-light);background:#b68a4a0e;border:1px solid #d7b5752b;align-items:center;gap:12px;margin:-4px 0 27px;padding:13px 14px;display:flex;position:relative}.login-hint>div{flex-direction:column;gap:3px;display:flex}.login-hint strong{color:#d9d6ca;font:600 12px var(--font-serif), serif}.login-hint span{color:#7f8882;font-size:9px;line-height:1.55}.my-stories{position:relative}.my-stories>.entry-heading{margin-bottom:13px}.story-list{gap:7px;display:grid}.story-list>button{color:#d9d7cc;text-align:left;background:#050a0847;border:1px solid #dcd7c321;justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;padding:11px 12px;transition:border-color .2s,background .2s,transform .2s;display:flex}.story-list>button:hover:not(:disabled){background:#b68a4a13;border-color:#d7b5756b;transform:translate(2px)}.story-list>button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.story-list strong{color:#dddacf;font:600 12px var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-list span{color:#777f7a;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font:9px monospace;overflow:hidden}.story-list em{color:#a58b61;flex:none;align-items:center;gap:7px;font-size:9px;font-style:normal;display:inline-flex}.join-fields.account-join>:only-child{grid-column:1/-1}.auth-overlay{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050a08c7;place-items:center;padding:24px;animation:.18s ease-out auth-fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-dialog{color:#e6e2d5;background:linear-gradient(145deg,#1f2b26fc,#0f1815fc);border:1px solid #d7b57557;width:min(430px,100%);padding:34px 38px 30px;animation:.22s ease-out auth-dialog-in;position:relative;box-shadow:0 35px 100px #0000008c}.auth-dialog:before,.auth-dialog:after{content:"";border-color:var(--gold);opacity:.55;pointer-events:none;width:18px;height:18px;position:absolute}.auth-dialog:before{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.auth-dialog:after{border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.auth-dialog h2{font:600 28px/1.25 var(--font-serif), serif;margin:12px 0 7px}.auth-dialog>p:not(.eyebrow):not(.form-error){color:#8f9892;margin:0 0 23px;font-size:11px;line-height:1.7}.auth-close{z-index:1;color:#7f8882;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:13px;right:13px}.auth-close:hover{color:var(--gold-light)}.auth-dialog label{color:#9ca29d;flex-direction:column;gap:7px;margin-top:14px;font-size:10px;display:flex}.auth-dialog label input{width:100%;min-height:43px;padding:10px 12px}.auth-dialog .form-error{text-align:left;background:#6a30282b;border:1px solid #db8f7f33;margin:14px 0 0;padding:9px 10px;line-height:1.5}.auth-submit{border:1px solid var(--gold);background:var(--gold);color:#131915;width:100%;min-height:44px;margin-top:22px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s}.auth-submit:hover:not(:disabled){border-color:var(--gold-light);background:var(--gold-light)}.auth-switch{color:#8f9892;background:0 0;border:0;width:100%;margin-top:13px;padding:5px;font-size:10px}.auth-switch:hover{color:var(--gold-light)}@keyframes auth-fade-in{0%{opacity:0}}@keyframes auth-dialog-in{0%{opacity:0;transform:translateY(9px)scale(.985)}}@media (max-width:760px){.landing-nav{gap:10px}.landing-nav>span:not(.version-pill){font-size:16px}.version-pill{display:none}.account-nav{gap:5px;margin-left:auto}.account-nav button{width:34px;padding:0;font-size:0}.account-nav button svg{width:15px}.account-nav .register-nav{width:auto;padding:0 9px;font-size:10px}.account-chip>span{display:none}.account-chip>i{width:29px;height:29px}.story-list>button{align-items:flex-start;padding:11px 10px}.story-list em{text-align:right;justify-content:flex-end;max-width:92px}.join-fields.account-join{grid-template-columns:1fr}.auth-overlay{align-items:start;padding:18px 14px}.auth-dialog{margin:auto 0;padding:30px 22px 24px}.auth-dialog h2{font-size:25px}}@media (max-width:410px){.landing-shell{padding-left:14px;padding-right:14px}.landing-nav{gap:8px}.landing-nav>span:not(.version-pill){display:none}.account-nav .register-nav{width:34px;padding:0;font-size:0}.entry-card{padding-left:16px;padding-right:16px}.story-list em{max-width:76px}}.character-mode-tabs{background:#dfdbd0;border:1px solid #d1cdc1;gap:3px;margin-bottom:14px;padding:3px;display:inline-flex}.character-mode-tabs button{color:#777a73;background:0 0;border:0;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:11px;display:flex}.character-mode-tabs button.active{color:#2f493c;background:#f5f2e9;font-weight:700;box-shadow:0 2px 7px #242a2614}.investigator-creator{background:#f4f1e8;border:1px solid #cbc6b9;box-shadow:0 12px 35px #23292414}.creator-toolbar{color:#e9e5d9;background:#273c33;border-bottom:1px solid #cbc6b9;justify-content:space-between;align-items:center;gap:18px;min-height:66px;padding:13px 18px;display:flex}.creator-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex}.creator-toolbar strong{font:600 15px var(--font-serif), serif}.creator-toolbar span{color:#98a19b;font-size:9px}.creator-toolbar>div:last-child{gap:7px;display:flex}.creator-toolbar button{color:#d5c49f;background:#d7b57512;border:1px solid #d7b5754d;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;display:flex}.creator-step-nav{background:#ded9cd;border-bottom:1px solid #cbc6b9;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.creator-step-nav button{color:#777b75;background:0 0;border:0;border-right:1px solid #cbc6b9;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px 10px;font-size:10px;transition:color .18s,background .18s;display:flex;position:relative}.creator-step-nav button:last-child{border-right:0}.creator-step-nav button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.creator-step-nav button>span{color:#898b84;border:1px solid #b7b1a4;flex:none;place-items:center;width:25px;height:25px;font:8px monospace;display:grid}.creator-step-nav button:hover{color:#425149;background:#ffffff3d}.creator-step-nav button.active{color:#2e473a;background:#eeeae0;font-weight:700}.creator-step-nav button.active:after{background:#a68755}.creator-step-nav button.active>span{color:#f6f1e6;background:#a68755;border-color:#a68755}.creator-step-nav button.done{color:#526a5c}.creator-step-nav button.done>span{color:#496452;background:#d6e0d6;border-color:#718b79}.creator-live-summary{background:#e7e2d7;border-bottom:1px solid #d2cdc1;grid-template-columns:auto minmax(150px,1fr) minmax(390px,auto);align-items:center;gap:12px;min-height:76px;padding:11px 18px;display:grid}.creator-live-summary .avatar{background:#756b91;width:42px;height:42px;font-size:15px}.creator-live-summary>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.creator-live-summary>div:nth-child(2) strong{color:#31433a;font:600 15px var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-live-summary>div:nth-child(2) span{color:#858780;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.creator-live-summary dl{grid-template-columns:repeat(4,minmax(74px,1fr));gap:5px;min-width:0;margin:0;display:grid}.creator-live-summary dl>div{text-align:center;background:#ffffff47;border:1px solid #d1cbbf;min-width:0;padding:7px 9px}.creator-live-summary dt{color:#85877f;text-overflow:ellipsis;white-space:nowrap;font:7px monospace;overflow:hidden}.creator-live-summary dd{color:#33483c;margin:3px 0 0;font-size:12px;font-weight:700}.creator-live-summary dd.danger{color:#9a4e3d}.creator-section{border-bottom:1px solid #d7d2c6;grid-template-columns:175px 1fr;gap:20px;padding:23px 20px;display:grid}.creator-section-title{align-items:flex-start;gap:9px;display:flex}.creator-section-title>span{color:#967b4c;border:1px solid #ad9366;place-items:center;width:26px;height:26px;font:600 9px monospace;display:grid}.creator-section-title h3{font:600 15px var(--font-serif), serif;margin:1px 0 4px}.creator-section-title p{color:#8b8d86;margin:0;font-size:9px;line-height:1.55}.stepped-creator .creator-section{display:none}.stepped-creator .creator-section.active{display:grid}.creator-fields{gap:12px;display:grid}.identity-fields{grid-template-columns:repeat(3,minmax(120px,1fr))}.creator-fields label,.background-grid label{flex-direction:column;gap:5px;display:flex}.creator-fields label>span,.background-grid label>span{color:#696d67;font-size:9px}.creator-fields label.required>span:after{content:" · 必填";color:#9b7946}.creator-fields input,.creator-fields select,.background-grid textarea{color:#303632;width:100%;min-width:0;font:inherit;box-shadow:none;background:#ebe7dc;border:1px solid #ccc7ba;padding:9px 10px;font-size:11px}.creator-fields input:focus,.creator-fields select:focus,.background-grid textarea:focus,.attribute-grid input:focus,.custom-skill-grid input[type=number]:focus{border-color:#a68755;outline:1px solid #a68755}.attribute-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.attribute-grid label{background:#ebe7dc;border:1px solid #d2cdc1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.attribute-grid label>span{flex-direction:column;min-width:0;display:flex}.attribute-grid strong{font-size:10px}.attribute-grid small{color:#92948e;margin-top:2px;font-size:8px}.attribute-grid input{color:#30443a;text-align:center;background:0 0;border:0;border-bottom:1px solid #aaa18f;width:55px;padding:6px 4px;font-weight:700}.derived-strip{grid-column:2;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.derived-strip>div,.derived-strip>label{background:#e5e1d5;border:1px solid #d0c9ba;flex-direction:column;justify-content:center;align-items:center;min-height:52px;display:flex}.derived-strip span{color:#81847d;font-size:8px}.derived-strip strong{color:#364b40;margin-top:4px;font-size:12px}.derived-strip label input{text-align:center;background:0 0;border:0;border-bottom:1px solid #9c927f;width:52px;margin-top:3px;font-size:12px;font-weight:700}.skill-budget{grid-column:2;align-items:center;gap:10px;margin-bottom:10px;display:flex}.skill-budget i{background:#d7d2c6;flex:1;height:5px;overflow:hidden}.skill-budget b{background:#6d8977;height:100%;display:block}.skill-budget strong{color:#667069;text-align:right;min-width:70px;font-size:9px}.skill-budget.over b{background:#a65f4d}.skill-budget.over strong{color:#9a4e3d}.custom-skill-grid{grid-column:2;grid-template-columns:repeat(2,1fr);gap:6px 14px;display:grid}.custom-skill-grid label{border-bottom:1px solid #ddd8cc;grid-template-columns:80px 1fr 45px;align-items:center;gap:8px;padding:6px 8px;display:grid}.custom-skill-grid label>span{flex-direction:column;display:flex}.custom-skill-grid strong{font-size:10px}.custom-skill-grid small{color:#999a94;font-size:8px}.custom-skill-grid input[type=range]{accent-color:#607d6b;width:100%}.custom-skill-grid input[type=number]{text-align:center;background:#ebe7dc;border:1px solid #cbc5b8;width:45px;padding:5px 2px;font-size:10px;font-weight:700}.background-grid{grid-template-columns:repeat(2,1fr);gap:10px 12px;display:grid}.background-grid textarea{resize:vertical;line-height:1.55}.background-toggle{color:#806b49;background:0 0;border:0;border-bottom:1px dashed #9c8969;grid-column:2;justify-self:start;margin-top:10px;padding:0;font-size:9px}.creator-submit{background:#e5e1d6;justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:12px 18px;display:flex}.creator-submit>div{color:#8b624f;align-items:center;gap:6px;margin-right:auto;font-size:10px;display:flex}.creator-submit>div svg{color:#a66c52}.creator-prev{color:#6f756f}@media (max-width:900px){.creator-live-summary{grid-template-columns:auto minmax(0,1fr)}.creator-live-summary dl{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.creator-section{grid-template-columns:1fr;gap:14px}.creator-section-title p{max-width:none}.derived-strip,.skill-budget,.custom-skill-grid,.background-toggle{grid-column:1}.attribute-grid,.identity-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.creator-toolbar{flex-direction:column;align-items:stretch}.creator-toolbar>div:last-child{width:100%}.creator-toolbar button{flex:1;justify-content:center}.creator-step-nav button{flex-direction:column;gap:4px;min-height:62px;padding:7px 3px;font-size:9px}.creator-step-nav button:after{left:24%;right:24%}.creator-step-nav button>span{width:22px;height:22px}.creator-live-summary{gap:9px;min-height:0;padding:10px 12px}.creator-live-summary .avatar{width:38px;height:38px}.creator-live-summary>div:nth-child(2) strong{font-size:14px}.creator-live-summary dl{gap:3px}.creator-live-summary dl>div{padding:6px 2px}.creator-live-summary dt{font-size:6px}.creator-live-summary dd{font-size:11px}.creator-section{padding:18px 13px}.identity-fields,.attribute-grid,.custom-skill-grid,.background-grid{grid-template-columns:1fr}.derived-strip{grid-template-columns:repeat(3,1fr)}.creator-submit{flex-flow:wrap;align-items:stretch;padding:11px 13px}.creator-submit>div{flex:0 0 100%;margin:0 0 2px}.creator-submit button{flex:1 1 0;width:auto;min-width:86px}.character-mode-tabs{width:100%}.character-mode-tabs button{flex:1;justify-content:center}}.investigator-library-shell{background:var(--paper);min-height:100dvh}.library-nav-actions{color:#929b95;align-items:center;gap:11px;font-size:10px;display:flex}.library-nav-actions button{color:#d0cec4;background:0 0;border:1px solid #d7b57540;align-items:center;gap:6px;min-height:33px;padding:0 10px;font-size:10px;display:flex}.investigator-editor-load-error{text-align:center;gap:12px}.investigator-editor-load-error>svg{color:#9b7d4c}.investigator-editor-load-error h1{font:600 28px var(--font-serif), serif;color:#303b35;margin:0}.investigator-editor-load-error .library-error{max-width:520px;margin:0}.investigator-editor-error-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.investigator-library-content{width:min(1180px,100% - 48px);margin:0 auto;padding:45px 0 70px}.investigator-library-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px;display:flex}.investigator-library-header h1{font:600 35px var(--font-serif), serif;color:#28342e;margin:6px 0 7px}.investigator-library-header p:not(.eyebrow){color:#777b75;max-width:690px;margin:0;font-size:11px;line-height:1.7}.investigator-library-toolbar{background:#e9e5da;border:1px solid #d2cdc1;grid-template-columns:minmax(220px,1fr) minmax(180px,220px) auto;align-items:end;gap:12px;margin-bottom:17px;padding:14px 16px;display:grid}.library-view-tabs{border-bottom:1px solid #d4cec1;grid-column:1/-1;gap:5px;padding-bottom:10px;display:flex}.library-view-tabs button{color:#727871;background:0 0;border:1px solid #0000;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:10px;display:inline-flex}.library-view-tabs button span{color:#6e746d;text-align:center;background:#d7d1c4;border-radius:999px;min-width:20px;padding:2px 5px;font-size:8px}.library-view-tabs button.active{color:#4b5e53;background:#f3eee2;border-color:#a88c5e;font-weight:700}.library-view-tabs button.active span{color:#fffaf0;background:#a88c5e}.library-search-field,.library-sort-field{flex-direction:column;gap:6px;min-width:0;display:flex}.library-search-field>span,.library-sort-field>span{color:#70746e;font-size:9px;font-weight:700}.library-search-field>div{color:#8a806e;background:#f4f1e8;border:1px solid #c8c2b5;align-items:center;gap:8px;min-height:42px;padding:0 11px;display:flex}.library-search-field input,.library-sort-field select{color:#303a34;width:100%;min-width:0;min-height:40px;font:inherit;background:0 0;border:0;font-size:11px}.library-search-field input{outline:0}.library-search-field>div:focus-within,.library-sort-field select:focus-visible{outline-offset:1px;border-color:#a68755;outline:2px solid #a68755}.library-sort-field select{background:#f4f1e8;border:1px solid #c8c2b5;padding:0 10px}.library-result-count{color:#777d77;text-align:right;white-space:nowrap;min-width:118px;margin:0 0 13px;font-size:9px}.investigator-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.library-character-card{background:#f3f0e7;border:1px solid #cec9bd;min-width:0;padding:19px;box-shadow:0 8px 24px #252b260e}.library-character-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.library-character-head .avatar{background:#756b91}.library-character-head h2{font:600 19px var(--font-serif), serif;margin:0 0 3px}.library-character-head span{color:#858780;font-size:9px}.library-character-head>svg{color:#a18453}.library-character-card.archived{background:#e8e4da;border-style:dashed}.library-character-card.archived .avatar{filter:grayscale(.65)}.library-character-card.archived .library-character-head>svg,.library-character-card.archived .library-character-meta svg{color:#867d6f}.library-character-resources{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:17px;display:grid}.library-character-resources>div{text-align:center;background:#e8e4d9;border:1px solid #d4cfc3;padding:8px 3px}.library-character-resources span{color:#8a806e;font:7px monospace;display:block}.library-character-resources strong{color:#31483b;margin-top:3px;font-size:13px;display:block}.library-character-skills{border-top:1px solid #d5d0c4;margin-top:14px;padding-top:9px}.library-character-skills>div{color:#747872;grid-template-columns:65px 1fr 24px;align-items:center;gap:7px;padding:5px 0;font-size:9px;display:grid}.library-character-skills i{background:#d6d1c5;height:4px;overflow:hidden}.library-character-skills b{background:#748d7b;height:100%;display:block}.library-character-skills strong{color:#37483f;text-align:right}.library-character-meta{color:#858a83;align-items:center;gap:5px;margin-top:12px;font-size:8px;display:flex}.library-character-meta svg{color:#67806e}.library-character-actions{gap:5px;margin-top:13px;display:flex}.library-character-actions button{color:#5f6762;background:#e6e1d6;border:1px solid #c8c1b3;flex:1;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 7px;font-size:8px;display:flex}.library-character-actions button:hover:not(:disabled){color:#715a35;border-color:#9b835b}.library-character-actions button.danger{color:#9a675a;flex:0 0 34px;padding:0;font-size:0}.investigator-empty-state{text-align:center;background:#ffffff3b;border:1px dashed #c8c1b3;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:45px 20px;display:flex}.investigator-empty-state>svg{color:#9b8050}.investigator-empty-state h2{font:600 22px var(--font-serif), serif;margin:17px 0 7px}.investigator-empty-state p{color:#81847e;max-width:430px;margin:0 0 20px;font-size:10px;line-height:1.7}.library-filter-empty{min-height:300px}.library-clear-search{color:#6f5732;background:#e7ddc9;border:1px solid #a98b5b;min-height:40px;padding:0 16px;font-size:10px;font-weight:700}.library-clear-search:hover{background:#dfd1b7;border-color:#80653c}.library-clear-search:focus-visible{outline-offset:2px;outline:2px solid #80653c}.library-error{color:#8d4f43;background:#eadbd7;border:1px solid #c99588;padding:10px 12px;font-size:10px}.account-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-character-grid .character-number{letter-spacing:.12em;font-size:11px;top:2px;right:8px}.lobby-library-empty{color:#8d764e;background:#ffffff40;border:1px dashed #c7c0b2;justify-content:center;align-items:center;gap:15px;min-height:180px;padding:25px;display:flex}.lobby-library-empty>div{flex-direction:column;gap:4px;display:flex}.lobby-library-empty strong{color:#39483f;font:600 15px var(--font-serif), serif}.lobby-library-empty span{color:#858982;font-size:9px}.lobby-library-empty button{color:#6f5732;background:#e7ddc9;border:1px solid #a98b5b;align-items:center;gap:5px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.lobby-character-tabs{max-width:100%;overflow-x:auto}@media (max-width:900px){.investigator-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1050px){.account-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.investigator-library-content{width:calc(100% - 28px);padding-top:28px}.investigator-library-header{flex-direction:column;align-items:stretch}.investigator-library-header h1{font-size:29px}.investigator-library-toolbar{grid-template-columns:minmax(0,1fr) minmax(120px,.72fr);gap:10px;padding:12px}.library-result-count{text-align:left;grid-column:1/-1;min-width:0;margin:0}.investigator-library-grid,.account-character-grid{grid-template-columns:1fr}.library-nav-actions>span{display:none}.library-nav-actions button{justify-content:center;width:34px;padding:0;font-size:0}.lobby-library-empty{flex-direction:column;align-items:flex-start}.lobby-character-tabs{display:flex}.lobby-character-tabs button{flex:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.story-library-heading{margin-bottom:12px}.story-library-heading>div{min-width:0}.scenario-editor-link{color:#c2a778;background:#b68a4a14;border:1px solid #d7b5754d;margin-left:auto;padding:7px 9px;font-size:8px}.scenario-editor-page{color:#ddd8ca;background:#111a16;min-height:100vh;padding:28px max(4vw,18px) 60px}.scenario-editor-page>header{justify-content:space-between;gap:20px;max-width:1040px;margin:0 auto 18px;display:flex}.scenario-editor-page h1{font:600 28px var(--font-serif),serif;margin:3px 0}.scenario-editor-page header p,.scenario-editor-page header span{color:#8e9a91;font-size:10px}.scenario-editor-page button{color:#d5bd91;background:#b68a4a1f;border:1px solid #d7b57561}.scenario-editor-room,.scenario-editor-form{max-width:1040px;margin:0 auto}.scenario-editor-room{grid-template-columns:minmax(0,240px) auto;gap:8px;display:grid}.scenario-editor-room input,.scenario-editor-form input,.scenario-editor-form textarea{color:#ebe5d7;background:#18231e;border:1px solid #dcd7c32e;width:100%}.scenario-editor-form{gap:14px;margin-top:18px;display:grid}.scenario-editor-form>label,.scenario-editor-form section label{grid-template-columns:130px 1fr;align-items:center;gap:10px;display:grid}.scenario-editor-form label span,.scenario-editor-form article strong{color:#a9936d;font:9px monospace}.scenario-editor-form section{border:1px solid #dcd7c31f;gap:8px;padding:15px;display:grid}.scenario-editor-form h2{margin:0 0 5px;font-size:14px}.scenario-editor-form article{grid-template-columns:120px minmax(0,1fr) minmax(0,2fr);align-items:start;gap:8px;display:grid}.scenario-editor-form textarea{resize:vertical;min-height:76px}.scenario-editor-save{min-height:44px}.scenario-editor-error{color:#d08d7d}.scenario-editor-success{color:#8fc49d}.scenario-editor-error,.scenario-editor-success{max-width:1040px;margin:12px auto}.story-library-toolbar{grid-template-columns:minmax(0,1fr) 112px;gap:7px;display:grid}.story-search{color:#8e968f;background:#050a084d;border:1px solid #dcd7c329;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 9px;display:flex;position:relative}.story-search:focus-within{border-color:#d7b5759e;box-shadow:0 0 0 3px #b68a4a12}.story-search input{width:100%;min-width:0;height:36px;box-shadow:none;color:#e6e2d7;background:0 0;border:0;padding:0;font-size:10px}.story-search input::placeholder{color:#68716b}.story-search button{color:#7d8780;background:0 0;border:0;flex:none;place-items:center;width:25px;height:25px;padding:0;display:grid}.story-search button:hover{color:#d7b575}.story-sort{min-width:0}.story-sort select{color:#b8bbb3;background:#16201c;border:1px solid #dcd7c329;border-radius:0;outline:0;width:100%;height:38px;padding:0 24px 0 9px;font-size:9px}.story-sort select:focus-visible{outline-offset:1px;border-color:#d7b5759e;outline:2px solid #d7b57547}.story-filters{scrollbar-width:none;gap:4px;margin-top:8px;display:flex;overflow-x:auto}.story-filters::-webkit-scrollbar{display:none}.story-filters button{color:#858e88;white-space:nowrap;background:#050a0833;border:1px solid #dcd7c31f;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:0 8px;font-size:8px;display:inline-flex}.story-filters button span{color:#777f79;text-align:center;background:#dcd7c314;border-radius:8px;min-width:15px;padding:1px 4px;font:7px monospace}.story-filters button:hover{color:#c6c5bc;border-color:#d7b5755c}.story-filters button.active{color:#e3dccd;background:#b68a4a1f;border-color:#d7b5758c}.story-filters button.active span{color:#151c18;background:#a77e42}.story-library-result{color:#6f7972;justify-content:space-between;align-items:center;min-height:26px;padding:0 2px;font-size:8px;display:flex}.my-stories .story-list{overscroll-behavior:contain;scrollbar-color:#b68a4a59 transparent;gap:7px;max-height:min(410px,46vh);padding-right:3px;display:grid;overflow-y:auto}.story-list>.story-library-card{color:#d9d7cc;text-align:left;background:#050a0847;border:1px solid #dcd7c321;grid-template-columns:minmax(0,1fr) minmax(112px,auto);align-items:stretch;gap:12px;width:100%;min-width:0;padding:12px;transition:border-color .2s,background .2s,transform .2s;display:grid}.story-list>.story-library-card:hover:not(:disabled){background:#b68a4a13;border-color:#d7b5756b;transform:translate(2px)}.story-list>.story-library-card.ended{background:#0d110f57}.story-list>.story-library-card>div{flex-direction:column;min-width:0;display:flex}.story-card-main{gap:6px}.story-card-title{align-items:center;gap:7px;min-width:0;display:flex}.story-card-title strong{color:#e2ded2;min-width:0;font:600 13px var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.story-status{color:#bba26f;letter-spacing:.04em;background:#b59e7114;border:1px solid #b59e7161;flex:none;padding:2px 5px;font-size:7px}.story-status.playing{color:#83ad8e;background:#4b7c5b1f;border-color:#68977773}.story-status.ended{color:#858f89;background:#767e7814;border-color:#8d928b4d}.story-card-progress{color:#7f8982;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;font:8px monospace;display:flex}.story-card-progress span+span{position:relative}.story-card-progress span+span:before{content:"·";color:#4f5852;margin-right:8px}.story-card-main code{color:#9d835b;letter-spacing:.12em;border:1px solid #d7b57526;width:fit-content;margin-top:1px;padding:2px 5px;font:8px monospace}.story-card-side{text-align:right;justify-content:center;align-items:flex-end;gap:5px}.story-card-side>span{align-items:center;gap:5px;max-width:100%;display:inline-flex}.story-character{color:#b6b7af;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.story-character svg{color:#967b50;flex:none}.story-updated{color:#68726c;white-space:nowrap;font-size:7px}.story-open-label{color:#af9161;margin-top:2px;font-size:8px;font-weight:700}.story-library-empty{text-align:center;background:#050a082e;border:1px dashed #d7b57538;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:122px;padding:18px 15px;display:flex}.story-library-empty>svg{color:#9f8050}.story-library-empty strong{color:#d7d3c7;font:600 12px var(--font-serif), serif;margin-top:3px}.story-library-empty span{color:#737d76;max-width:310px;font-size:8px;line-height:1.55}.story-library-empty.filtered{min-height:150px}.story-library-empty button{color:#c5ac80;background:#b68a4a14;border:1px solid #d7b57559;align-items:center;gap:5px;min-height:31px;margin-top:6px;padding:0 10px;font-size:8px;display:inline-flex}.my-stories>.or-line{margin:25px 0}.story-dashboard{gap:9px;display:grid}.story-dashboard .story-library-heading{margin-bottom:2px}.story-dashboard.collapsed .story-list{max-height:none;padding-right:0;overflow:visible}.story-primary-cta{background:#b68a4a1a;border:1px solid #d7b57561;justify-content:center;min-height:28px;padding:0 9px}.story-library-toggle{color:#b89d70;background:#050a0833;border:1px solid #d7b57538;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:9px;font-weight:700;display:flex}.story-library-toggle:hover{color:#ddc89f;background:#b68a4a14;border-color:#d7b57580}.dashboard-quick-actions{border-top:1px solid #dcd7c31f;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px;padding-top:17px;display:grid}.dashboard-quick-card{background:#050a0838;border:1px solid #dcd7c324;flex-direction:column;min-width:0;padding:13px;display:flex}.dashboard-quick-card .entry-heading{align-items:flex-start;margin-bottom:11px}.dashboard-quick-card .entry-heading strong{font-size:14px}.dashboard-quick-card .entry-heading span{font-size:9px;line-height:1.4}.dashboard-quick-card .scenario-picker{flex:1;margin:0 0 10px}.dashboard-join-fields{flex:1;grid-template-columns:1fr;gap:6px}.dashboard-join-fields input{border:1px solid #dcd7c32e;width:100%;min-height:40px}.dashboard-action-button{color:#d4c7aa;background:0 0;border:1px solid #d7b57557;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;margin-top:10px;font-size:10px;font-weight:700;display:flex}.dashboard-action-button.primary{border-color:var(--gold);background:var(--gold);color:#141a17}@media (max-width:760px){.my-stories .story-list{overscroll-behavior:auto;scrollbar-color:auto;max-height:none;padding-right:0;overflow-y:visible}.story-list>.story-library-card{touch-action:manipulation;grid-template-columns:minmax(0,1fr) minmax(105px,auto);gap:9px;min-height:88px;padding:11px 10px}.story-card-side{max-width:none}.dashboard-quick-actions{grid-template-columns:1fr;gap:10px}.dashboard-quick-card{padding:14px}.dashboard-action-button,.story-library-toggle{min-height:44px;font-size:11px}}@media (max-width:430px){.story-library-toolbar{grid-template-columns:minmax(0,1fr) 102px}.story-filters button{padding:0 6px}.story-list>.story-library-card{grid-template-columns:1fr;gap:9px}.story-card-side{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;display:grid!important}.story-updated{justify-self:end}.story-open-label{grid-column:1/-1;justify-self:end}}.scenario-picker{gap:6px;margin:12px 0 9px;display:grid}.scenario-picker>span{color:#9ba19c;letter-spacing:.04em;font-size:9px;font-weight:700}.scenario-picker select{color:#d5d2c8;background:#16201c;border:1px solid #dcd7c32e;border-radius:0;outline:0;width:100%;min-height:42px;padding:0 34px 0 11px;font-size:11px}.scenario-picker select:focus-visible{outline-offset:1px;border-color:#d7b5759e;outline:2px solid #d7b5753d}.scenario-picker small{color:#747e77;font-size:8px;line-height:1.5}@media (max-width:760px){.scenario-picker>span,.scenario-picker small{font-size:11px}.scenario-picker select{min-height:44px;font-size:16px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}