@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101412;--panel:#141916;--line:#ffffff12;--muted:#8b9690;--text:#e8eae3;--accent:#d99b6c;--dark:#0b100d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent)}button{transition:background .18s,color .18s,transform .18s,border-color .18s}button:hover:not(:disabled){color:#fff}input,textarea{color:var(--text)}.app{min-height:100vh}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:#0c110e;border-right:1px solid var(--line);padding:29px 18px 0;display:flex;flex-direction:column;z-index:25}.brand{padding:0 13px 30px;display:flex;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.5px}.sigil{color:var(--accent);font-size:39px;font-weight:400;line-height:.8;margin-right:2px}.logodot{color:var(--accent);margin-left:-8px}.workspace{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#ffffff04;border:1px solid var(--line);border-radius:8px;font-size:12px;margin-bottom:28px}.workspace-icon{background:#263129;color:#a7b8a3;padding:9px;border-radius:6px;display:flex}.workspace>div{flex:1}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#607267;padding:0 13px;margin:0 0 12px}nav{display:grid;gap:5px}nav button,.nav-button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 13px;font-size:12px;color:#97a49a;border-radius:6px}nav button.selected{background:#232b24;color:#e8eee4}nav button.selected svg{color:var(--accent)}nav button span{flex:1}nav button small{font-size:10px;background:#ffffff0c;padding:2px 5px;border-radius:3px}nav button:hover,.nav-button:hover{background:#ffffff08}.sidebar-divider{height:1px;background:var(--line);margin:23px 12px}.nav-button>svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.little-card{margin:10px 5px 25px;border:1px solid #d99b6c25;border-radius:7px;padding:17px 15px;background:radial-gradient(ellipse at 100% 0,#d99b6c12,transparent 80%)}.little-star{font-size:28px;color:var(--accent);margin-bottom:9px}.little-card strong{font-size:13px;line-height:1.6;font-weight:500}.little-card p{color:#8b968d;font-size:11px;line-height:1.6;margin:9px 0 16px}.little-card button{color:var(--accent);font-size:10px;display:flex;gap:8px;align-items:center;padding:0}.profile{display:flex;gap:10px;align-items:center;padding:20px 8px;border-top:1px solid var(--line);margin-top:15px;font-size:11px}.profile>div{flex:1}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#354438;color:#c0cbb8;font-size:13px;border:1px solid #ffffff0d;flex:none}.avatar.copper{background:#624b37;color:#e8bd96}.avatar.small{width:28px;height:28px;font-size:11px}.online-dot{width:5px;height:5px;background:#9eaf8e;border-radius:50%;display:inline-block;box-shadow:0 0 9px #9eaf8e44;flex:none}.app>main{margin-left:228px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#101412}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:#9ba89e}.breadcrumb svg{color:#79877c}.breadcrumb button{padding:0;font-size:11px}.top-actions{display:flex;gap:20px;align-items:center}.build-tag{font-size:8px;letter-spacing:1.5px;color:#a4af9c;border:1px solid #ffffff18;padding:5px 8px;border-radius:4px}.icon{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:#96a198}.dashboard{max-width:1520px;margin:auto;padding:38px 42px 0}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#869783}.page-intro h1{font-family:'Manrope',sans-serif;font-size:28px;font-weight:500;letter-spacing:-1px;margin:9px 0 9px}.page-intro p{font-size:12px;color:var(--muted);margin:0}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 17px;white-space:nowrap;font-size:11px;font-weight:600;border-radius:5px;min-height:40px}.button.primary{background:var(--accent);color:#1a2119;box-shadow:0 3px 15px #0002}.button.primary:hover:not(:disabled){color:#10150f;background:#e9af82;transform:translateY(-1px)}.button.outlined{border:1px solid #ffffff20;color:#bfc8bb;background:#ffffff02}.button.outlined:hover{background:#ffffff08;border-color:#ffffff40}.button.tiny{min-height:30px;padding:7px 10px;font-size:10px}.button.full{width:100%;margin-top:16px}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#c2c8ba;padding:0}.text-button.small{font-size:11px;color:var(--accent)}.hero{position:relative;isolation:isolate;min-height:406px;border:1px solid #7a8b652e;overflow:hidden;border-radius:9px;background:#18211a;margin-bottom:34px}.hero-image{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#101c18 1%,#152218ce 32%,#1c2c1d20 65%,#0c191340 100%),linear-gradient(0deg,#111b13 0%,transparent 45%),url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=2000&q=90') center 48%/cover;filter:saturate(.6)}.hero-grid{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 72% 20%,#d5d6a921,transparent 50%),linear-gradient(90deg,#101b17b0 5%,transparent 75%)}.hero-content{padding:34px 36px;max-width:590px}.hero-pill{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;background:#ffffff08;border:1px solid #ffffff18;padding:7px 9px;border-radius:3px;color:#c3ceb9}.hero h2{font-family:Georgia,serif;font-weight:400;font-size:66px;line-height:.99;letter-spacing:-2px;margin:22px 0 18px;color:#f1eee0}.hero h2 em{color:#e1bc8f;font-weight:400}.hero-content>p{line-height:1.8;font-size:12px;color:#c5cdbb;margin-bottom:23px}.hero-buttons{display:flex;align-items:center;gap:24px}.hero-foot{display:flex;gap:15px;align-items:center;margin-top:25px;font-size:9px;color:#9cad95}.hero-foot span{display:flex;align-items:center;gap:6px}.hero-foot i{height:3px;width:3px;background:#77866f;border-radius:50%}.hero-caption{position:absolute;right:31px;bottom:52px;display:grid;gap:7px;text-align:right}.hero-caption>span{font-size:8px;letter-spacing:2px;color:#a5b39a}.hero-caption strong{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#dadfc9}.hero-caption small{font-size:9px;color:#8e9e86}.hero-coordinate{position:absolute;bottom:17px;right:30px;font-size:7px;letter-spacing:2px;color:#99a68e}.hero-coordinate span{font-size:17px;margin-left:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.section-heading h2{font:500 19px 'Manrope',sans-serif;letter-spacing:-.5px;margin:5px 0 0}.section-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.count{font:10px 'DM Sans',sans-serif;color:#a2af9a;border:1px solid var(--line);padding:2px 6px;margin-left:5px;border-radius:4px;vertical-align:middle}.campaign-section{margin-bottom:34px}.empty-campaign{padding:22px 23px;display:flex;gap:19px;align-items:center;background:#141a15;border:1px dashed #ffffff1c;border-radius:7px}.empty-icon{width:45px;height:45px;background:#263027;border:1px solid #ffffff0a;border-radius:9px;display:grid;place-items:center;color:#8e9b84}.empty-campaign>div{flex:1}.empty-campaign h3{font-size:12px;font-weight:500;margin:0 0 7px}.empty-campaign p{font-size:11px;color:var(--muted);margin:0}.world-section{margin-bottom:39px}.world-section>.section-heading{margin-bottom:21px}.world-section .section-heading h2{margin-top:8px}.world-filters{display:flex;gap:3px;background:#0c110e;padding:4px;border:1px solid var(--line);border-radius:5px}.world-filters button{font-size:10px;color:#8b9a8c;padding:6px 10px;border-radius:3px}.world-filters button.active{background:#2b342b;color:#e2e8dc}.world-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world-card{text-align:left;padding:0;background:#151b16;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .3s,border-color .3s}.world-card:hover{transform:translateY(-4px);border-color:#d99b6c65}.world-art{height:215px;position:relative;background-size:cover;background-position:center;isolation:isolate}.world-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101a12,transparent 90%)}.world-card.fantasy .world-art{filter:saturate(.5)}.world-card.cyberpunk .world-art{background-color:#222046;background-blend-mode:luminosity}.world-card.horror .world-art{filter:saturate(.25)}.world-type{position:absolute;top:15px;left:16px;background:#0c1216b0;border:1px solid #ffffff2e;backdrop-filter:blur(8px);font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:5px 7px;border-radius:3px;color:#e1e5d9}.world-number{position:absolute;right:15px;top:18px;font-size:8px;color:#e2e8da80;letter-spacing:2px}.world-card-title{position:absolute;bottom:18px;left:19px;right:10px}.world-card-title>span{font-size:8px;letter-spacing:1px;color:#b7c7ae;text-transform:uppercase}.world-card-title h3{font:400 23px/1.18 Georgia,serif;color:#f1f0e5;margin:7px 0 0}.world-description{padding:16px 19px 14px}.world-description p{font-size:11px;line-height:1.75;color:#98a392;min-height:58px;margin:0 0 13px}.world-description>div{display:flex;align-items:center;justify-content:space-between}.world-description>div>span:first-child{font-size:7px;letter-spacing:1.15px;color:#72836e}.round-arrow{border:1px solid #ffffff1f;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;color:#bdc7b1}.saved-rooms{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.saved-room{display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:7px;text-align:left}.saved-room img{width:74px;height:75px;border-radius:4px;object-fit:cover;filter:saturate(.5)}.saved-room>div{flex:1}.saved-room h3{font-size:14px;font-weight:500;margin:8px 0}.saved-room p{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin:0}.saved-room>svg{margin-right:8px;color:var(--accent)}footer{display:flex;align-items:center;gap:20px;padding:21px 0;border-top:1px solid var(--line)}footer .logo{font-size:19px;opacity:.6}footer .sigil{font-size:25px}footer>span{font-size:10px;color:#647260;flex:1}footer button{display:flex;gap:6px;align-items:center;font-size:10px;color:#84927c}.search{display:flex;align-items:center;gap:10px;background:#ffffff04;border:1px solid var(--line);padding:12px 15px;margin-bottom:20px;max-width:400px;border-radius:5px;color:var(--muted)}.search input{background:transparent;border:0;outline:none;width:100%;font-size:12px}.mobile{display:none}.muted{color:var(--muted);font-size:13px;line-height:1.8}.alert{background:#ad664219;border:1px solid #ad66424d;color:#e2b69a;padding:12px 15px;font-size:12px;border-radius:5px;line-height:1.6;margin-bottom:16px}.alert button{margin-left:12px;text-decoration:underline}.alert.compact{margin:10px 25px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.modal-backdrop{position:fixed;inset:0;background:#050906cd;backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{background:#151c17;border:1px solid #c1c9ab26;border-radius:12px;box-shadow:0 25px 100px #0009;width:480px;max-width:100%;padding:35px;position:relative;max-height:92vh;overflow:auto}.modal.wide{width:600px}.modal-close{position:absolute;right:18px;top:18px}.modal-sigil{display:block;font-size:42px;color:var(--accent);margin-bottom:15px}.modal h2{font:400 31px/1.15 Georgia,serif;letter-spacing:-.5px;margin:12px 0}.modal>.muted{font-size:12px}.field{display:block;font-size:11px;color:#cbd2c3;margin:19px 0 8px}.field input,.field textarea{width:100%;margin-top:8px;background:#0f1511;border:1px solid #ffffff1a;border-radius:5px;padding:12px;font-size:12px}.field input:focus,.field textarea:focus{outline:1px solid #c79c75}.field textarea{resize:vertical;min-height:78px}.field>small{float:right;font-size:10px;color:#6d7b69}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:10px;color:#82907c;line-height:1.7;margin:12px 0 0;text-align:center}.world-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.world-choice button{height:85px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;border:1px solid #ffffff15;border-radius:5px;font-size:11px}.world-choice button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.world-choice svg{color:var(--accent)}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-choice button{padding:14px;text-align:left;border:1px solid #ffffff15;border-radius:6px;background:#101712}.mode-choice button.active{border-color:#d99b6c99;background:#d99b6c09}.mode-choice svg{color:var(--accent)}.mode-choice strong{display:block;font-size:11px;font-weight:500;margin:9px 0 5px}.mode-choice span{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.signin-note{font-size:11px;line-height:1.9;border:1px solid #c79c7533;background:#c79c7509;padding:12px 14px;border-radius:5px;margin-top:20px;color:#b3bfa7}.signin-note a{display:flex;align-items:center;gap:8px;text-decoration:none}.signin-note button{padding:0;color:var(--accent);text-decoration:underline}.code-input{letter-spacing:3px;font-family:monospace;font-size:16px!important}.invite-code{font-family:monospace;letter-spacing:3px;font-size:23px;text-align:center;border:1px dashed #d99b6c66;border-radius:5px;padding:25px 10px;margin:23px 0;color:var(--accent)}.modal>.text-button{margin-top:23px}.copper-text{color:var(--accent)}.setting-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-weight:500;font-size:12px}.setting-row p{color:var(--muted);font-size:11px}.toggle{width:36px;height:20px;border-radius:12px;background:#424c3d;padding:3px;flex:none}.toggle span{display:block;border-radius:50%;width:14px;height:14px;background:#d9ddce;transition:transform .2s}.toggle.on{background:#b98660}.toggle.on span{transform:translateX(16px)}.setting-info{padding:24px 0 0}.setting-info h3{font-size:14px;font-weight:500}.setting-info p{font-size:12px;color:var(--muted);line-height:1.8}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;background:#273329;border:1px solid #a5bc8d45;border-radius:7px;box-shadow:0 10px 40px #0008;padding:15px 21px;font-size:12px;color:#e1ebd6;max-width:90vw}
.playing .sidebar .little-card{display:none}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;height:calc(100dvh - 72px);overflow:hidden}.table-center{display:flex;flex-direction:column;min-width:0;min-height:0}.scene-banner{min-height:212px;position:relative;background-size:cover;background-position:center 44%;padding:28px 32px 20px;isolation:isolate;flex:none}.scene-banner:after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#101a13c0,transparent);z-index:-1}.back-pill{display:inline-flex;align-items:center;gap:7px;background:#0e1714aa;padding:6px 8px;border-radius:4px;font-size:9px;color:#c3cbb9;margin-bottom:20px}.scene-world{display:block;letter-spacing:2px;text-transform:uppercase;font-size:8px;color:#c0c9b1}.scene-world>span{margin:0 6px}.scene-banner h1{font:400 35px Georgia,serif;margin:10px 0;color:#f1f0de}.scene-banner>p{display:flex;align-items:center;gap:6px;font-size:10px;color:#b3bea4;margin:0}.scene-tags{display:flex;gap:14px;margin-top:17px;font-size:8px;color:#abb69e}.scene-tags>span{display:flex;align-items:center;gap:5px}.scene-tags>span+span{color:#d6b18b}.session-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 25px;border-bottom:1px solid var(--line);flex:none}.session-toolbar>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#aab69f}.session-toolbar>div{display:flex;align-items:center;gap:13px}.session-toolbar>div>button:not(.button){padding:0;color:#87977c;display:flex}.story-log{overflow:auto;flex:1;padding:24px 30px;scroll-behavior:smooth;min-height:120px}.gm-message{margin-bottom:28px}.message-author{display:flex;align-items:center;gap:9px;font-size:11px}.message-author strong{font-weight:500}.gm-avatar{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d99b6c44;background:#d99b6c10;border-radius:6px;color:var(--accent);font-size:24px}.tag{font-size:7px;letter-spacing:1px;color:#d3ad84;background:#d99b6c12;border-radius:3px;padding:3px 5px}.message-time{margin-left:auto;font-size:8px;color:#61725e}.narration{margin:12px 0 0 37px;font:400 17px/1.85 Georgia,serif;color:#cbd2bf}.narration p{margin:0 0 14px;white-space:pre-wrap}.narration p:last-child{color:#e5d0b2}.player-message{padding:16px 18px;margin:16px 0;background:#1c251c;border:1px solid #ffffff0a;border-radius:7px}.player-message>p{padding-left:37px;font-size:12px;line-height:1.8;margin:10px 0 0;color:#bbc8b0;white-space:pre-wrap}.dice-message{display:flex;align-items:center;gap:12px;border:1px solid #d99b6c2c;padding:14px 18px;border-radius:7px;margin:16px 0;background:#d99b6c06;color:#bca17c}.dice-message>div{display:grid;gap:4px}.dice-message strong{font-size:10px;font-weight:500;color:#cdd5c3}.dice-message>div span{font-size:10px}.dice-message b{font:26px Georgia,serif;margin-left:auto;color:#dfba8b}.dice-message b.critical{color:#a8ca92;text-shadow:0 0 15px #9bc86e66}.dice-message>small{font-size:7px;letter-spacing:1px;width:50px;line-height:1.6;margin-left:5px;color:#72846b}.composer-wrap{padding:0 24px 13px;flex:none}.next-scene{display:flex;align-items:center;justify-content:center;gap:8px;color:#b8c6aa;font-size:9px;margin:0 auto 12px;border:1px solid #ffffff18;border-radius:5px;padding:8px 11px}.next-scene:hover{background:#ffffff08}.composer{background:#1a221b;border:1px solid #899b6c38;border-radius:7px;padding:13px 14px}.composer textarea{border:0;background:transparent;resize:none;width:100%;height:38px;outline:none;font-size:12px;line-height:1.6}.composer>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7f9077}.composer b{font-weight:400;color:#b4c3a9}.send{display:grid;place-items:center;background:var(--accent);color:#1a241b;width:32px;height:30px;border-radius:4px}.composer-hint{color:#63755d;font-size:8px;line-height:1.6;text-align:center;margin:9px 0 0}.table-side{border-left:1px solid var(--line);background:#111812;overflow:auto;padding:0 20px 20px}.side-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:0 -20px 23px;padding:0 20px}.side-tabs button{font-size:10px;display:flex;gap:7px;align-items:center;padding:18px 4px;color:#7e9275;border-bottom:1px solid transparent}.side-tabs button.active{color:#dfc09a;border-color:#dfc09a}.party-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.party-heading small{font-size:9px;color:#6f8266}.member-card{display:flex;gap:10px;align-items:center;margin-bottom:13px}.member-card>div{flex:1;min-width:0}.member-card strong{font-size:11px;font-weight:500;display:block}.member-card strong>small{font-size:7px;color:#d2b088;margin-left:6px}.member-card>div>span{display:block;font-size:9px;color:#819577;margin:4px 0}.member-card .avatar{width:38px;height:43px;border-radius:6px}.hp-line{display:flex;align-items:center;gap:8px}.hp-line i{height:3px;background:#6a8455;flex:1;border-radius:2px}.hp-line small{font-size:8px;color:#819475}.invite-slot{width:100%;padding:12px 5px;border:1px dashed #ffffff1a;color:#798d6f;display:flex;align-items:center;gap:8px;justify-content:center;font-size:9px;border-radius:5px;margin:20px 0}.side-separator{height:1px;background:var(--line);margin:23px 0}.character-name{font:22px Georgia,serif;margin:12px 0}.character-bio{font:12px/1.85 Georgia,serif;color:#8b9f7f;margin-bottom:15px}.dice-tray{border:1px solid #ffffff14;background:linear-gradient(135deg,#1a2419,#111911);border-radius:7px;padding:16px 12px;margin-top:25px}.dice-tray .section-heading{margin-bottom:14px;gap:5px}.dice-tray .eyebrow{font-size:8px;letter-spacing:1px}.dice-tray .section-heading svg{color:#9aab88}.dice-picks{display:flex;gap:4px;justify-content:space-between}.dice-picks button{font-size:9px;border:1px solid #ffffff12;border-radius:4px;padding:7px 5px;color:#8a9d7e}.dice-picks button.active{border-color:#bf9a6c;background:#bf9a6c16;color:#e0bd93}.dice-display{display:flex;align-items:center;justify-content:center;gap:22px;height:110px;color:#bf9e6e}.dice-display strong{display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 26%,100% 75%,50% 100%,0 75%,0 26%);width:71px;height:79px;font:32px Georgia,serif;background:linear-gradient(140deg,#b49362,#665a3d);color:#ecddbe;text-shadow:0 2px 4px #0004;box-shadow:inset 0 0 25px #1d271866}.dice-display>span{font-size:14px;color:#5c704d}.roll-controls{display:flex;gap:8px;align-items:end}.roll-controls label{font-size:8px;color:#829675}.roll-controls input{display:block;width:50px;background:#0c140c;border:1px solid #ffffff20;border-radius:4px;padding:9px;margin-top:6px;height:36px;font-size:12px}.roll-controls .button{padding:10px;min-height:36px;flex:1;font-size:10px;gap:7px}.dice-tray>small{font-size:8px;color:#6f8463;display:block;line-height:1.6;text-align:center;margin-top:11px}.rules-block{display:flex;gap:9px;margin-top:23px;color:#8c9f7b}.rules-block>svg{flex:none}.rules-block strong{font-size:10px;font-weight:500;color:#aebe9d}.rules-block p{font-size:9px;line-height:1.7;margin:6px 0 0;color:#6f8364}.rules-block .icon{height:20px}.journal>h3{font:23px Georgia,serif;margin:12px 0}.journal>p{font-size:10px;color:var(--muted)}.journal-entry{display:flex;gap:11px;margin:24px 0}.journal-entry>span{font-size:11px;color:var(--accent);padding-top:3px}.journal-entry p{font:12px/1.8 Georgia,serif;color:#a7b69a;margin:0}.journal>.button{width:100%;font-size:10px}
@media(min-width:1600px){.dashboard{padding-top:48px}.hero{min-height:465px}.hero-content{padding:43px}.hero h2{font-size:80px}.hero-content>p{font-size:14px}.world-art{height:260px}.world-card-title h3{font-size:27px}.world-description p{font-size:12px}}@media(max-width:1250px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.app>main{margin-left:200px}.topbar{padding:0 28px}.dashboard{padding:30px 28px 0}.hero-content{padding:30px}.hero-caption{right:23px}.hero h2{font-size:62px}.hero-foot{gap:10px;font-size:8px}.world-cards{gap:13px}.world-card-title h3{font-size:21px}.table-layout{grid-template-columns:minmax(0,1fr) 260px}.table-side{padding-left:15px;padding-right:15px}.side-tabs{margin-left:-15px;margin-right:-15px;padding:0 15px}.story-log{padding:22px}.scene-banner{padding:23px}.scene-banner h1{font-size:29px}}@media(max-width:1050px){.world-section>.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.hero-caption{display:none}.hero h2{font-size:60px}.hero-buttons{gap:17px}.hero-content{max-width:100%}.page-intro .button{font-size:10px;padding:10px}.page-intro h1{font-size:24px}.empty-campaign{padding:18px;flex-wrap:wrap;gap:13px}.empty-campaign .button{margin-left:58px}.table-layout{grid-template-columns:minmax(0,1fr) 235px}.narration{font-size:16px;margin-left:0}.table-side{padding-left:12px;padding-right:12px}.table-side .eyebrow{font-size:8px;letter-spacing:1px}.dice-picks{gap:2px}.dice-picks button{font-size:8px;padding:6px 4px}.scene-tags{flex-wrap:wrap;gap:8px}.saved-rooms{grid-template-columns:1fr}.form-row{gap:10px}}@media(max-width:850px){.sidebar{width:180px}.app>main{margin-left:180px}.brand{padding-left:8px}.workspace{padding:10px 7px;font-size:10px;gap:7px}.workspace-icon{padding:7px}.nav-label{font-size:8px}nav button,.nav-button{font-size:10px;padding:11px 9px;gap:8px}.dashboard{padding:25px 22px 0}.topbar{padding:0 22px}.world-cards{grid-template-columns:1fr}.world-art{height:220px}.world-card{display:grid;grid-template-columns:1fr 1fr}.world-card-title h3{font-size:25px}.world-description{display:flex;flex-direction:column;justify-content:center}.world-description p{font-size:12px}.world-description>div{margin-top:20px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:26px}.table-layout{height:auto;overflow:visible;grid-template-columns:1fr}.table-center{height:calc(100dvh - 72px)}.table-side{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.side-tabs{grid-column:1/-1}.side-tabs+div,.member-card,.invite-slot,.side-separator,.character-name,.character-bio,.table-side>.eyebrow,.table-side>.text-button,.dice-tray,.rules-block,.journal{grid-column:1/-1}.side-separator{margin:10px 0}.character-name{margin:2px 0}.character-bio{margin:0}.dice-tray{max-width:100%;margin-top:10px}.dice-display{height:95px}.dice-picks button{padding:8px 12px}.playing .sidebar{width:180px}.hero-foot{flex-wrap:wrap}.hero{min-height:400px}.hero-buttons{flex-wrap:wrap;gap:17px}.hero-content{padding:25px}.hero h2{font-size:60px}.hero-foot i{display:none}.hero-content>p{font-size:12px}.little-card{padding:13px}.little-card strong{font-size:12px}footer>span{font-size:8px}}@media(max-width:620px){.sidebar,.playing .sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.mobile-open{transform:translateX(0);box-shadow:20px 0 70px #000b}.mobile{display:flex}.app>main{margin-left:0}.topbar{height:60px;padding:0 19px}.top-actions{gap:13px}.build-tag{font-size:7px;letter-spacing:1px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.dashboard{padding:26px 18px 0}.page-intro{gap:18px;margin-bottom:24px}.page-intro h1{font-size:26px}.page-intro p{line-height:1.7;max-width:300px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero{min-height:420px;border-radius:7px;margin-bottom:28px}.hero-content{padding:26px 23px}.hero-pill{font-size:7px;letter-spacing:1.2px}.hero h2{font-size:66px;margin-top:27px}.hero-image{background-position:61% center}.hero-buttons{flex-direction:column;align-items:flex-start;gap:18px}.hero-foot{margin-top:25px;font-size:8px;gap:12px}.hero-coordinate{display:none}.hero-content>p{font-size:12px}.section-heading h2{font-size:19px}.campaign-section{margin-bottom:30px}.empty-campaign{padding:18px 15px}.empty-campaign h3{font-size:11px}.empty-campaign p{font-size:10px;line-height:1.7}.empty-icon{width:35px;height:38px}.empty-campaign>div{min-width:200px}.empty-campaign .button{margin-left:48px;font-size:10px;min-height:34px;padding:8px 12px}.world-cards{gap:20px}.world-card{display:block}.world-art{height:235px}.world-description p{min-height:0;margin-bottom:6px;font-size:12px}.world-description>div{margin-top:8px}.world-card-title h3{font-size:27px}.world-filters button{font-size:10px;padding:7px 12px}.world-description{padding:17px 20px}.world-section{margin-bottom:25px}footer{gap:13px}footer .logo{font-size:17px}footer>span{font-size:8px;max-width:120px;line-height:1.7}footer button{font-size:9px;margin-left:auto}.sidebar .brand{padding-left:14px}.sidebar .brand .mobile{margin-left:auto}.sidebar nav button,.sidebar .nav-button{font-size:12px}.modal-backdrop{padding:12px}.modal{padding:28px 22px;max-height:94dvh}.modal h2{font-size:28px}.form-row{grid-template-columns:1fr;gap:0}.field{margin-top:16px}.world-choice button{padding:10px 8px;font-size:10px}.mode-choice button{padding:12px}.scene-banner{min-height:220px;padding:23px 21px}.scene-banner h1{font-size:31px;max-width:330px}.table-center{height:calc(100dvh - 60px)}.story-log{padding:23px 20px}.narration{font-size:17px}.session-toolbar{padding:12px 18px}.session-toolbar>div{gap:12px}.session-toolbar>.button{font-size:8px}.composer-wrap{padding:0 15px 12px}.composer-hint{font-size:7px}.scene-tags{font-size:8px}.table-side{padding:20px}.saved-room{gap:12px}.saved-room h3{font-size:13px}.saved-room img{width:60px;height:70px}.toast{bottom:18px;width:max-content;font-size:11px}.signin-note{font-size:10px}.invite-code{font-size:20px}.modal-close{right:13px;top:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.local-master-button{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;padding:11px;margin:0 0 11px;border:1px solid #d99b6c60;background:#d99b6c12;color:#e1bd98;border-radius:5px;font-size:11px}.setup-steps{padding-left:18px;color:#9eaf91;font-size:12px;line-height:1.9}.setup-steps li{margin:8px 0}.field select{display:block;width:100%;margin-top:9px;padding:12px;background:#0f1511;border:1px solid #ffffff20;border-radius:5px;font-size:11px}

.budget-box{padding:16px;border:1px solid #d99b6c40;border-radius:6px;margin:15px 0}.budget-box strong,.budget-box span{display:block}.budget-box strong{font:24px Georgia,serif;color:#d9b389}.budget-box span{font-size:10px;color:#829475;margin:8px 0}.budget-box progress{width:100%;height:5px;accent-color:#d99b6c}.memory-summary{font:12px/1.8 Georgia,serif;color:#a7b69a;white-space:pre-wrap}
/* Shared multiplayer workspace. The story composer remains free text. */
.workspace{margin:18px 24px;padding:20px;border:1px solid #344037;border-radius:12px;background:#141d17}
.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace h3{font:24px Georgia;margin:6px 0 12px}.workspace-count{font-size:12px;color:#d9ac7e}
.workspace-party{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.workspace-party>span{border:1px solid #3b443d;border-radius:20px;padding:5px 10px;font-size:12px;color:#b7bdb4}.workspace-party>span.is-ready{color:#b8d7a3;border-color:#567342;background:#25321f}
.workspace-ready{display:flex;align-items:center;gap:14px;margin-bottom:18px}.workspace-ready small{font-size:11px;line-height:1.6;color:#9ba491;max-width:400px}
.workspace-tabs{display:flex;border-bottom:1px solid #354033;gap:20px}.workspace-tabs button{background:none;border:0;color:#a6ad9c;padding:10px 0;border-bottom:2px solid transparent;cursor:pointer}.workspace-tabs button.active{color:#e0b187;border-bottom-color:#d99b6c}
.workspace-caption{font-size:12px!important;line-height:1.6!important;color:#a5ad9d;margin:12px 0!important}.workspace-grid{display:grid;gap:2px;border:1px solid #3c4b3a;background:#273525;border-radius:6px;overflow:hidden}
.grid-cell{padding:0;aspect-ratio:1;border:0;background:#1d291e;color:#e9e7da;cursor:pointer;min-width:0;display:grid;place-items:center}.grid-cell:hover{background:#435238}.grid-cell.wall{background:repeating-linear-gradient(45deg,#52584c,#52584c 3px,#41483d 3px,#41483d 6px);cursor:default}.grid-cell span{border-radius:50%;background:#a6b08c;color:#172015;width:80%;height:80%;display:grid;place-items:center;font-weight:700;font-size:clamp(8px,1vw,13px)}.grid-cell.mine span{background:#d99b6c;color:#25190e;box-shadow:0 0 0 2px #f3c59a}.grid-cell:focus-visible{outline:2px solid #ffe5b5;outline-offset:-2px}
.workspace-chat{max-height:250px;overflow-y:auto;margin:12px 0}.workspace-chat p{font-size:13px;line-height:1.5;margin:12px 0}.workspace-chat strong{color:#d9b18b;display:block}.workspace-chat span{white-space:pre-wrap;overflow-wrap:anywhere}.workspace-chat-form label{display:block;font-size:12px;color:#b3bba9}.workspace-chat-form textarea{display:block;width:100%;min-height:70px;background:#101610;border:1px solid #3a4834;color:#e9e7da;border-radius:6px;padding:10px;margin:8px 0;resize:vertical}.workspace-chat-form{display:flex;align-items:flex-end;gap:12px}.workspace-chat-form label{flex:1}
@media(max-width:650px){.workspace{margin:14px 10px;padding:14px}.workspace-ready{align-items:flex-start;flex-direction:column}.workspace-count{font-size:10px}.workspace-chat-form{flex-direction:column;align-items:stretch}.workspace-tabs{gap:14px}}