:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--abyss:#07080a;--soot:#0d0f12;--iron:#15171c;--iron-raised:#1b1d22;--line:#2a2b30;--line-warm:#4c382a;--bone:#eee5d2;--bone-soft:#cfc4b1;--ash:#837e75;--ember:#e2652f;--ember-bright:#ff8a46;--gold:#c99b52;--blood:#9d3e31;--green:#56b788;background:var(--abyss);color:var(--bone);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--abyss);min-width:280px;color:var(--bone);overflow-x:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom));background:radial-gradient(90% 42% at 50% -8%,#83371a40,#0000 72%),linear-gradient(#0b0c0f 0%,#07080a 48%,#090a0c 100%);position:relative;overflow:hidden}.app-shell:before{z-index:0;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.app-shell:after{z-index:0;pointer-events:none;content:"";background:radial-gradient(circle,#0000 45%,#0000006b 110%);position:fixed;inset:0}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ember{background:var(--ember-bright);opacity:.6;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 10px 2px #ff723561}.ember-one{top:12%;left:10%}.ember-two{opacity:.42;width:2px;height:2px;top:24%;right:8%}.ember-three{opacity:.3;width:2px;height:2px;top:55%;left:4%}.card{z-index:1;width:min(100%,520px);margin:0 auto;position:relative}.brand-header{justify-content:center;align-items:center;gap:13px;padding:6px 0 14px;display:flex}.sigil{filter:drop-shadow(0 0 16px #e2652f47);flex:none;place-items:center;width:49px;height:56px;display:grid}.sigil svg{width:32px;height:39px;overflow:visible}.flame-outer{fill:var(--ember);stroke:#f29454;stroke-width:.6px}.flame-inner{fill:#ffc067}.brand-copy{min-width:0}.eyebrow{color:var(--gold);letter-spacing:.18em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:800}h1{color:var(--bone);letter-spacing:.075em;text-shadow:0 2px 18px #000000a6;margin:4px 0 0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:clamp(29px,8vw,39px);font-weight:600;line-height:.95}.brand-rule{align-items:center;gap:9px;margin-bottom:16px;display:flex}.brand-rule:before,.brand-rule:after{background:linear-gradient(90deg, transparent, var(--line-warm));content:"";flex:1;height:1px}.brand-rule:after{background:linear-gradient(90deg, var(--line-warm), transparent)}.brand-rule span{border:1px solid var(--gold);width:5px;height:5px;transform:rotate(45deg)}.identity{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff08, transparent 44%), var(--soot);box-shadow:inset 3px 0 0 var(--ember), 0 10px 35px #0003;border-radius:3px;align-items:center;gap:12px;padding:11px 13px;display:flex}.identity-copy{flex:1;min-width:0}.avatar{border:1px solid var(--gold);object-fit:cover;filter:saturate(.82)contrast(1.05);border-radius:50%;flex:none;width:42px;height:42px}.avatar-fallback{background:var(--ember);color:#fff4e8;place-items:center;font-weight:800;display:grid}.name,.username,.status-panel p{margin:0}.name{color:var(--bone);font-family:Georgia,Cambria,Times New Roman,serif;font-size:17px;font-weight:700}.username{color:var(--ash);margin-top:2px;font-size:11px}.connected-dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #56b7881a,0 0 12px #56b78866}.campaign-section{margin-top:24px}.section-heading,.campaign-title-row,.journal-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading{margin-bottom:10px;padding:0 2px}.section-heading>span,.journal-heading>span{color:#696660;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:700}.slot-list{gap:8px;display:grid}.campaign-slot{border:1px solid var(--line);background:linear-gradient(100deg, var(--iron-raised), #111318);width:100%;min-height:69px;color:var(--bone);text-align:left;border-radius:3px;align-items:center;gap:12px;padding:11px 12px;transition:border-color .16s,transform .16s,background .16s;display:flex;position:relative;overflow:hidden}.campaign-slot:after{content:"";border-top:1px solid #c99b5229;border-right:1px solid #c99b5229;width:24px;height:24px;position:absolute;top:0;right:0}.campaign-slot:not(:disabled):active{transform:scale(.987)}.campaign-slot.selected{background:linear-gradient(90deg, #e2652f1c, transparent 45%), var(--iron-raised);box-shadow:inset 3px 0 0 var(--ember);border-color:#6a4832}.campaign-slot:disabled{color:var(--ash);cursor:default;opacity:.58}.slot-number{width:31px;height:31px;color:var(--gold);background:#121317;border:1px solid #4b3a2d;border-radius:2px;flex:none;place-items:center;font-family:Georgia,Cambria,serif;font-size:14px;font-weight:700;display:grid}.slot-copy{flex:1;min-width:0}.slot-copy strong,.slot-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.slot-copy strong{color:var(--bone);font-family:Georgia,Cambria,Times New Roman,serif;font-size:15px;font-weight:700}.slot-copy small{color:var(--ash);margin-top:5px;font-size:11px}.active-badge,.owner-badge{color:#e3a36c;letter-spacing:.08em;text-transform:uppercase;background:#e2652f17;border:1px solid #5e422f;border-radius:2px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:800}.slot-arrow{color:#70675e;font-family:Georgia,serif;font-size:22px}.campaign-details{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.campaign-title-row h2{color:var(--bone);margin:6px 0 0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:clamp(24px,7vw,30px);font-weight:500;line-height:1.05}.world-context{background:#101216;border:1px solid #292b31;border-radius:3px;align-items:center;gap:11px;margin-top:14px;padding:12px 13px;display:flex}.world-context>span{filter:grayscale()sepia(.6)}.world-context>div{flex:1;min-width:0}.world-context strong,.world-context small{display:block}.world-context strong{color:var(--bone-soft);font-family:Georgia,Cambria,serif;font-size:13px}.world-context small,.world-context time{color:var(--ash);margin-top:3px;font-size:10px}.character-card{background:radial-gradient(circle at 100% 0,#ca7a421a,#0000 40%),linear-gradient(145deg,#191a1f,#111317);border:1px solid #353137;border-radius:3px;margin-top:10px;padding:16px;position:relative;overflow:hidden;box-shadow:0 16px 42px #0000003d}.character-card:before{background:linear-gradient(90deg, var(--ember), transparent);content:"";width:70px;height:1px;position:absolute;top:0;left:20px}.character-heading{align-items:center;gap:12px;display:flex}.class-emblem{background:#101115;border:1px solid #54402f;border-radius:50%;place-items:center;width:45px;height:45px;font-size:21px;display:grid;box-shadow:inset 0 0 16px #e2652f14}.character-heading h3,.character-heading p{margin:0}.character-heading h3{color:var(--bone);font-family:Georgia,Cambria,serif;font-size:20px;font-weight:600}.character-heading p{color:var(--ash);margin-top:3px;font-size:11px}.vitals{grid-template-columns:minmax(0,1fr) 82px;gap:9px;margin-top:15px;display:grid}.health-vital,.armor-vital{background:#0e1013;border:1px solid #292b30;border-radius:2px;padding:10px}.vital-label,.armor-vital{justify-content:space-between;align-items:center;gap:8px;display:flex}.vitals span{color:var(--ash);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:800}.vitals strong{color:var(--bone);font-size:13px}.health-track{background:#292326;height:4px;margin-top:9px;overflow:hidden}.health-track>span{background:linear-gradient(90deg, var(--blood), #d85a40);height:100%;display:block;box-shadow:0 0 9px #d85a4066}.stats-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:9px;display:grid}.stats-grid>div{background:#0e1013;border:1px solid #292b30;border-radius:2px;place-items:center;gap:4px;min-width:0;padding:8px 2px;display:grid}.stats-grid span{color:#756f67;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;font-weight:800}.stats-grid strong{color:var(--bone-soft);font-family:Georgia,Cambria,serif;font-size:14px}.journal{margin-top:22px}.journal-heading{margin-bottom:9px;padding:0 2px}.journal-events{scrollbar-color:#44352c transparent;scrollbar-width:thin;gap:9px;max-height:420px;padding:2px 3px 2px 2px;display:grid;overflow-y:auto}.journal-event{background:#111317;border:1px solid #292b30;width:93%;padding:11px 13px 12px;position:relative}.journal-event.dm{border-left:2px solid var(--gold);justify-self:start}.journal-event.player{border-right:2px solid var(--ember);background:#171517;justify-self:end}.journal-event strong{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:block}.journal-event.player strong{color:#d68258}.journal-event p{color:var(--bone-soft);white-space:pre-wrap;margin:0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:14px;line-height:1.52}.journal-empty,.empty-state{color:var(--ash);text-align:center;border:1px dashed #353238;padding:22px;font-family:Georgia,Cambria,serif;font-size:13px}.empty-state{align-content:center;place-items:center;gap:8px;min-height:140px;margin-top:18px;display:grid}.empty-state p{margin:0}.compact-empty{min-height:auto;padding:15px}.turn-form{background:linear-gradient(135deg,#e2652f0d,#0000 45%),#111317;border:1px solid #343137;border-radius:3px;margin-top:16px;padding:15px;box-shadow:0 15px 45px #0003}.turn-form label{color:var(--gold);margin-bottom:9px;font-family:Georgia,Cambria,serif;font-size:15px;font-weight:600;display:block}.turn-form textarea{resize:vertical;width:100%;min-height:92px;max-height:190px;color:var(--bone);background:#090b0e;border:1px solid #34353a;border-radius:2px;outline:none;padding:12px 13px;font-family:Georgia,Cambria,Times New Roman,serif;font-size:15px;line-height:1.45;transition:border-color .15s,box-shadow .15s;display:block}.turn-form textarea:focus{border-color:#7a4a30;box-shadow:0 0 0 2px #e2652f17}.turn-form textarea::placeholder{color:#65615b}.turn-form-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.turn-form-footer>span{color:#5f5c57;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.continue-button{color:#fff5e9;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#e87339,#b94b26);border:1px solid #f18a52;border-radius:2px;min-width:145px;padding:12px 16px;font-size:12px;font-weight:800;transition:filter .15s,opacity .15s,transform .15s;box-shadow:0 6px 20px #c44c223d}.continue-button:not(:disabled):active{filter:brightness(1.1);transform:translateY(1px)}.continue-button:disabled{cursor:default;filter:grayscale(.55);opacity:.45}.turn-hint,.turn-error{margin:9px 0 0;font-size:10px;line-height:1.45}.turn-hint{color:var(--ash)}.turn-error{color:#e97868}.status-panel,.overview-loading{min-height:190px;color:var(--ash);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.status-panel.error{color:#e9897c;background:#7a2a251f;border:1px solid #5d302d;min-height:auto;padding:18px}.loader{border:2px solid #2f2a28;border-top-color:var(--ember);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=360px){.app-shell{padding-inline:10px}.active-badge{display:none}.stats-grid{gap:3px}.turn-form{padding:12px}.continue-button{min-width:130px;padding-inline:12px}}@media (width>=700px){.app-shell{padding-top:32px}.card{background:#07080a6b;border:1px solid #c99b521f;padding:20px 24px 28px;box-shadow:0 35px 100px #00000061}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:1.8s}.campaign-slot,.continue-button{transition:none}}