@charset "UTF-8";
:root{--paper:#f7f6f0;--panel:#fffef9;--ink:#283d35;--muted:#879087;--forest:#284c3e;--forest-dark:#203b31;--sage:#e8ede4;--line:#e3e5da;--gold:#bf9452;--red:#b34c42;--serif:Georgia,'Noto Serif SC','Songti SC',SimSun,serif;--sans:'Segoe UI','Microsoft YaHei',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg,.icon svg,[data-icon] svg{width:20px;height:20px;display:block;flex:none}button,[data-icon]{vertical-align:middle}button:disabled:hover{transform:none}input,textarea,select{width:100%;background:#fffefa;border:1px solid var(--line);border-radius:7px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:0;border-color:#8fa793;box-shadow:0 0 0 3px #526d4512}input::placeholder,textarea::placeholder{color:#a0a59c}textarea{resize:vertical}label{display:block;font-size:12px;font-weight:600;letter-spacing:.03em}label input,label select{margin-top:7px;font-weight:400;letter-spacing:normal}input[readonly]{background:#f0f2e9}input[type=number]{appearance:textfield}button{transition:background .16s,transform .16s,color .16s}button:hover{color:var(--forest)}[hidden]{display:none!important}.muted{color:var(--muted)}.small-note{font-size:11px;color:var(--muted);line-height:1.7}.app-shell{display:flex;min-height:100vh}.sidebar{width:222px;background:var(--forest-dark);color:#eef1e6;position:fixed;inset:0 auto 0 0;padding:35px 22px 24px;display:flex;flex-direction:column;z-index:15}.brand{display:flex;align-items:center;gap:12px;padding-left:5px}.brand-icon{color:#dfbb75}.brand-icon svg{width:34px;height:42px}.brand strong{font:600 22px/1.5 var(--serif);letter-spacing:3px;display:block}.brand small{font-size:8px;letter-spacing:2.7px;color:#adc0ad}.side-caption{font-size:10px;letter-spacing:1.4px;color:#9ab1a1;margin:49px 15px 13px}.primary-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:7px;color:#b8c8bc;width:100%;font-size:13px;text-align:left}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#ffffff10;color:#e9eedb}.nav-item.active [data-icon]{color:#debe80}.nav-mark{margin-left:auto;border-radius:50%;width:5px;height:5px;background:#d0af6f}.side-adventure{margin:42px 4px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:23px 12px 22px}.tiny-label{font-size:9px;letter-spacing:2px;color:#a3b6a8}.mini-compass{display:block;color:#b0c1a8;margin:17px 0 12px}.mini-compass svg{width:40px;height:34px}.side-adventure strong{font-family:var(--serif);font-size:15px;letter-spacing:1px;font-weight:400;display:block}.side-adventure p{font-size:10px;color:#90a99a;margin-top:5px}.side-line{height:2px;background:linear-gradient(90deg,#c2a264 15%,#ffffff13 15%);margin:19px 0 12px}.side-adventure>span:last-child{font-size:10px;color:#a3b7a7}.sidebar-bottom{margin-top:auto;padding:34px 8px 0}.status-indicator{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9bdaf}.status-indicator i{width:6px;height:6px;border-radius:50%;background:#d0b06b}.status-indicator i.online{background:#94bc95;box-shadow:0 0 0 3px #97c89e10}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--forest);padding:8px;font-size:12px}.text-button svg{width:15px;height:15px}.side-help{color:#a9bdaf;margin:20px 0 10px;padding:0}.side-help:hover{color:#fff}.side-footnote{display:block;font:9px var(--serif);color:#708f7a;letter-spacing:.5px}.workspace{margin-left:222px;flex:1;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 37px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#faf9f4e6}.breadcrumb,.top-actions{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:11px}.breadcrumb svg{width:17px;height:17px;color:#7f9585}.crumb-slash{color:#c4c8bd}.top-actions{gap:20px}.connection-badge{font-size:10px;letter-spacing:.4px;color:#8c9488}.avatar-button{width:32px;height:32px;border:1px solid #d5ddcf;border-radius:50%;font:14px var(--serif);background:#e9ede1}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 17px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.04em}.button svg{width:16px;height:16px}.button.primary{background:var(--forest);color:#fffef4;box-shadow:0 2px 3px #253d3510}.button.primary:hover{background:#365d49}.button.secondary{background:var(--sage);color:var(--forest)}.button.outline{background:transparent;border:1px solid #dce0d2;color:#5d705e}.button.outline:hover{background:#eaece1}.button.small{padding:7px 12px;min-height:33px;font-size:11px}.full{width:100%}main{padding:32px 37px 36px;max-width:1750px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 30px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#85917e;margin-bottom:12px}.page-heading h1{font:500 29px/1.5 var(--serif);letter-spacing:1.5px}.page-heading p{color:#8a9184;font-size:11px;margin-top:7px;letter-spacing:.3px}.edition-chip{font-size:10px;border:1px solid #dfe2d5;border-radius:20px;color:#84907c;padding:5px 12px;white-space:nowrap}.welcome-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:25px}.welcome-story{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.welcome-art{position:relative;min-height:427px;flex:1;overflow:hidden;background:#bcc5a7}.welcome-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#20392b32,transparent 30%,#1b342b05 50%,#19342dee 100%);pointer-events:none}.welcome-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.75)}.art-topline{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#f8f5e6;z-index:1}.welcome-art-title{position:absolute;bottom:35px;left:32px;right:25px;z-index:1;color:#faf7e8}.story-label{font-size:10px;display:flex;align-items:center;gap:8px;color:#d9dfc4}.gold-dot{width:5px;height:5px;border-radius:50%;background:#d2b77b}.welcome-art-title h2{font:32px/1.6 var(--serif);letter-spacing:4px;margin-top:8px}.welcome-art-title p{font-size:11px;margin-top:6px;color:#cfdbc8}.welcome-story-bottom{display:flex;justify-content:space-around;gap:10px;padding:23px 15px;font-size:10px;color:#74826b}.welcome-story-bottom>div{display:flex;align-items:center;gap:7px}.welcome-story-bottom svg{width:15px;height:15px;color:#9aab89}.entry-card{padding:26px 27px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.entry-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.entry-tab{padding:0 0 11px;border-bottom:2px solid transparent;font-size:12px;color:#929c8c}.entry-tab.active{color:var(--forest);border-bottom-color:var(--forest)}.entry-card h2{font:21px/1.6 var(--serif);letter-spacing:1px}.entry-description{font-size:11px;margin:5px 0 22px}#entry-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:13px}.form-row>label{flex:1;min-width:0}.form-note{font-size:10px;color:#9b9e90;line-height:1.7;margin-top:-6px}.inline-error{font-size:12px;color:var(--red)}.inline-error:empty{display:none}.welcome-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:35px;padding:30px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.welcome-features>div{display:flex;gap:16px}.feature-number{font:italic 25px var(--serif);color:#acb798}.welcome-features h3{font-size:12px;font-weight:500;margin:3px 0 5px}.welcome-features p{font-size:10px;color:#92988b}.lobby-footer{display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;color:#9aa28f;padding:25px 0}.lobby-footer svg{width:15px;height:15px}.page-heading.compact{margin-bottom:26px}.compact .eyebrow{margin-bottom:8px}.compact h1{font-size:27px}.table-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px}.adventure-column,.session-column{min-width:0;display:flex;flex-direction:column;gap:22px}.map-card,.story-card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden}.map-toolbar{height:47px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:15px}.map-toolbar>div{display:flex;align-items:center;gap:7px}.map-toolbar strong{font-weight:500;font-size:11px}.green-dot{background:#789475;width:5px;height:5px;border-radius:50%}.map-hint{font-size:9px;color:#9da28f}.adventure-map{position:relative;aspect-ratio:1.95;background:#c4c9ae;overflow:hidden;cursor:crosshair}.adventure-map>img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.map-vignette{position:absolute;inset:0;box-shadow:inset 0 0 80px #273f3320;pointer-events:none}.map-caption{position:absolute;left:24px;top:22px;pointer-events:none}.map-caption span{display:block;font-size:7px;letter-spacing:2px;color:#687960}.map-caption strong{font:18px/2 var(--serif);letter-spacing:4px;color:#425744}.map-scale{position:absolute;bottom:16px;left:22px;font-size:7px;letter-spacing:1px;color:#687960;pointer-events:none;display:flex;align-items:center;gap:8px}.map-scale>span{width:30px;border:1px solid #7c8f70;border-top:0;height:4px}.map-token{position:absolute;transform:translate(-50%,-50%);height:32px;width:32px;border-radius:50%;border:2px solid #fff7db;box-shadow:0 3px 7px #20352b48;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--serif);font-size:13px;transition:top .25s,left .25s;pointer-events:none}.map-token.mine{outline:2px solid #e4ba68;outline-offset:3px}.map-token small{position:absolute;top:37px;left:50%;transform:translateX(-50%);font:9px var(--sans);color:#264332;background:#fffbe8dd;padding:2px 5px;border-radius:3px;white-space:nowrap}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.section-title{display:flex;align-items:center;gap:9px}.section-title>span{color:#839579}.section-title svg{width:17px;height:17px}.section-title h2{font-weight:500;font-size:12px;letter-spacing:.4px}.story-card{padding:21px 23px 0}.mode-chip{font-size:9px;color:#829172;border:1px solid #dde3d2;border-radius:4px;padding:2px 7px}.current-scene{padding:1px 0 7px}.scene-subtitle{font-size:9px;color:#9aab87;letter-spacing:1.5px;margin-bottom:8px}.current-scene h3{font:21px/1.5 var(--serif);margin-bottom:10px;letter-spacing:1px}.current-scene p{font-size:12px;line-height:2;color:#65725f;white-space:pre-line}.scene-objective{margin-top:16px;padding:10px 12px;background:#f1f3e9;border-left:2px solid #aebc94;display:flex;gap:9px;font-size:11px;color:#748160}.scene-objective svg{height:15px;width:15px;flex:none;margin-top:2px}.scene-choices{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 15px}.choice-button{border:1px solid #dae1cd;border-radius:5px;padding:7px 10px;color:#6c7f59;font-size:10px;background:#fafcf3;text-align:left}.choice-button:hover{background:#e9eddf}.choice-button:before{content:'↳';color:#9caa86;margin-right:7px}.message-list{border-top:1px solid var(--line);margin-top:16px;padding:9px 0 5px;max-height:380px;overflow:auto;scrollbar-width:thin}.message{padding:13px 0;border-bottom:1px solid #eef0e5}.message:last-child{border-bottom:0}.message-heading{display:flex;gap:9px;align-items:center;margin-bottom:4px;font-size:10px}.message-author{font-weight:600;color:#67785b}.message-time{color:#b0b5a5;font-size:9px;margin-left:auto}.message-type{font-size:8px;color:#a0ab8e;background:#f0f3e9;padding:0 4px;border-radius:2px}.message-body{font-size:12px;line-height:1.9;color:#64715f;white-space:pre-wrap;overflow-wrap:anywhere}.message.system .message-body{font-size:10px;color:#929a86}.message.narration .message-body{font-family:var(--serif);font-size:13px;line-height:2.1;color:#3e5643}.roll-result{display:inline-flex;align-items:center;gap:10px;background:#eef2e6;border:1px solid #e1e8d4;padding:6px 12px;border-radius:5px;margin-top:3px}.roll-result strong{font:22px var(--serif);color:#547343}.roll-result span{font-size:10px}.message-form{border-top:1px solid var(--line);padding:13px 0 15px;margin-top:6px}.composer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.composer-top select{width:auto;font-size:10px;padding:3px 8px;background:#f5f6ef;border:0;margin:0}.composer-top>span{font-size:9px;color:#a2a990}.composer-row{display:flex;gap:12px;align-items:center}.composer-row textarea{border:0;background:none;box-shadow:none;resize:none;padding:3px 0;min-height:46px;font-size:11px}.send-button{background:var(--forest);color:#f2f5e4;border-radius:6px;min-width:33px;width:33px;height:33px;display:grid;place-items:center}.send-button:hover{background:#3b6049;color:#fff}.ai-thinking{font-size:10px;color:#8b9876;display:flex;gap:9px;align-items:center;margin:10px 0}.thinking-dots{letter-spacing:3px;animation:breathe 1.4s infinite}.panel{padding:20px}.host-emblem{color:#bc9752!important}.live-label{font-size:9px;color:#7a946a;background:#eef3e6;padding:2px 6px;border-radius:4px}.host-panel>strong{font:18px var(--serif);letter-spacing:1px}.host-panel>p{font-size:10px;line-height:1.9;color:#8b9682;margin:8px 0 15px}.mode-select-label{font-size:9px;color:#8c9880;font-weight:400}.mode-select-label select{font-size:10px;padding:8px 9px;border-color:#e4e8da;margin-top:5px}#ai-status{margin:9px 0 13px;font-size:9px}#start-button{font-size:10px;min-height:36px;padding:8px}.count-chip{font-size:9px;color:#8f9b7c;background:#f0f3e8;padding:2px 6px;border-radius:4px}.member{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #e9ede0}.member:first-child{padding-top:0}.member-avatar{display:grid;place-items:center;position:relative;border-radius:7px;width:35px;height:37px;background:#e5ebd9;color:#6c805c;font:17px var(--serif);flex:none}.member-avatar i{position:absolute;right:-2px;bottom:-2px;border-radius:50%;width:7px;height:7px;border:1px solid #fff;background:#bdc4b3}.member-avatar i.online{background:#73976b}.member-info{min-width:0;flex:1}.member-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name small{font-size:8px;font-weight:400;color:#9baa89;margin-left:4px}.member-detail{display:flex;justify-content:space-between;color:#98a089;font-size:9px;margin-top:3px}.hp-track{height:3px;background:#e8ecdf;border-radius:2px;margin-top:6px;overflow:hidden}.hp-fill{height:100%;background:#9dab7e;border-radius:2px}.member-condition{font-size:9px;color:#a58048;margin-top:3px}.party-panel .text-button{font-size:10px;margin-top:10px;padding-bottom:0}.dice-panel{text-align:center}.dice-display{position:relative;display:grid;place-items:center;height:94px;color:#b6c09f}.dice-display>span{position:absolute}.dice-display svg{width:86px;height:86px;stroke-width:.7}.dice-display strong{font:28px var(--serif);color:#577048;position:relative;background:var(--panel);line-height:1.1;padding:1px 5px}.dice-display.rolling{animation:roll-dice .4s ease}.dice-types{display:flex;gap:5px;justify-content:space-between;margin:13px 0}.dice-types button{border:1px solid #e4e8d9;border-radius:4px;color:#8b9a79;flex:1;padding:4px 0;font-size:9px;font-family:var(--serif)}.dice-types button.active{background:#e9eedd;border-color:#acbb95;color:#4c6940}.dice-input-row{display:flex;gap:7px}.dice-input-row input{padding:7px 9px;min-width:0;font-size:11px}.dice-input-row .button{font-size:10px;padding:7px 10px;min-height:34px;white-space:nowrap;gap:6px}.dice-panel>p{margin-top:11px;font-size:9px}.session-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;color:#a0aa8f;font-size:9px;margin-top:-10px}.session-footer svg{width:12px;height:12px}.session-footer .text-button{font-size:9px;color:#a0aa8f;padding:3px 5px}.empty-card{padding:65px 25px;text-align:center;background:var(--panel);border:1px dashed #d5dfc6;border-radius:9px;color:#99a38b}.empty-card h2{font:22px var(--serif);color:#6c7f5b;margin-bottom:12px}.empty-card p{font-size:12px;margin-bottom:20px}.character-form{max-width:760px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:23px}.character-form h2{font:23px var(--serif)}.character-form .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.character-form .form-note{font-size:11px;line-height:1.9}.character-form .button{align-self:flex-start}.character-form label{font-size:11px;color:#70835f}.journal-list{max-width:850px;border-left:1px solid #d7e0c8;margin-left:12px;padding-left:31px}.journal-entry{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px 25px;position:relative;margin-bottom:20px}.journal-entry:before{content:'';position:absolute;left:-36px;top:29px;width:8px;height:8px;border-radius:50%;background:#a7b78c;border:2px solid var(--paper)}.journal-entry h2{font:20px var(--serif);margin-bottom:11px}.journal-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2;color:#758369}.journal-entry time{font-size:9px;color:#a3ae93;display:block;margin-bottom:9px}.library-search{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid #d9e0ca;padding:8px 10px 8px 20px;border-radius:9px;max-width:1000px}.library-search>span{color:#9baa87}.library-search input{border:0;box-shadow:none;background:none;font-size:12px;min-width:0}.library-search button{white-space:nowrap}.search-suggestions{display:flex;gap:8px;align-items:center;font-size:10px;color:#a3ad94;margin:18px 0 25px}.search-suggestions>span{margin-right:5px}.search-suggestions>button{font-size:10px;color:#81936a;background:#edf1e3;border:1px solid #e0e7d4;border-radius:20px;padding:4px 12px}.search-status{font-size:11px;color:#929e82;margin-bottom:16px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px;text-align:left}.search-card:hover{background:#f0f3e7;border-color:#c7d1b7}.search-card small{display:block;color:#9ca98b;font-size:9px;margin-bottom:8px}.search-card h2{font:19px var(--serif);margin-bottom:10px}.search-card p{font-size:11px;color:#8c987b;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-card>span{display:block;font-size:10px;color:#819665;margin-top:15px}.toast{position:fixed;bottom:28px;left:calc(50% + 111px);transform:translateX(-50%);max-width:min(80vw,600px);padding:13px 22px;background:#2b463b;color:#f7f7eb;border:1px solid #667959;border-radius:8px;box-shadow:0 8px 30px #20352625;font-size:12px;z-index:100}.toast.error{background:#78483c;border-color:#bb8f73}dialog{width:min(610px,calc(100vw - 30px));max-height:85vh;overflow:auto;border:1px solid #cbd5bd;border-radius:12px;background:var(--panel);padding:25px;color:var(--ink);box-shadow:0 25px 90px #122b3430}dialog::backdrop{background:#17302a70;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.modal-heading h2{font:22px var(--serif)}.icon-button{width:28px;height:28px;display:grid;place-items:center;color:#839470;border-radius:5px}.icon-button:hover{background:#e7eddb}.modal-body p{font-size:12px;color:#79896a;line-height:2;margin-bottom:14px}.modal-body h3{font-size:13px;margin:18px 0 8px}.modal-body ul,.modal-body ol{padding-left:22px;font-size:12px;color:#79896a;line-height:2}.modal-body .form-row{margin:15px 0}.modal-body .button{white-space:nowrap}.modal-body code{font-size:11px;background:#e9eedf;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.rule-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2.1;color:#526746}.source-label{font-size:10px;color:#94a17f;background:#f0f3e9;padding:8px 12px;margin-bottom:18px}.host-note{font-size:10px;color:#9ca78c;margin:10px 0}.danger-button{color:#af7260;border-color:#dfc3b8!important;margin-top:15px}.loading-skeleton{padding:35px;color:#9baa8a;font-size:12px;text-align:center}@keyframes breathe{50%{opacity:.3}}@keyframes roll-dice{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
@media(min-width:1650px){main{padding:40px 50px}.topbar{padding:0 50px}.table-grid{grid-template-columns:minmax(0,1fr) 310px}.adventure-map{aspect-ratio:2.1}}
@media(max-width:1200px){.sidebar{width:190px;padding:30px 15px}.workspace{margin-left:190px}main{padding:25px}.topbar{padding:0 25px}.table-grid{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.panel{padding:17px}.welcome-grid{gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)}.entry-card{padding:22px}.brand strong{font-size:20px}.brand small{font-size:7px}.welcome-art-title{left:25px}.welcome-art-title h2{font-size:27px}.map-hint{display:none}.story-card{padding:20px 18px 0}.toast{left:calc(50% + 95px)}.welcome-story-bottom{flex-wrap:wrap;gap:12px}.page-heading h1{font-size:25px}}
@media(max-width:980px){.sidebar{width:76px;padding:27px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child,.side-caption,.side-adventure,.sidebar-bottom,.nav-mark{display:none}.brand-icon svg{width:33px}.primary-nav{margin-top:35px;gap:12px}.nav-item{font-size:0;padding:15px;justify-content:center;gap:0}.nav-item svg{width:21px;height:21px}.workspace{margin-left:76px}.welcome-grid{grid-template-columns:minmax(0,1.1fr) minmax(285px,1fr)}.welcome-features{gap:17px}.feature-number{font-size:20px}.welcome-features>div{gap:10px}.top-actions{gap:10px}.connection-badge{display:none}.toast{left:calc(50% + 38px)}.edition-chip{font-size:9px}.table-grid{grid-template-columns:minmax(0,1fr) 235px;gap:14px}.map-toolbar{padding:0 12px}.panel{padding:16px}.adventure-map{aspect-ratio:1.6}.composer-top>span{display:none}}
@media(max-width:760px){.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:62px;padding:0 8px;flex-direction:row;border-top:1px solid #ffffff15;background:#233e33;z-index:20}.sidebar>.brand{display:none}.primary-nav{margin:0;width:100%;display:flex;flex-direction:row;justify-content:space-around;gap:4px}.nav-item{font-size:9px;flex-direction:column;gap:3px;padding:8px 10px;border-radius:0;flex:1}.nav-item svg{width:17px;height:17px}.nav-item.active{border-top:2px solid #cfb073;padding-top:6px}.workspace{margin-left:0}.topbar{height:61px;padding:0 17px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb .muted{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:8px}.top-actions .button{font-size:9px;padding:6px 9px;min-height:29px}.top-actions .button svg{width:12px;height:12px}.avatar-button{width:28px;height:28px;font-size:12px}main{padding:24px 17px 85px}.page-heading{margin:0 0 23px;align-items:flex-start}.page-heading h1{font-size:24px;letter-spacing:1px}.page-heading p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.page-heading>.edition-chip{display:none}.welcome-grid{grid-template-columns:1fr}.welcome-art{min-height:300px}.welcome-art-title{bottom:25px}.welcome-art-title h2{font-size:30px}.welcome-story-bottom{padding:17px 10px;gap:6px;font-size:9px}.welcome-story-bottom svg{width:12px;height:12px}.entry-card{padding:24px}.welcome-features{grid-template-columns:1fr;padding:24px 0;gap:22px;margin-top:26px}.welcome-features h3{font-size:13px}.welcome-features p{font-size:11px}.welcome-features>div{gap:16px}.lobby-footer{font-size:9px;padding:20px 0}.table-grid{display:flex;flex-direction:column;gap:20px}.session-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.host-panel{grid-column:1/-1}.host-panel .section-top{margin-bottom:12px}.host-panel>p{margin-bottom:12px}.mode-select-label{max-width:100%}.session-footer{grid-column:1/-1}.adventure-map{aspect-ratio:1.65}.map-toolbar{font-size:9px}.map-caption{top:17px;left:17px}.map-caption strong{font-size:17px}.map-caption span{font-size:6px}.adventure-column{gap:17px}.page-heading.compact{align-items:center}.compact h1{font-size:23px}.compact>.button{font-size:9px;padding:7px 9px;min-height:30px}.compact>.button svg{display:none}.story-card{padding:20px 18px 0}.current-scene p{font-size:12px}.current-scene h3{font-size:22px}.message-list{max-height:330px}.party-panel,.dice-panel{padding:16px 13px}.section-title{gap:6px}.section-title h2{font-size:11px}.section-title svg{width:15px;height:15px}.dice-panel .section-top>span{display:none}.dice-input-row{flex-wrap:wrap}.dice-input-row .button{flex:1}.dice-types{gap:3px}.member-detail{font-size:8px}.member-avatar{height:30px;width:28px;font-size:14px}.member{gap:7px}.member-name{font-size:10px}.character-form{padding:22px}.character-form .stat-row{gap:10px}.character-form .stat-row label{font-size:9px}.search-results{grid-template-columns:1fr}.library-search{gap:8px;padding:6px 7px 6px 12px}.library-search input{padding:8px 0;font-size:11px}.library-search button{font-size:10px;padding:8px 10px;min-height:35px}.library-search svg{width:16px;height:16px}.search-suggestions{gap:5px;flex-wrap:wrap}.search-suggestions>button{font-size:9px;padding:4px 9px}.toast{left:50%;bottom:80px;max-width:90vw;font-size:11px;padding:12px 17px}.journal-list{padding-left:23px;margin-left:7px}.journal-entry{padding:19px}.journal-entry:before{left:-28px}.modal-body .form-row{flex-wrap:wrap}.modal-body .form-row input{min-width:0}.form-row{gap:10px}.entry-tabs{margin-bottom:20px}.map-token{width:27px;height:27px;font-size:12px}.map-token small{top:32px;font-size:8px}}
.entry-adventure{position:relative;padding:12px 14px;background:#f0f3e8;border:1px solid #dbe3ce;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.entry-adventure>span{font-size:9px;color:#92a07e}.entry-adventure>strong{font:15px var(--serif);grid-column:1}.entry-adventure>button{grid-column:2;grid-row:1/3;font-size:10px;padding:0;align-self:center;color:#728359}.entry-adventure>small{grid-column:1/-1;font-size:9px;color:#96a087}.adventure-catalog{margin-top:34px;scroll-margin-top:25px}.catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.catalog-heading .eyebrow{font-size:8px;margin-bottom:7px}.catalog-heading h2{font:23px/1.6 var(--serif);letter-spacing:1px}.catalog-heading p{font-size:11px;color:#8c9780;margin-top:6px;line-height:1.9}.adventure-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.adventure-option{position:relative;border:1px solid #dfe5d4;border-radius:9px;background:var(--panel);padding:19px;text-align:left;display:flex;flex-direction:column;min-width:0;color:var(--ink);transition:border-color .18s,box-shadow .18s,background .18s}.adventure-option:hover{background:#f3f6ec;border-color:#aabb99}.adventure-option.selected{border-color:#92a77c;background:#f0f4e8;box-shadow:inset 0 0 0 1px #92a77c}.adventure-card-top{display:flex;align-items:center;gap:9px;min-height:26px;margin-bottom:14px}.adventure-symbol{display:grid;place-items:center;color:#96a47a;width:27px;height:27px;background:#e9eddf;border-radius:7px}.adventure-symbol svg{width:16px;height:16px}.adventure-kind{font-size:9px;color:#93a17d}.selected-mark{visibility:hidden;margin-left:auto;background:#8b9e72;color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;text-align:center;line-height:16px}.selected .selected-mark{visibility:visible}.adventure-option h3{font:19px/1.6 var(--serif);margin-bottom:8px;letter-spacing:.5px}.adventure-tagline{font-size:11px;color:#869477;line-height:1.95;margin-bottom:15px;flex:1}.adventure-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px;color:#9ba68d;font-size:9px}.adventure-meta>span+span{border-left:1px solid #d9e1cd;padding-left:7px}.adventure-source{border-top:1px solid #e1e7d5;padding-top:11px;font-size:8px;color:#a2ad93;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.adventure-source>span{color:#81966b}.reference-catalog{border:1px solid #e0e4d6;border-radius:8px;margin-top:19px;padding:16px 19px;color:#8c9880}.reference-catalog summary{cursor:pointer;font-size:11px;color:#748663;line-height:1.8}.reference-catalog summary>span{font-size:10px;color:#9ba78b;margin-left:5px}.reference-catalog summary>small{font-size:9px;color:#a4ad97;margin-left:14px}.reference-catalog>p{font-size:10px;margin-top:13px;line-height:1.9}.reference-catalog #reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;margin-top:15px}.reference-item{border-top:1px solid #e1e6d8;padding:11px 0;font-size:10px;min-width:0}.reference-item>strong{font-weight:500;color:#788b68}.reference-item>span{display:block;font-size:9px;color:#a4ae98;margin-top:2px}.reference-item>p{font-size:9px;margin-top:5px;line-height:1.8;color:#a1aa94}.generic-art{background:radial-gradient(ellipse at 65% 30%,#7b8e6c 0%,#394f41 40%,#1e362d 95%)}.generic-art>img{opacity:0}.generic-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent,transparent 50px,#e3edc507 50px,#e3edc507 51px);pointer-events:none}.generic-map{background-color:#e5e6d3;background-image:radial-gradient(ellipse at 80% 30%,#c5cdb540,transparent 70%),linear-gradient(#a1ac8d20 1px,transparent 1px),linear-gradient(90deg,#a1ac8d20 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.generic-map>img{visibility:hidden}.generic-map .map-vignette{box-shadow:inset 0 0 80px #74876620}.host-tools{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.host-tools .button{font-size:10px;min-height:34px;padding:7px 9px}.host-tools .button svg{height:14px;width:14px}.host-tools .text-button{font-size:9px;padding:2px;line-height:1.9}.host-tools .text-button svg{height:12px;width:12px}#adventure-requirement{font-size:9px;line-height:1.9;margin:7px 0 13px;color:#9c8e61}.pending-checks:empty{display:none}.pending-checks{display:flex;flex-direction:column;gap:12px;margin-top:15px}.check-card{padding:15px;background:#f5f3e8;border:1px solid #e1d8ba;border-radius:7px}.check-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.check-title>svg{width:23px;height:23px;flex:none;color:#ad975e}.check-title>div{flex:1;min-width:0}.check-title strong{display:block;font-size:11px;font-weight:500;color:#76633d}.check-title>div>span{display:block;font-size:9px;color:#a39776;margin-top:3px}.check-tag{color:#a39671;font-size:8px;background:#eae4ce;border-radius:4px;padding:3px 6px;white-space:nowrap}.check-form{display:grid;grid-template-columns:1fr 1.25fr auto;gap:10px;align-items:end;margin-bottom:9px}.check-form label{font-weight:400;color:#9b8b66;font-size:9px}.check-form input,.check-form select{padding:7px 8px;font-size:11px;margin-top:4px;border-color:#e1dac2;background:#fffdf4;min-width:0}.check-form button{font-size:10px;min-height:34px;padding:7px 12px;white-space:nowrap}.check-card .small-note{font-size:9px;color:#a59776;line-height:1.9}.dm-error{border:1px solid #e5cfb7;background:#faf2e8;color:#a7845d;padding:13px 14px;display:flex;gap:15px;align-items:center;margin:12px 0;border-radius:7px}.dm-error>div{flex:1;min-width:0}.dm-error strong{font-size:11px;font-weight:500}.dm-error p{font-size:10px;line-height:1.9;margin:5px 0;overflow-wrap:anywhere}.dm-error small{font-size:9px;color:#b5a18b}.dm-error>button{font-size:9px;padding:7px 9px;min-height:31px;white-space:nowrap}.modal-adventure-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-adventure-list .adventure-option{padding:15px}.modal-adventure-list .adventure-option h3{font-size:18px}.modal-adventure-list .adventure-tagline{font-size:10px}.modal-adventure-list .adventure-source{font-size:8px}.settings-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.settings-intro>span{display:grid;place-items:center;width:37px;height:37px;flex:none;background:#ebefdf;color:#a39363;border-radius:9px}.settings-intro>span svg{height:21px;width:21px}.settings-intro strong{font:17px/1.7 var(--serif)}.settings-intro p{font-size:11px;line-height:1.9;margin:5px 0 0}.ai-connection-status{background:#f2f4e9;border:1px solid #e0e6d1;display:flex;gap:10px;padding:12px 13px;border-radius:7px;margin:10px 0 20px;align-items:flex-start}.config-status-dot{height:6px;width:6px;flex:none;border-radius:50%;margin-top:6px;background:#b8a771}.ai-connection-status.ready .config-status-dot{background:#7f9c6e}.ai-connection-status.error{background:#f9f1e9;border-color:#e8d6c2}.ai-connection-status.error .config-status-dot{background:#b18a66}.ai-connection-status strong{font-weight:500;font-size:11px;color:#758462}.ai-connection-status.error strong{color:#a17f58}.ai-connection-status p{font-size:10px;line-height:1.9;margin:3px 0 0;overflow-wrap:anywhere}#ai-config-form>label{margin-top:15px;font-size:11px;font-weight:500;color:#7e8e6d}.field-hint{font-size:9px!important;color:#a0aa91!important;line-height:1.9!important;margin:7px 0 0!important}#ai-config-form input,#ai-config-form select{font-size:11px;padding:9px 11px}.checkbox-label{display:flex!important;align-items:center;gap:7px;font-size:9px!important;font-weight:400!important;color:#a0aa90!important}.checkbox-label input[type=checkbox]{width:12px;height:12px;margin:0!important;padding:0!important;accent-color:#718963}.advanced-settings{border-top:1px solid #e2e7d7;border-bottom:1px solid #e2e7d7;padding:14px 0;margin:17px 0}.advanced-settings summary{font-size:10px;color:#899a74;cursor:pointer}.advanced-settings label{font-size:10px;color:#91a17c;font-weight:400;margin-top:14px}.advanced-settings .form-row{margin-bottom:0}.settings-privacy{font-size:9px;color:#a6ad98;line-height:1.9;padding:0 0 7px}.settings-actions{display:flex;gap:10px;margin-top:17px}.settings-actions>.button{font-size:10px;min-height:36px;padding:9px 16px}.settings-actions>.button svg{height:14px;width:14px}#ai-settings-error{font-size:10px;line-height:1.8;margin:7px 0 0}
@media(max-width:1200px){.adventure-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-catalog #reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-option{padding:17px}.catalog-heading h2{font-size:21px}.check-form{grid-template-columns:1fr 1.3fr}.check-form button{grid-column:1/-1}.dm-error{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:760px){.catalog-heading{gap:12px;align-items:flex-start;margin-bottom:17px}.catalog-heading .edition-chip{font-size:8px;padding:4px 7px;white-space:nowrap;margin-top:4px}.catalog-heading h2{font-size:20px;letter-spacing:0}.catalog-heading p{font-size:10px}.catalog-heading .eyebrow{font-size:7px;letter-spacing:1px}.adventure-list{gap:11px}.adventure-option{padding:14px}.adventure-option h3{font-size:18px}.adventure-kind{font-size:8px}.adventure-symbol{width:22px;height:22px}.adventure-card-top{gap:6px;margin-bottom:11px}.adventure-tagline{font-size:10px;margin-bottom:13px}.adventure-meta{font-size:8px;gap:5px;margin-bottom:13px}.adventure-source{font-size:8px;flex-direction:column}.reference-catalog{padding:13px 14px}.reference-catalog summary>small{display:block;margin-left:0;font-size:8px}.reference-catalog #reference-list{gap:0 14px}.reference-item{font-size:9px}.reference-item>span,.reference-item>p{font-size:8px}.check-card{padding:13px}.check-title{gap:8px}.check-tag{font-size:7px}.check-title strong{font-size:10px}.check-form{grid-template-columns:1fr 1.25fr auto;gap:8px}.check-form button{grid-column:auto;padding:7px 9px;font-size:9px}.host-tools{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9px}.host-tools #ai-continue-button{grid-column:1/-1}.host-tools .text-button{font-size:9px}.modal-adventure-list{grid-template-columns:1fr}.settings-actions{flex-wrap:wrap}.settings-actions .button{flex:1;white-space:normal}.ai-settings .settings-intro strong{font-size:16px}.ai-settings .settings-intro p{font-size:10px}.modal-heading h2{font-size:21px}.entry-adventure{padding:11px 13px}}
@media(max-width:420px){.adventure-list:not(.modal-adventure-list){grid-template-columns:1fr}.reference-catalog #reference-list{grid-template-columns:1fr}.adventure-source{flex-direction:row}.catalog-heading{flex-direction:column;gap:6px}.catalog-heading .edition-chip{margin:0}.check-form{grid-template-columns:1fr 1fr}.check-form button{grid-column:1/-1}.selected-mark{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}