:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d0c0b;--ink-soft:#171411;--panel:#1e1a16;--panel-raised:#28221c;--line:#e7cfa626;--line-strong:#e7cfa647;--parchment:#efe3ca;--muted:#a99c89;--gold:#d9a441;--gold-bright:#f2c35d;--crimson:#8e342d;--success:#7eb985;background:var(--ink);color:var(--parchment);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:var(--ink);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}::selection{color:#17100a;background:var(--gold-bright)}.landing-shell{background:radial-gradient(circle at 18% 15%,#8e342d4d,#0000 34%),radial-gradient(circle at 78% 80%,#d9a4411a,#0000 25%),linear-gradient(120deg,#17110e 0%,#0b0a09 67%);grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:100vh;padding:clamp(2rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.landing-shell:before,.landing-shell:after{content:"";pointer-events:none;border:1px solid #d9a44114;width:34rem;height:34rem;position:absolute;transform:rotate(45deg)}.landing-shell:before{top:-12rem;left:-23rem}.landing-shell:after{bottom:-17rem;right:-24rem}.landing-copy{z-index:1;max-width:850px;position:relative}.eyebrow,.overline{color:var(--gold);letter-spacing:.25em;margin:0 0 .9rem;font-size:.69rem;font-weight:800}.landing-copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:790px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,7.5vw,7.6rem);font-weight:500;line-height:.9}.landing-intro{color:#c1b4a1;max-width:630px;margin:2rem 0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.75}.feature-row{flex-wrap:wrap;gap:.7rem;display:flex}.feature-row span{border:1px solid var(--line);color:#bfb29e;letter-spacing:.04em;border-radius:100px;padding:.55rem .8rem;font-size:.74rem;font-weight:700}.brand-mark{background:#d9a4410d;border:1px solid #d9a44199;place-items:center;width:4rem;height:4rem;margin-bottom:2rem;display:grid;position:relative;transform:rotate(45deg)}.brand-mark span{font:700 1.6rem/1 Georgia,serif;transform:rotate(-45deg)}.brand-mark i{color:var(--ink);background:var(--gold);padding:.15rem .25rem;font:900 .55rem/1 system-ui;position:absolute;bottom:-.45rem;right:-.55rem;transform:rotate(-45deg)}.brand-mark.small{width:2.1rem;height:2.1rem;margin:0}.brand-mark.small span{font-size:.95rem}.brand-mark.small i{font-size:.4rem}.auth-card,.creation-card,.character-form{border:1px solid var(--line-strong);background:linear-gradient(140deg,#ffffff09,#0000 35%),#1b1713ed;box-shadow:0 30px 90px #00000073}.auth-card{z-index:1;width:100%;max-width:480px;padding:clamp(1.5rem,4vw,3rem);position:relative}.auth-card h2,.creation-card h2{margin:0 0 1.8rem;font:500 clamp(2rem,4vw,3rem)/1 Georgia,serif}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:-.5rem -.5rem 2.5rem;display:grid}.auth-tabs button{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;padding:.85rem;font-size:.78rem;font-weight:800}.auth-tabs button.active{color:var(--gold-bright);border-bottom-color:var(--gold)}form{gap:1rem;display:grid}label{color:#b6aa98;letter-spacing:.055em;text-transform:uppercase;gap:.45rem;font-size:.72rem;font-weight:800;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--parchment);letter-spacing:normal;text-transform:none;background:#0807067a;border-radius:.25rem;outline:none;font-size:.92rem;font-weight:500;transition:border-color .15s,box-shadow .15s}input,select{height:2.9rem;padding:0 .85rem}textarea{resize:vertical;padding:.8rem .85rem;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d9a44117}input::placeholder,textarea::placeholder{color:#665d52}.primary-button{color:#21170d;letter-spacing:.075em;text-transform:uppercase;background:linear-gradient(#efbd55,#c98e2e);border:1px solid #e8b752;border-radius:.2rem;width:fit-content;min-height:2.9rem;padding:.8rem 1.2rem;font-size:.76rem;font-weight:900;box-shadow:inset 0 1px #ffffff40,0 8px 25px #d9a4411f}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;filter:saturate(.2);opacity:.6}.primary-button.full{width:100%;margin-top:.35rem}.form-error,.global-error{color:#ffaaa1;font-size:.82rem;line-height:1.4}.form-error{margin:0}.privacy-note{color:#71675b;text-align:center;margin:1.1rem 0 0;font-size:.7rem}.loading-screen{min-height:100vh;color:var(--muted);background:radial-gradient(circle, #281d15, var(--ink) 55%);place-content:center;justify-items:center;gap:1.4rem;display:grid}.loading-screen .brand-mark{animation:1.7s ease-in-out infinite pulse-mark}@keyframes pulse-mark{50%{opacity:.55;transform:rotate(135deg)scale(.92)}}.app-shell{background:#100e0c;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:4;border-right:1px solid var(--line);background:#15120f;grid-template-rows:auto auto 1fr auto;height:100vh;display:grid;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:1.25rem;display:flex}.sidebar-brand>div:last-child{gap:.15rem;display:grid}.sidebar-brand b{font:700 1.05rem/1 Georgia,serif}.sidebar-brand span{color:var(--gold);letter-spacing:.2em;font-size:.52rem;font-weight:900}.sidebar-heading{justify-content:space-between;align-items:center;padding:1.5rem 1.1rem .7rem;display:flex}.sidebar-heading span{color:#756b60;letter-spacing:.18em;font-size:.62rem;font-weight:900}.sidebar-heading button{border:1px solid var(--line);width:1.8rem;height:1.8rem;color:var(--gold);background:0 0;border-radius:50%;font-size:1.15rem;line-height:1}.sidebar-heading button:hover{border-color:var(--gold);background:#d9a44114}.campaign-list{padding:0 .65rem;overflow-y:auto}.campaign-list>p{color:#665d52;padding:.7rem;font-size:.78rem}.campaign-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:.3rem;align-items:center;gap:.7rem;width:100%;padding:.65rem;display:flex}.campaign-list button:hover{background:#ffffff06}.campaign-list button.active{border-color:var(--line);background:#d9a44112}.campaign-list button>span{width:2.15rem;height:2.15rem;color:var(--gold);background:#211a14;border:1px solid #d9a4414d;flex:none;place-items:center;font:700 .95rem/1 Georgia,serif;display:grid}.campaign-list button div{gap:.18rem;min-width:0;display:grid}.campaign-list button b{color:#d8ccb9;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.campaign-list button small{color:#71675b;font-size:.61rem}.user-menu{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.9rem;display:grid}.user-menu>div{color:#21170d;background:var(--gold);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:900;display:grid}.user-menu>span{gap:.12rem;min-width:0;display:grid}.user-menu b,.user-menu small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu b{font-size:.7rem}.user-menu small{color:#6f665b;font-size:.56rem}.user-menu button{color:#786e62;background:0 0;border:0}.user-menu button:hover{color:var(--gold)}.workspace{background:radial-gradient(circle at 65% -10%,#2a1e17 0,#0000 35%),#100e0c;min-width:0;min-height:100vh;position:relative}.global-error{background:#8e342d1f;border:1px solid #ff645a40;margin:1rem;padding:.8rem 1rem}.creation-card{width:min(660px,100% - 3rem);margin:clamp(3rem,10vh,8rem) auto;padding:clamp(1.5rem,5vw,3.5rem)}.creation-card>p:not(.overline){max-width:520px;color:var(--muted);margin:-.7rem 0 1rem;line-height:1.6}.loading-inline{min-height:70vh;color:var(--muted);place-items:center;display:grid}.adventure-layout{grid-template-columns:minmax(0,1fr) 280px;min-height:100vh;display:grid}.story-panel{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100vh;display:grid}.story-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100e0cc7;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem clamp(1.25rem,3vw,3rem);display:flex}.story-header h2{letter-spacing:-.025em;margin:0;font:500 clamp(1.8rem,3vw,2.8rem)/1.05 Georgia,serif}.story-header>div>p:last-child{color:#8f8373;max-width:720px;margin:.65rem 0 0;font:.84rem/1.55 Georgia,serif}.live-badge{color:var(--success);letter-spacing:.13em;flex:none;align-items:center;gap:.45rem;margin-top:.3rem;font-size:.58rem;font-weight:900;display:flex}.live-badge i{background:var(--success);width:.45rem;height:.45rem;box-shadow:0 0 10px var(--success);border-radius:50%}.timeline{scroll-behavior:smooth;padding:1.8rem clamp(1.25rem,5vw,5rem) 2.5rem;overflow-y:auto}.event-card{border:1px solid var(--line);background:#1f1b17c2;max-width:780px;margin:0 auto 1.1rem;padding:1.15rem 1.3rem;position:relative}.event-card.dm{border-left:2px solid var(--gold);background:linear-gradient(100deg,#d9a44113,#1f1b17b8 35%)}.event-card.action{border-right:2px solid #875d50;margin-left:max(0px,50% - 390px + 3rem)}.event-card.system{text-align:center;background:0 0;border:0;padding:.45rem 1rem}.event-card.system p{color:#746a5f;font-size:.74rem;font-style:italic}.event-meta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;display:flex}.event-meta span{color:var(--gold);letter-spacing:.18em;font-size:.59rem;font-weight:900}.event-meta i{color:#70675d;letter-spacing:.1em;font-size:.5rem;font-style:normal;font-weight:800}.event-card>p{color:#ddd1bd;margin:0;font:.98rem/1.65 Georgia,serif}.event-card.action>p{color:#c4b8a6}.roll-result{color:#8e8273;background:#0003;border:1px solid #d9a4413d;align-items:center;gap:.5rem;width:fit-content;margin-top:.9rem;padding:.35rem .55rem;font-size:.69rem;display:flex}.roll-result .d20{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);color:#24180c;background:var(--gold);place-items:center;width:1.65rem;height:1.65rem;font-weight:900;display:grid}.roll-result b{color:var(--gold-bright)}.action-composer{border-top:1px solid var(--line);background:#14110ef5;gap:.7rem;padding:1rem clamp(1.25rem,3vw,3rem) 1.25rem;box-shadow:0 -20px 50px #00000029}.composer-topline{gap:1rem;display:flex}.composer-topline label:first-child{flex:1}.modifier-field{width:110px}.action-composer textarea{background:#0e0c0a;min-height:68px}.composer-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.composer-footer span{color:#6f665b;font-size:.66rem}.hero-rail{border-left:1px solid var(--line);background:#171411d1;padding:1.5rem}.character-card{border:1px solid var(--line);text-align:center;background:linear-gradient(160deg,#2a211a,#171411 65%);padding:1.5rem 1.2rem;box-shadow:0 25px 60px #00000040}.portrait{width:5rem;height:5rem;color:var(--gold);background:radial-gradient(circle at 35% 30%,#453022,#17110e 72%);border:1px solid #d9a4418c;border-radius:50%;place-items:center;margin:0 auto 1.2rem;font:500 2.4rem/1 Georgia,serif;display:grid;box-shadow:0 0 0 .35rem #d9a4410a}.character-card h3{margin:0;font:500 1.8rem/1.1 Georgia,serif}.character-card>p:not(.overline){color:var(--muted);margin:.45rem 0 1.4rem;font-size:.73rem}.stat-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stat-grid div{gap:.2rem;padding:1rem .25rem 0;display:grid}.stat-grid div+div{border-left:1px solid var(--line)}.stat-grid span{color:#6f6559;letter-spacing:.1em;font-size:.53rem;font-weight:900}.stat-grid b{color:var(--gold-bright);font:500 .95rem/1 Georgia,serif}.rail-note{border:1px dashed var(--line);color:#756b60;margin:1rem 0;padding:1rem;font-size:.68rem;line-height:1.55}.rail-note span{color:var(--gold)}.empty-adventure{place-items:center;min-height:100vh;padding:2rem;display:grid}.character-form{width:min(540px,100%);padding:clamp(1.5rem,4vw,2.5rem)}.character-form h3{margin:0 0 1rem;font:500 2rem/1 Georgia,serif}.field-pair{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.stat-inputs{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}@media (max-width:1100px){.adventure-layout{grid-template-columns:minmax(0,1fr)}.hero-rail{display:none}}@media (max-width:820px){.landing-shell{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}.landing-copy h1{font-size:clamp(3.3rem,14vw,5.5rem)}.auth-card{max-width:none}.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar-brand{justify-content:center;padding:1.2rem 0}.sidebar-brand>div:last-child,.sidebar-heading span,.campaign-list button div,.campaign-list>p,.user-menu>span,.user-menu button{display:none}.sidebar-heading{justify-content:center;padding:1.2rem 0 .7rem}.campaign-list{padding:0 .7rem}.campaign-list button{justify-content:center;padding:.45rem}.user-menu{justify-content:center;display:flex}.event-card.action{margin-left:auto}}@media (max-width:620px){.app-shell{padding-bottom:4.3rem;display:block}.sidebar{border-top:1px solid var(--line);border-right:0;grid-template-rows:1fr;grid-template-columns:auto 1fr auto;width:100%;height:4.3rem;position:fixed;top:auto;bottom:0}.sidebar-brand{border:0;width:4.5rem}.sidebar-heading{padding:0}.sidebar-heading button{width:2.4rem;height:2.4rem}.campaign-list{align-items:center;gap:.3rem;padding:0 .5rem;display:flex;overflow-x:auto}.campaign-list button{flex:none;width:auto}.campaign-list button>span{width:2.4rem;height:2.4rem}.user-menu{border:0;width:4.5rem}.story-panel{height:calc(100vh - 4.3rem)}.story-header{gap:.75rem;padding:1rem}.story-header h2{font-size:1.7rem}.story-header>div>p:last-child{display:none}.live-badge{font-size:0}.timeline{padding:1rem .75rem 1.5rem}.event-card{padding:1rem}.action-composer{padding:.75rem}.composer-footer{flex-direction:column;align-items:stretch}.composer-footer .primary-button{width:100%}.composer-topline{gap:.55rem}.modifier-field{width:95px}.creation-card{width:calc(100% - 1.5rem);margin:1rem auto}.field-pair{grid-template-columns:1fr}}