@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;550;600;650;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6;color:#e1e6de;background:#121c1e;font-synthesis:none;--bg: #121c1e;--panel: #1a2728;--line: #ffffff16;--gold: #c4a877;--muted: #a2b0a9;--ink: #ecece2;--teal: #a0c6b3;--serif: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:background .15s,border-color .15s,color .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c4a87715}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--ink)}h1{font-size:38px;line-height:1.15}h2{font-size:26px;line-height:1.25}h3{font-size:21px;line-height:1.3}svg{flex-shrink:0}::selection{background:#c4a87744}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#ffffff23;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;line-height:1.4}.primary{background:#c4a877;color:#18231f;border-color:#d8bd8b;box-shadow:inset 0 1px #f1ddaf66,0 3px 10px #0002}.primary:hover:not(:disabled){background:#d6b98a}.secondary{background:#ffffff04;border-color:#ffffff25;color:#d6dfd5}.secondary:hover:not(:disabled){background:#ffffff09;border-color:#c4a87780}.full{width:100%}.compact{min-height:35px;padding:7px 11px;font-size:13px}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--muted);background:transparent}.icon-button:hover:not(:disabled){color:var(--gold);background:#ffffff0c}.text-button{padding:6px 8px;color:var(--gold);background:transparent;font-size:13px}.text-button:hover:not(:disabled){background:#ffffff08}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #c4a87740;background:#c4a87710;color:#d7c29c;padding:4px 8px;border-radius:4px;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.5px;white-space:nowrap}.badge.green{color:#b2d4bf;background:#75b8a518;border-color:#75b8a544}.badge.red{color:#e5b2a6;background:#9d554c20;border-color:#c6766050}.badge.glass{background:#182829e8;color:#c2d2c8;border-color:#94b4b440}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;line-height:1.6;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}.eyebrow>span{width:16px;height:1px;background:var(--gold)}.muted{color:var(--muted);line-height:1.7}.small{font-size:13px;line-height:1.7}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}label{display:block;margin-bottom:16px;color:#c1cbc1;font-size:14px;font-weight:500;line-height:1.5}input,textarea,select{display:block;width:100%;min-width:0;margin-top:7px;padding:11px 12px;border:1px solid #ffffff25;border-radius:6px;color:#e5e9df;background:#101c1ec4;font-size:15px;line-height:1.5;transition:border-color .15s}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#81958a}select{color-scheme:dark;cursor:pointer}input[type=number]{max-width:100%}.form-error,.callout{margin:16px 0;padding:12px 14px;border:1px solid;border-radius:6px;font-size:14px;line-height:1.7}.form-error{background:#8d3c3526;border-color:#9c524660;color:#efb7a9}.callout{background:#c4a87712;border-color:#c4a87738;color:#d6c39e}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.forged-interface{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}.forged-interface canvas{display:block;width:100%;height:100%}[data-forged-icon=true]{opacity:0}.loading-screen,.fatal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;text-align:center;background:radial-gradient(ellipse at center,#273b35,var(--bg))}.loading-screen img{width:64px;animation:softpulse 3s ease-in-out infinite}.loading-screen span{color:var(--gold);font-size:14px}.fatal p{color:var(--muted)}.fatal button{background:var(--gold);color:#16241f;padding:12px 20px;border-radius:6px}@keyframes softpulse{50%{opacity:.5}}.login-screen{min-height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-landscape{position:absolute;inset:0;background:url(/art/winter-harbor.png?v=gridforge-final-v3-20261008) center / cover;opacity:.38}.login-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101b1cf5 5%,#10211de3 38%,#18292766 80%),linear-gradient(0deg,#121c1e,transparent 60%)}.login-top{position:relative;padding:28px 5%;display:flex;align-items:center;gap:13px}.login-top img{width:44px}.login-top span{font-family:var(--serif);font-size:29px;letter-spacing:4px;color:#e0c795}.login-top small{margin-left:14px;padding-left:20px;border-left:1px solid #ffffff25;color:#b0beb2;font-size:13px}.login-content{position:relative;z-index:2;margin:36px 0 64px 9%;width:540px;max-width:84%}.login-content h1{font-size:62px;line-height:1.05;margin-top:16px;font-weight:500}.login-intro{margin:22px 0 30px;font-size:16px;color:#c2cec2;line-height:1.8}.login-content form{width:400px;max-width:100%;padding:25px;background:#182928ed;border:1px solid #d9c39233;border-radius:10px;box-shadow:0 20px 70px #0003}.login-card-top{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:15px;color:#dfd3b2}.login-card-top svg{color:var(--gold)}.login-note{margin-top:15px;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}.demo-link{display:flex;align-items:center;gap:8px;background:transparent;color:#c4d1c2;padding:20px 0;font-size:14px}.demo-link:hover{color:var(--gold)}.login-ornament{position:absolute;right:8%;top:29%;width:32%;max-width:440px;transform:rotate(-5deg)}.login-ornament>img{width:100%;opacity:.9;-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 74%);mask-image:radial-gradient(ellipse,#000 35%,transparent 74%)}.ornament-caption{display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(5deg);color:#d2bf91}.ornament-caption span{font-size:26px}.ornament-caption small{font-size:11px;letter-spacing:1.5px}.login-footer{position:relative;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-top:1px solid var(--line);color:#a6b6aa;font-size:12px}.app-shell{display:flex;min-height:100dvh;background:radial-gradient(ellipse at 75% -20%,#344d3622,transparent 65%),var(--bg)}.left-rail{position:fixed;inset:0 auto 0 0;width:216px;padding:25px 16px 0;border-right:1px solid var(--line);background:#101b1def;z-index:15;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 4px;color:#dcc79a}.brand:hover{text-decoration:none}.brand img{width:37px}.brand div{font-family:var(--serif);font-size:26px;letter-spacing:1px;line-height:1.2}.brand small{display:block;font-family:DM Sans,sans-serif;color:#91a393;font-size:10px;margin-top:7px;letter-spacing:.5px}.rail-divider{position:relative;text-align:center;color:#a48e5e;margin:21px 4px;font-size:12px}.rail-divider:before,.rail-divider:after{content:"";position:absolute;top:50%;height:1px;width:38%;background:#c4a87720}.rail-divider:before{left:0}.rail-divider:after{right:0}.rail-label{margin:0 10px 10px;font-size:10px;letter-spacing:1.2px;color:#8c9f91;font-weight:600}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 11px;margin-bottom:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a0b3a5}.nav-item>svg{width:20px;height:20px}.nav-item strong{display:block;color:#c4d1c2;font-size:14px;font-weight:500}.nav-item small{display:block;color:#8a9e8e;font-size:11px;margin-top:3px;line-height:1.45}.nav-item:hover{color:var(--gold);background:#ffffff04}.nav-item.active{color:var(--gold);border-color:#c4a87730;background:#c4a8770b}.nav-item.active strong{color:#e6d3ac}.nav-item.active small{color:#b5b79b}.nav-dot{width:6px;height:6px;background:#cf9474;border-radius:50%;margin-left:auto}.campaign-rail{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.campaign-rail>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:2px 9px;background:transparent;color:var(--gold)}.campaign-rail>button>div{flex:1;min-width:0}.campaign-rail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3cec0;font-size:13px;font-weight:500}.campaign-rail small{display:block;margin-top:4px;color:#8da08e;font-size:11px}.chapter-progress{padding:18px 9px}.chapter-progress>span,.chapter-progress>small{color:#9aab95;font-size:11px}.chapter-progress>small{float:right}.chapter-progress>div{height:3px;margin-top:10px;background:#c4a87718}.chapter-progress i{display:block;height:100%;background:#b99d68}.rail-art{flex:1;min-height:36px;max-height:180px;position:relative;margin:4px -16px 0;overflow:hidden;opacity:.32}.rail-art img{position:absolute;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}.rail-art p{position:absolute;bottom:12px;width:100%;text-align:center;font:italic 17px var(--serif);color:#d1c09a}.rail-bottom{margin-top:auto;padding:12px 0 18px}.connection{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;background:#ffffff02;border:1px solid var(--line);border-radius:6px}.connection>div{flex:1;text-align:left}.connection strong,.user-line strong{display:block;font-size:12px;color:#c2cec0;font-weight:500}.connection small,.user-line small{display:block;margin-top:3px;color:#899e8a;font-size:10px}.connection>svg{color:#94aa91}.connection-dot{width:6px;height:6px;background:#c6ad7a;border-radius:50%}.connection-dot.online{background:#9ac8aa;box-shadow:0 0 8px #9ac8aa40}.user-line{display:flex;align-items:center;gap:8px;margin-top:14px;padding:2px 4px}.user-line>div{min-width:0;flex:1}.user-avatar{height:32px;width:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c4a87730;border-radius:50%;color:var(--gold);background:#22362a;font:20px var(--serif)}.user-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{margin-left:216px;width:calc(100% - 216px);min-width:0;display:flex;flex-direction:column}.topbar{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line);background:#142122c4}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb>span{font-size:11px;letter-spacing:1px;color:#94a695}.breadcrumb>svg{color:#7b9280}.breadcrumb strong{font-size:13px;font-weight:500;color:#c8d1c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.live-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#a6bca7;white-space:nowrap}.live-status i{width:5px;height:5px;background:#9bc19d;border-radius:50%}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#89483a30;color:#efbaa8;border-bottom:1px solid #ab594850;padding:10px 28px;font-size:14px}.demo-banner{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;font-size:12px;line-height:1.6;color:#c1c9b1;background:#b49b560d;border-bottom:1px solid #c4a87716}.demo-banner button{background:transparent;color:#dcc391;text-decoration:underline;font-size:12px;white-space:nowrap}.app-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 28px;color:#94a58f;border-top:1px solid var(--line);font-size:11px}.app-footer>span:first-child{color:var(--gold);letter-spacing:1px}.app-footer button{display:inline-flex;align-items:center;gap:6px;padding:0;color:#b6c3ab;background:transparent;font-size:11px}.app-footer button:hover{color:var(--gold)}.toast{position:fixed;left:calc(50% + 108px);bottom:25px;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;max-width:min(600px,90vw);padding:14px 20px;background:#294136;color:#e5ebda;border:1px solid #92b99a55;border-radius:8px;box-shadow:0 12px 30px #0005;font-size:14px}.new-campaign-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:70px 30px;text-align:center}.new-campaign-empty>svg{color:var(--gold)}.story-page,.battle-page,.fellowship-page,.atlas-page{width:100%;max-width:1700px;margin:0 auto;padding:28px;flex:1}.story-header,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.story-header h1,.page-heading h1{margin:6px 0 8px}.story-header>div>p:last-child,.page-heading>div>p:last-child{color:var(--muted);font-size:15px;line-height:1.7}.page-heading-actions{display:flex;gap:10px;flex-shrink:0}.roleplay-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}.conversation-panel,.location-panel,.party-roster,.setup-palette,.combat-panel,.hero-card{background:var(--panel);border:1px solid #c4a87724;border-radius:10px}.conversation-panel{min-width:0;padding:22px}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}.journal-heading>div{display:flex;align-items:center;gap:10px}.journal-heading svg{color:var(--gold)}.journal-heading h2{font-size:26px}.journal-heading>span{max-width:45%;font-size:12px;color:var(--muted);text-align:right}.journal-heading>span i{display:inline-block;width:5px;height:5px;margin:0 6px 2px 0;background:#9bbb94;border-radius:50%}.journal-scroll{min-height:300px;max-height:max(360px,calc(100dvh - 440px));overflow-y:auto;overscroll-behavior:contain;padding:6px 6px 12px 0}.journal-entry{display:flex;gap:13px;padding:19px 0;border-bottom:1px solid #ffffff0b}.journal-entry:last-child{border-bottom:0}.journal-entry>div:last-child{flex:1;min-width:0}.journal-icon{display:flex;align-items:center;justify-content:center;width:35px;height:39px;margin-top:2px;overflow:hidden;flex-shrink:0;color:var(--gold);background:#c4a87709;border:1px solid #c4a87730;border-radius:5px}.journal-icon .portrait{border:0;width:100%;height:100%;border-radius:0}.entry-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:7px}.entry-heading strong{font-size:14px;font-weight:600;color:#d8dfd0}.entry-heading small{font-size:10px;color:#99b2a0;letter-spacing:.6px;text-transform:uppercase}.journal-entry p{color:#c8d4c7;font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.dm-entry .entry-heading strong{color:#dcc28f}.dm-entry p{color:#e2dfcf;font-size:16px;line-height:1.8}.system-entry .journal-icon{background:#87b19709;border-color:#87b19735;color:#a0bda5}.system-entry p{font-size:14px;color:#a8bba7}.entry-intent{display:flex;align-items:start;gap:5px;color:#c1b28d;font-size:13px;line-height:1.6;font-style:italic;margin-top:9px}.entry-intent svg{margin-top:4px}.empty-journal{display:grid;place-items:center;gap:12px;padding:50px 25px;text-align:center;color:var(--muted)}.story-composer{border-top:1px solid var(--line);padding-top:19px;margin-top:5px}.story-composer>label{margin-bottom:9px;color:#d5dece}.story-composer textarea{margin:0;min-height:112px;padding:13px 14px;color:#e3e8d9;background:#111d1ed9;font-size:15px;line-height:1.7}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.composer-footer>span{max-width:65%;color:var(--muted);font-size:12px;line-height:1.65}.composer-footer small{display:block;margin-top:4px;font-size:11px;color:#869c8e}.composer-footer .primary{flex-shrink:0}.preview-note{margin-top:15px;font-size:12px;line-height:1.7;color:#8ea390}.story-sidebar{display:grid;gap:20px;min-width:0}.location-panel{overflow:hidden}.scene-stage{height:240px;width:100%;min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#514330,#202b27)}.location-description{padding:19px 20px 21px}.location-description>span{display:flex;align-items:center;gap:7px;color:#c1ae82;font-size:12px}.location-description h2{margin:9px 0;font-size:25px}.location-description p{color:#b6c3b6;font-size:14px;line-height:1.7}.party-roster{padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{display:flex;align-items:center;gap:8px;font-size:24px}.section-heading h2 svg{color:var(--gold)}.section-heading small,.section-heading>span{color:var(--muted);font-size:12px}.party-card{display:flex;align-items:center;width:100%;gap:12px;padding:13px 0;background:transparent;text-align:left;border-bottom:1px solid var(--line)}.party-card:last-child{border-bottom:0;padding-bottom:0}.party-card:hover{background:#ffffff04}.party-card>img{width:49px;height:61px;object-fit:cover;object-position:center 28%;border:1px solid #ffffff18;border-radius:5px;background:#152529;flex-shrink:0}.party-card>div{min-width:0;flex:1}.party-card h3{color:#e0e4d5;font-size:21px;margin-bottom:3px}.party-card p{font-size:12px;color:#b0c0af}.party-card small{font-size:12px;color:#93ab96}.party-card>svg{color:#9ca991}.portrait{width:48px;height:58px;border:1px solid #ffffff20;border-radius:5px;overflow:hidden;position:relative;background:#152529;flex-shrink:0}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.health{display:flex;align-items:center;gap:9px}.health>span{display:flex;align-items:center;gap:5px;color:#c3d5b8;font-size:13px;white-space:nowrap}.health small{color:#95ad91;font-size:11px}.health>span svg{color:#a3c59a}.health>div{flex:1;height:4px;border-radius:3px;overflow:hidden;background:#9cc88c22}.health i{display:block;height:100%;background:#a1bd8c}.story-tools{padding:0 2px 5px}.story-tools h2{font-size:23px;margin-bottom:14px}.story-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.story-tools .secondary{padding:10px 8px;font-size:12px;gap:7px}.battle-intro{max-width:720px;margin:35px auto;padding:48px 35px;border:1px solid var(--line);background:var(--panel);border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.battle-intro>svg{color:var(--gold)}.battle-intro p{line-height:1.8;color:var(--muted)}.battle-phase-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;margin-bottom:18px;background:#c4a87709;border:1px solid #c4a87723;border-radius:7px;font-size:14px;color:#c9c7ad}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px}.battle-stage{position:relative;height:640px;min-width:0;overflow:hidden;border:1px solid #c4a87728;border-radius:10px;background:radial-gradient(ellipse,#293f3c,#162629)}.setup-palette,.combat-panel{min-width:0;padding:20px}.setup-palette>h2,.combat-panel>h2{font-size:25px}.setup-palette>p{margin:10px 0 18px;color:var(--muted);font-size:14px;line-height:1.7}.setup-toolbar{margin:0 0 16px}.setup-toolbar label,.placement-controls label{margin-bottom:6px}.setup-toolbar select,.placement-controls select{margin-top:0}.monster-palette{display:grid;gap:8px;max-height:370px;overflow-y:auto;padding-right:3px}.monster-palette>button{display:flex;gap:10px;align-items:center;width:100%;padding:9px;text-align:left;background:#101d1e70;border:1px solid var(--line);border-radius:6px}.monster-palette>button:hover,.monster-palette>button.selected{background:#c4a8770c;border-color:#c4a87777}.monster-palette img{width:42px;height:52px;object-fit:cover;object-position:center 30%;border-radius:4px}.monster-palette strong{display:block;color:#d9dfd0;font-size:14px;font-weight:600}.monster-palette small{display:block;margin-top:4px;font-size:11px;color:#a5b4a1}.placement-controls{margin:19px 0}.placement-controls>button{margin-top:10px}.placed-units{margin:18px 0}.placed-units h3{font-size:22px;margin-bottom:9px}.placed-units>div{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line)}.placed-units>div.selected{background:#c4a8770b}.placed-units>div>button:first-child{flex:1;min-width:0;padding:9px 4px;text-align:left;background:transparent}.placed-units strong{display:block;font-size:13px;font-weight:500}.placed-units small{display:block;font-size:12px;color:var(--muted)}.initiative-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 16px;margin-bottom:8px}.initiative-strip>span{flex-shrink:0;color:#a9ad91;font-size:10px;letter-spacing:.7px;margin-right:5px}.initiative-strip>button{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#1b2a2c}.initiative-strip>button.active{border-color:#c4a87788;background:#c4a8770c}.initiative-strip>button.downed{opacity:.45}.initiative-strip img{width:31px;height:39px;border-radius:3px;object-fit:cover}.initiative-strip strong{display:block;font-size:12px;font-weight:500}.initiative-strip small{display:block;color:#97ad9a;font-size:11px}.active-character{display:flex;align-items:center;gap:13px;margin:17px 0}.active-character>img{width:62px;height:76px;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#152529}.active-character h2{font-size:27px}.active-character p{color:#aec4a8;font-size:14px;margin-top:6px}.combat-vitals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.combat-vitals>span{display:flex;align-items:center;gap:5px;font-size:12px;color:#bacab0;border:1px solid #ffffff16;padding:5px 8px;border-radius:4px}.companion-turn{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:16px 0}.companion-turn p{font-size:14px;color:#b6c6af;margin-bottom:14px}.combat-panel>h3{margin:20px 0 12px}.combat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 20px}.combat-actions>button{display:flex;justify-content:flex-start;align-items:center;gap:7px;min-height:40px;padding:9px;background:#ffffff04;border:1px solid #ffffff20;border-radius:5px;text-align:left;font-size:12px}.combat-actions>button:hover:not(:disabled),.combat-actions>button.selected{background:#c4a87710;border-color:#c4a87770}.combat-actions svg{color:#bfa87d}.combat-panel>label{margin-bottom:5px}.combat-panel>select{margin-bottom:12px}.target-controls{border-top:1px solid #c4a87730;margin:18px 0;padding-top:15px}.target-controls label{margin-bottom:5px}.target-controls button{margin-top:10px}.combat-log{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.combat-log h3{margin-bottom:10px;font-size:22px}.combat-log p{color:#aabda7;font-size:13px;line-height:1.7;padding:8px 0;border-bottom:1px solid #ffffff0a;overflow-wrap:anywhere}.tabletop{position:relative;width:100%;height:100%;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.table-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101d1e20,transparent 50%,#14232933)}.table-compass{position:absolute;right:17px;top:15px;display:flex;flex-direction:column;align-items:center;color:#cdb788;opacity:.8;pointer-events:none}.table-compass>span{font-size:10px}.table-compass>div{font:30px var(--serif);line-height:1.2}.table-compass>small{font-size:9px;color:#a6bb9e}.camera-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:5px;z-index:3}.camera-controls button{display:grid;place-items:center;width:34px;height:34px;background:#182a29eb;border:1px solid #aec4ad40;border-radius:5px;color:#ced9c4}.camera-controls button:hover{color:var(--gold);background:#294137}.orbit-hint{position:absolute;left:15px;bottom:17px;display:flex;align-items:center;gap:6px;color:#b0bda5;font-size:10px;pointer-events:none}.scene-stage .orbit-hint,.scene-stage .table-compass{display:none}.scene-stage .camera-controls{right:10px;bottom:10px}.scene-stage .camera-controls button{width:30px;height:30px}.target-hint{position:absolute;left:16px;right:16px;top:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:4;background:#172723eb;border:1px solid #c4a87750;border-radius:6px;padding:11px 14px;color:#ded0af;font-size:13px;pointer-events:none}.target-hint>button{display:grid;place-items:center;background:transparent;color:#d9c294;pointer-events:auto}.mini{height:260px;border:1px solid var(--line);border-radius:7px;background:radial-gradient(ellipse,#30423b,#182b2b)}.webgl-fallback{display:grid;place-items:center;padding:20px;width:100%;height:100%;color:var(--muted);text-align:center}.fellowship-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hero-card{min-width:0;overflow:hidden}.hero-art{position:relative;height:270px;overflow:hidden;background:#14252b}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.hero-level{position:absolute;bottom:15px;left:17px;width:45px;height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c4a87766;border-radius:5px;background:#182923dd;color:#e0c794;font:28px var(--serif);line-height:1}.hero-level small{font:9px DM Sans,sans-serif;margin-top:5px;letter-spacing:1px}.hero-content{padding:20px}.hero-content .eyebrow{font-size:10px;letter-spacing:.7px}.hero-content h2{margin:8px 0 16px;font-size:28px}.hero-vitals{display:flex;justify-content:space-between;gap:10px;padding:17px 0;margin-top:7px;border-bottom:1px solid var(--line)}.hero-vitals>span{display:flex;align-items:center;gap:5px;font-size:13px}.hero-vitals svg{color:var(--gold)}.hero-vitals small{color:var(--muted);font-size:10px}.hero-abilities{display:grid;grid-template-columns:repeat(6,1fr);padding:16px 0}.hero-abilities>span{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.hero-abilities>span:last-child{border-right:0}.hero-abilities small{font-size:9px;color:#9bac95}.hero-abilities strong{font-size:15px;color:#ded2af;margin-top:4px;font-weight:500}.hero-goal{min-height:74px;margin:3px 0 15px;color:#b4c2aa;font-size:13px;line-height:1.7}.hero-content .secondary{font-size:12px;padding:10px 9px;gap:7px}.party-footnote{display:flex;gap:11px;padding:22px 0 0;color:#aebf9f;font-size:13px;line-height:1.8}.party-footnote svg{color:var(--gold);margin-top:3px}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.location-card{min-width:0;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.location-card.current{border-color:#c4a87777}.location-card:hover:not(:disabled){border-color:#c4a87799}.location-card>img{display:block;width:100%;height:250px;object-fit:cover;object-position:center}.location-card>div{padding:22px}.location-card h2{margin:8px 0 10px;font-size:29px}.location-card>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#b3c1ad}.location-card>div>span{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold);font-size:13px}.encounters-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}.encounters-heading h2{font-size:27px}.encounter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.encounter-card{display:flex;text-align:left;gap:14px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.encounter-card img{width:70px;height:90px;object-fit:cover;border-radius:4px}.encounter-card h3{margin-bottom:7px}.encounter-card p{font-size:13px;color:var(--muted)}.modal-cover{position:fixed;inset:0;z-index:40;padding:30px 20px;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:#081416d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:510px;max-width:100%;max-height:calc(100dvh - 60px);overflow-y:auto;padding:27px;border:1px solid #c4a87740;border-radius:11px;background:#1b2b2a;box-shadow:0 30px 90px #0008;outline:none}.modal.wide{width:1080px}.modal-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:23px}.modal-heading h2{font-size:32px;margin-top:5px}.modal-heading .icon-button{flex-shrink:0;margin:-3px -5px 0 0}.modal>.muted,.modal>p{margin-bottom:20px}.modal form{margin-top:21px}.modal form>label[for]{margin:17px 0 5px}.modal form>input,.modal form>textarea,.modal form>select{margin:0 0 16px}.modal form>.primary{margin-top:5px}.modal>.small:last-child{margin:20px 0 0}.key-safety{display:flex;gap:10px;align-items:start;color:#aebea7;font-size:13px;line-height:1.7;margin:18px 0}.key-safety svg{color:#aec196;margin-top:3px}.saved-campaigns{display:grid;gap:9px}.saved-campaigns>button{display:flex;align-items:center;gap:13px;padding:13px 12px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#ffffff03}.saved-campaigns>button:hover{border-color:#c4a87766}.saved-campaigns>button>div{flex:1}.saved-campaigns strong{display:block;font-size:15px;font-weight:500}.saved-campaigns small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.saved-campaigns svg{color:var(--gold)}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;margin:24px 0;border:1px solid #c4a87744;border-radius:6px;background:#142622}.invite-code strong{font-size:23px;color:#dcc28e;overflow-wrap:anywhere}.encounter-picker{display:grid;gap:10px}.encounter-picker>button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:6px;background:#ffffff04}.encounter-picker>button>div{flex:1}.encounter-picker img{width:62px;height:74px;object-fit:cover;border-radius:4px}.encounter-picker strong{display:block;font-size:16px}.encounter-picker small{font-size:12px;color:var(--muted)}.rules-copy p{font-size:15px;color:#bfccb8;line-height:1.85;margin-bottom:20px}.rules-copy h3{margin:25px 0 11px;font-size:25px}.research-links{display:grid;gap:9px;font-size:14px}.dossier{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px}.dossier-portrait{min-height:420px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#14252b}.dossier-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:50px 20px 24px;background:linear-gradient(transparent,#0f1d20e8)}.portrait-caption h3{font-size:35px;color:#e6d9b7}.portrait-caption span{display:block;color:#b8c6aa;font-size:13px;margin-top:7px}.dossier-content{min-width:0}.dossier-vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.dossier-vitals>div{padding:13px 8px;text-align:center;border:1px solid #ffffff18;border-radius:6px;background:#101f1f66}.dossier-vitals svg{display:block;margin:0 auto 7px;color:#baa77e}.dossier-vitals strong{display:block;font:29px var(--serif);color:#e4d4b0}.dossier-vitals small{margin-left:3px;font:12px DM Sans,sans-serif;color:#a3b79b}.dossier-vitals span{display:block;margin-top:5px;color:#b0bea8;font-size:11px}.ability-grid{display:grid;grid-template-columns:repeat(6,1fr);margin:17px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ability-grid>div{text-align:center;border-right:1px solid var(--line)}.ability-grid>div:last-child{border-right:0}.ability-grid span{display:block;color:#a5b598;font-size:11px}.ability-grid strong{display:block;font:28px var(--serif);color:#d8c799}.ability-grid small{display:block;color:#95ab8d;font-size:12px}.dossier-personality{margin:18px 0 23px}.dossier-personality p{font:italic 20px/1.5 var(--serif);color:#d0d0b3}.dossier-personality small{display:flex;align-items:start;gap:7px;font-size:12px;color:#9cb08e;line-height:1.7;margin-top:10px}.dossier-personality svg{margin-top:4px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs>button{display:flex;align-items:center;gap:7px;position:relative;padding:10px 13px;color:#9ab094;background:transparent;font-size:14px;text-transform:capitalize}.tabs>button.active{color:#dec494}.tabs>button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--gold)}.equipped-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.equipped-grid>div{display:flex;gap:9px;padding:12px 10px;border:1px solid #c4a87723;border-radius:6px;background:#14252188}.equipped-grid>div>span{color:#c1a678;display:flex;padding-top:3px}.equipped-grid>div>div{min-width:0}.equipped-grid small{display:block;color:#8fa483;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.equipped-grid strong{display:block;margin:3px 0;font-size:12px;font-weight:500;line-height:1.5}.equipped-grid p{font-size:11px;color:#9bb18d}.inventory{margin-top:15px}.transfer-recipient{display:flex;align-items:center;gap:10px;font-size:12px}.transfer-recipient select{flex:1;width:auto;margin:0;padding:7px 10px;font-size:13px}.inventory-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);min-width:0}.inventory-row>div{flex:1;min-width:0}.inventory-row strong{display:block;font-size:13px;font-weight:500;color:#d6dccc}.inventory-row small{display:block;font-size:12px;color:#94ab8c;line-height:1.5;margin-top:4px}.inventory-row .text-button{padding:5px 7px;font-size:12px}.inventory-row .secondary{font-size:12px}.inventory-row>svg{color:#b7a26f}.item-icon{display:flex;align-items:center;justify-content:center;width:31px;height:35px;background:#c4a87708;color:#b7a26f;border:1px solid #c4a87722;border-radius:4px}.healing-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.spell-list>.small{margin:0 0 15px}.character-details{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.character-details h3{margin-bottom:12px}.character-details p{color:#b7c6aa;line-height:1.8;font-size:14px;margin-bottom:17px}.character-details .secondary{margin-bottom:17px}.chronicle-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.main-column,.party-sidebar{min-width:0;padding:26px}.party-sidebar{border-left:1px solid var(--line)}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.scene-heading h1{margin:6px 0}.scene-tag{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #c4a87733;border-radius:5px;color:#cbb991;font-size:12px}.chronicle-stage{height:360px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#1f3434}.stage-top{position:absolute;top:17px;left:17px;display:flex;gap:7px;pointer-events:none}.stage-caption{position:absolute;left:20px;bottom:20px;right:100px;pointer-events:none}.stage-caption>small{color:#b8c3a7;font-size:11px}.stage-caption h2{margin:7px 0 13px;font-size:26px}.stage-caption button{pointer-events:auto;background:#142923e8}.party-stack{display:grid;gap:8px}.sidebar-description{margin:10px 0 20px;color:#a6b89b;font:italic 18px var(--serif)}.sidebar-rule{height:1px;background:var(--line);margin:24px 0}.dm-tools{display:grid;gap:8px;margin-top:15px}.dm-tools>button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border-radius:5px;background:#ffffff04;color:#bba374}.dm-tools>button>div{flex:1}.dm-tools strong{display:block;font-size:13px;font-weight:500;color:#c4d0b7}.dm-tools small{display:block;font-size:11px;color:#91a88a}.table-note{display:flex;gap:10px;padding:15px;margin-top:25px;border:1px solid #c4a87722;border-radius:6px;color:var(--gold)}.table-note p{font:italic 18px/1.5 var(--serif);color:#c0c4a4}.table-note span{font-size:14px;color:#a0b08c}.battle-content{display:grid;grid-template-columns:minmax(0,1fr) 300px}.battle-stage-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.battle-empty{padding:60px 25px;text-align:center}.battle-empty p{color:var(--muted);margin:20px 0}.combat-section-label{color:var(--muted);margin:19px 0 10px;font-size:12px}.combat-tip{padding:14px;border:1px solid #c4a87730;font-size:13px;line-height:1.7;color:#c2bc99}.turn-resources{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.turn-resources .used{color:#a08672}.upcast-select{margin:15px 0}@media(min-width:1600px){.roleplay-layout{grid-template-columns:minmax(0,1fr) 370px}.scene-stage{height:270px}.journal-scroll{max-height:max(420px,calc(100dvh - 425px))}}@media(max-width:1250px){.roleplay-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.story-page,.battle-page,.fellowship-page,.atlas-page{padding:24px}.story-header,.page-heading{align-items:start}.page-heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.fellowship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.battle-stage{height:610px}.story-tools>div{grid-template-columns:1fr}.story-tools .secondary{font-size:13px}.encounter-grid{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.left-rail{width:76px;padding:22px 10px 0}.workspace{margin-left:76px;width:calc(100% - 76px)}.brand{padding:0;justify-content:center}.brand img{width:38px}.brand>div,.rail-label,.rail-divider,.campaign-rail,.rail-art,.connection>div,.connection>svg,.user-line>div{display:none}.left-rail nav{margin-top:27px}.nav-item{justify-content:center;min-height:50px;padding:12px;margin-bottom:9px}.nav-item>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav-dot{position:absolute;right:8px;top:8px}.connection{justify-content:center;height:38px}.connection-dot{width:7px;height:7px}.user-line{justify-content:center;flex-wrap:wrap;padding:0;gap:10px}.toast{left:calc(50% + 38px)}.roleplay-layout{grid-template-columns:minmax(0,1fr) 310px}.story-tools>div{grid-template-columns:1fr 1fr}.story-tools .secondary{font-size:12px}.live-status{display:none}.dossier{grid-template-columns:220px minmax(0,1fr);gap:20px}.equipped-grid{grid-template-columns:1fr}.equipped-grid>div{padding:10px 12px}.equipped-grid strong{font-size:14px}}@media(max-width:850px){.roleplay-layout{grid-template-columns:1fr}.story-sidebar{grid-template-columns:1fr 1fr;align-items:start}.story-tools{grid-column:1 / -1}.story-tools>div{grid-template-columns:repeat(3,1fr)}.journal-scroll{max-height:520px;min-height:320px}.battle-layout{grid-template-columns:1fr}.battle-stage{height:570px}.setup-palette,.combat-panel{width:100%}.monster-palette{grid-template-columns:1fr 1fr;max-height:none}.combat-actions{grid-template-columns:repeat(3,1fr)}.placed-units{max-height:260px;overflow-y:auto}.login-ornament{display:none}.login-content{margin:35px auto 55px}.login-content h1{font-size:54px}.login-content form{width:100%}.app-footer{flex-wrap:wrap;font-size:11px}.chronicle-layout,.battle-content{grid-template-columns:1fr}.party-sidebar{border-left:0;border-top:1px solid var(--line)}.dossier{grid-template-columns:180px minmax(0,1fr);gap:18px}.character-details{grid-template-columns:1fr}.character-details .mini{height:230px}.atlas-grid{grid-template-columns:1fr}}@media(max-width:640px){.left-rail{width:60px;padding:19px 7px 0}.workspace{margin-left:60px;width:calc(100% - 60px)}.brand img{width:33px}.nav-item{padding:10px;min-height:45px}.topbar{padding:14px 16px;min-height:60px;gap:8px}.breadcrumb{gap:6px}.breadcrumb>span,.breadcrumb>svg{display:none}.top-actions{gap:4px}.top-actions .secondary{padding:7px 9px;font-size:12px;min-height:36px}.demo-banner{align-items:start;justify-content:start;flex-wrap:wrap;padding:10px 15px;font-size:11px;gap:7px}.demo-banner>span{flex:1;min-width:160px}.demo-banner>svg{margin-top:2px}.demo-banner button{padding:0}.story-page,.battle-page,.fellowship-page,.atlas-page{padding:20px 15px}.story-header,.page-heading{flex-direction:column;gap:16px;margin-bottom:20px}h1{font-size:33px}.story-header>div>p:last-child,.page-heading>div>p:last-child{font-size:14px}.page-heading-actions{width:100%;max-width:none;justify-content:start}.page-heading-actions .secondary{flex:1;font-size:12px;padding:9px;gap:6px}.conversation-panel{padding:17px}.journal-heading h2{font-size:24px}.journal-heading>span{font-size:11px}.journal-scroll{min-height:270px;max-height:480px}.journal-entry{gap:10px;padding:17px 0}.journal-icon{width:29px;height:35px}.entry-heading strong{font-size:13px}.entry-heading small{font-size:9px}.journal-entry p,.dm-entry p{font-size:14px}.composer-footer{align-items:stretch;flex-direction:column;gap:14px}.composer-footer>span{max-width:none}.composer-footer .primary{width:100%}.story-sidebar{grid-template-columns:1fr}.story-tools>div{grid-template-columns:1fr 1fr}.story-tools .secondary{font-size:12px}.scene-stage{height:260px}.location-description{padding:18px}.battle-phase-banner{flex-direction:column;align-items:start;font-size:13px}.battle-stage{height:450px}.target-hint{left:10px;right:10px;top:10px;padding:10px;font-size:12px}.monster-palette{grid-template-columns:1fr}.combat-actions{grid-template-columns:1fr 1fr}.battle-intro{padding:30px 22px;margin:12px 0}.orbit-hint{display:none}.fellowship-grid{grid-template-columns:1fr}.hero-art{height:300px}.hero-goal{min-height:0}.hero-content .secondary{font-size:14px}.hero-abilities small{font-size:11px}.hero-abilities strong{font-size:17px}.hero-vitals{font-size:15px}.hero-content .eyebrow{font-size:11px}.location-card>img{height:240px}.location-card>div{padding:18px}.encounter-grid{grid-template-columns:1fr}.app-footer{padding:18px 15px;gap:13px}.app-footer>span:first-child{width:100%}.toast{left:calc(50% + 30px);max-width:calc(100vw - 85px);font-size:13px;padding:13px 16px}.modal-cover{padding:12px}.modal{padding:21px;max-height:calc(100dvh - 24px)}.modal-heading{margin-bottom:20px}.modal-heading h2{font-size:30px}.dossier{grid-template-columns:1fr;gap:23px}.dossier-portrait{min-height:285px;max-height:320px}.dossier-portrait>img{object-position:center 27%}.portrait-caption{padding-top:35px}.dossier-vitals{gap:7px}.dossier-vitals>div{padding:11px 5px}.dossier-vitals strong{font-size:25px}.dossier-vitals span{font-size:10px}.equipped-grid{grid-template-columns:1fr}.inventory-row{flex-wrap:wrap;gap:9px}.inventory-row>div{min-width:140px}.inventory-row strong{font-size:14px}.inventory-row small{font-size:12px}.tabs{gap:0}.tabs>button{padding:10px;font-size:13px}.section-heading{flex-wrap:wrap}.healing-controls{grid-template-columns:1fr;gap:0}.login-top{padding:25px 7%;gap:10px}.login-top span{font-size:25px;letter-spacing:2px}.login-top small{display:none}.login-content{margin-top:18px;max-width:86%}.login-content h1{font-size:45px}.login-intro{font-size:15px}.login-content form{padding:22px}.login-footer{flex-direction:column;align-items:start;gap:10px;padding:20px 7%}.demo-link{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.rail-art p{display:none}