:root{color-scheme:dark;--bg:#101212;--panel:#171a1a;--line:#303432;--text:#e4e5de;--muted:#a4aaa4;--accent:#c18768;--accent-dark:#2f231e;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{border:1px solid #414640;background:#202523;color:var(--text);padding:10px 16px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:.875rem;transition:background .18s,border-color .18s}button:hover,.button:hover{background:#303731;border-color:#778071}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#191512;font-weight:650}.primary:hover{background:#dda287;border-color:#dda287}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.muted,small{color:var(--muted)}small{font-size:.8125rem;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500}h1{font-family:Georgia,serif;font-size:2.7rem;letter-spacing:-.035em}h2{font-size:1.3rem}h3{font-size:1rem}p{line-height:1.65}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;margin-bottom:18px}input,textarea,select{width:100%;padding:11px 12px;background:#101413;border:1px solid #424943;border-radius:4px;color:var(--text);min-width:0}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.check{flex-direction:row;align-items:center;margin-top:18px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:650;color:#b5bcae}.wordmark{display:flex;align-items:center;gap:12px}.brand{font-size:1.55rem;letter-spacing:.25em;font-family:Georgia,serif}.sigil{font-family:Georgia,serif;color:var(--accent);font-size:2.5rem;line-height:1;transform:scaleX(.8)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:65px;background:radial-gradient(ellipse at 10% 100%,#384b4144,transparent 65%),linear-gradient(150deg,#242a25,#111714 75%);border-right:1px solid var(--line)}.auth-story .wordmark .eyebrow{margin-left:auto}.auth-story h1{font-size:clamp(3.5rem,5.7vw,6rem);line-height:1.08;margin-bottom:26px}.auth-story p:not(.eyebrow){font-size:1.1rem;color:var(--muted)}.case-label{display:flex;gap:25px;align-items:center;font-size:.75rem;letter-spacing:.12em;border-top:1px solid #454b40;margin-top:50px;padding-top:22px;color:var(--accent)}.case-label span{color:var(--text)}.auth-panel{display:grid;place-items:center;padding:45px}.auth-card{width:min(100%,440px);margin:auto;padding:20px}.auth-card h2{font-family:Georgia,serif;font-size:2.1rem}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.auth-card form{margin-top:30px}.auth-card small{display:block;margin-top:20px}.text-button{border:0;background:none;color:var(--accent);padding-left:0;margin-top:15px}.form-error{color:#efaa9a;font-size:.875rem}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{background:#141717;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar>.eyebrow{margin-top:48px;margin-bottom:15px;color:#8e968d}.campaign-name{font:1.7rem/1.1 Georgia,serif}.campaign-name>span{display:block;font: .65rem/1.5 system-ui;letter-spacing:.13em;color:var(--muted);margin-top:15px}.sidebar nav{margin:32px -8px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:12px 10px;margin:4px 0;color:#b2b9b1;font-size:.875rem}.nav-item>span{font-size:1.2rem;width:20px}.nav-item.selected{color:#edbc99;border-color:#5a493b;background:#2a251f}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{font-size:.8rem}.user{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;display:flex;align-items:center;gap:9px;font-size:.875rem}.user>div{min-width:0;overflow-wrap:anywhere}.user small{display:block;font-size:.75rem}.user button{border:0;background:none;padding:5px;margin-left:auto}.avatar-small{display:grid;place-items:center;min-width:30px;height:32px;background:#343a30;border-radius:4px}.workspace{min-width:0;display:flex;flex-direction:column}header{min-height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;font-size:.875rem}.header-divider{margin:0 18px;color:#50584e}.header-actions{display:flex;gap:16px;align-items:center}.header-actions .muted{font-size:.75rem}.badge{font-size:.65rem;letter-spacing:.1em;color:#c1c5b8;border:1px solid #505743;padding:5px 7px;border-radius:3px;white-space:nowrap}main#main{flex:1}footer{padding:16px 28px;display:flex;gap:20px;justify-content:space-between;color:#99a18f;font-size:.75rem;border-top:1px solid var(--line)}footer>span:first-child{letter-spacing:.07em}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;min-height:calc(100vh - 125px)}.stage-column{padding:25px;min-width:0}.scene-stage{min-height:400px;height:49vh;max-height:680px;position:relative;overflow:hidden;border:1px solid #475042;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:radial-gradient(ellipse at 65% 10%,#6a77503b,transparent 60%),linear-gradient(135deg,#242e28,#141917 65%,#353328)}.scene-stage:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse,#9fa8831c,transparent 58%);animation:drift 19s ease-in-out infinite alternate;pointer-events:none}.mood-rain{background:radial-gradient(ellipse at 70% 0%,#59717766,transparent 75%),#151e21}.mood-dark{background:radial-gradient(ellipse at 10% 90%,#554e3866,transparent 60%),#141411}.mood-rust{background:radial-gradient(ellipse at 80% 15%,#9e542344,transparent 65%),#211c18}.mood-veil{background:radial-gradient(ellipse at 50% 10%,#912b2444,transparent 65%),#1c1111}.paused:before{animation-play-state:paused}.scene-top,.scene-bottom{position:relative;display:flex;justify-content:space-between;gap:18px;align-items:center}.scene-top>.eyebrow{font-size:.7rem;text-align:right}.scene-tag{font-size:.65rem;letter-spacing:.12em;padding:7px 10px;border:1px solid #767c614f;border-radius:3px;white-space:nowrap;background:#13171377}.scene-title{position:relative;margin:45px 0 28px;max-width:630px}.scene-title>.eyebrow{color:#c6ad8b;letter-spacing:.23em}.scene-title h1{font-size:clamp(2.5rem,3.8vw,4.3rem);line-height:1.08;text-wrap:balance;margin-bottom:23px}.scene-title>p:last-child{color:#c6cbbd;max-height:140px;overflow:auto;white-space:pre-wrap;font-size:.95rem}.scene-bottom .muted{font-size:.7rem;letter-spacing:.12em}.scene-bottom button{font-size:.75rem;background:#10151144}.small-divider{margin:0 8px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 20px}.table-toolbar>div{display:flex;align-items:center;gap:12px}.table-toolbar .muted{font-size:.8rem}.character-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.character-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px 13px;background:#191e1b;border-color:#343d32;min-width:0}.portrait{height:70px;width:100%;display:flex;align-items:center;justify-content:center;font:2rem Georgia,serif;letter-spacing:.12em;color:#b1b8a3;background:linear-gradient(130deg,#353d30,#212923);border-bottom:1px solid #4f594340;margin-bottom:15px}.character-name{font-size:.875rem;font-weight:600;line-height:1.5}.character-card .muted{font-size:.75rem;margin-top:3px}.character-owner{font-size:.75rem;color:#c6a485;margin-top:13px;line-height:1.5}.session-note{display:flex;gap:15px;align-items:center;color:var(--muted);margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.session-note>span{font-size:1.6rem;color:var(--accent)}.session-note p{font-size:.8rem;margin:0}.session-note strong{color:#c2c5b9;margin-right:8px;font-weight:500}.session-panel{display:flex;flex-direction:column;border-left:1px solid var(--line);background:#151918;max-height:calc(100vh - 125px);position:sticky;top:0;min-height:550px}.panel-heading{padding:25px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.panel-heading h2{font-size:.95rem;margin:0}.log{padding:12px 20px;flex:1;overflow-y:auto;min-height:180px;scrollbar-width:thin}.empty-log{text-align:center;padding:65px 10px;color:var(--muted)}.empty-log>span{font-size:2.8rem;color:#68705d;display:block;margin-bottom:25px}.empty-log h3{font:1.25rem Georgia,serif;color:#ced0c4}.empty-log p{font-size:.875rem}.session-panel form{padding:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.session-panel form select,.session-panel form textarea{font-size:.875rem}.log-item{padding:18px 0;border-bottom:1px solid #2c342e;font-size:.875rem;overflow-wrap:anywhere}.log-meta{display:flex;gap:8px;align-items:center;color:#c7cebd;font-size:.75rem;margin-bottom:8px}.log-meta strong{font-weight:600}.log-meta time{margin-left:auto;font-size:.7rem;color:var(--muted)}.log-item p{margin-bottom:4px;white-space:pre-wrap}.log-item.ic p{font-family:Georgia,serif;font-size:1rem;color:#e0c5a8}.roll-label{font-size:.75rem;color:var(--muted)}.roll-result{display:flex;align-items:center;gap:10px;margin:14px 0}.die{display:grid;place-items:center;width:40px;height:43px;clip-path:polygon(50% 0,100% 25%,90% 80%,50% 100%,10% 80%,0 25%);background:#3c4637;color:#e6dfc5;font-size:1.1rem}.roll-result>strong{margin-left:auto;font:2rem Georgia,serif;color:#dbb793}.outcome{font-size:.8rem;color:#c3cbb1}.page{padding:35px;max-width:1300px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading h1{margin-bottom:12px}.page-heading p{margin-bottom:0}.page-heading .eyebrow{margin-bottom:13px}.notice{border:1px solid #68523a;background:#30271c;color:#dfcba9;padding:16px 18px;border-radius:4px;font-size:.875rem;line-height:1.7;margin-bottom:24px}.characters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.characters-grid .portrait{height:155px;font-size:3rem}.scene-list{border-top:1px solid var(--line)}.scene-row{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.scene-number{font:2rem Georgia,serif;color:#77826c}.scene-row>div:nth-child(2){flex:1}.scene-row h2{font-family:Georgia,serif;font-size:1.5rem;margin:8px 0}.scene-row p{font-size:.875rem;margin:3px 0}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.entry{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow-wrap:anywhere}.entry h2{margin-top:15px;font-family:Georgia,serif;font-size:1.6rem}.entry p{white-space:pre-wrap}.empty-page{text-align:center;padding:90px 20px;color:var(--muted);border:1px dashed #424a3d}.empty-page>span{font-size:2.5rem;display:block;margin-bottom:20px}dialog{color:var(--text);background:#191e1b;border:1px solid #626b56;border-radius:8px;padding:28px;width:min(650px,calc(100% - 32px));max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#050908b8;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.modal-head h2{font:1.8rem Georgia,serif;margin:0}.modal-head button{border:0;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attributes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.attributes label{margin:0;background:#222a22;padding:8px;border-radius:4px}.attribute-roll{border:0;background:none;padding:4px 0 9px;color:#d3b697;text-align:left;font-size:.75rem}.attributes input{text-align:center;padding:8px 4px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:13px 22px;border:1px solid #a08a6c;background:#30372b;color:#f3ecdc;border-radius:6px;z-index:10000;max-width:90vw;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:var(--panel)}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-size:.875rem}th{color:#c6b49b}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.loading{text-align:center;padding:20vh 20px}@keyframes drift{from{transform:translate(-13%,-10%) rotate(-15deg)}to{transform:translate(15%,12%) rotate(10deg)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(min-width:1600px){.stage-column{padding:35px}.scene-stage{min-height:510px}.table-layout{grid-template-columns:minmax(0,1fr) 360px}.character-card{padding:18px}.portrait{height:110px}}@media(max-width:1150px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:24px 13px}.table-layout{grid-template-columns:minmax(0,1fr) 280px}.stage-column{padding:18px}.header-actions .muted{display:none}header{padding:18px}.character-strip{grid-template-columns:repeat(2,1fr)}.scene-stage{min-height:390px}.scene-top{align-items:flex-start}.table-toolbar{align-items:flex-start;flex-direction:column}.characters-grid{grid-template-columns:repeat(2,1fr)}.scene-row{flex-wrap:wrap}.scene-row .row-actions{margin-left:55px}.page{padding:25px}}@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:280px;padding:30px;gap:30px}.auth-story h1{font-size:3rem}.auth-story>small,.case-label{display:none}.auth-story p:not(.eyebrow){display:none}.auth-panel{padding:25px}.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-bottom:1px solid var(--line);padding:12px 18px;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.sidebar>.eyebrow,.campaign-name,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-wrap:wrap;margin:0 0 0 auto;gap:2px}.nav-item{width:auto;padding:9px;font-size:.8rem;margin:0}.nav-item>span{display:none}.sidebar .wordmark{gap:5px}.brand{font-size:1.1rem}.sigil{font-size:1.8rem}.table-layout{grid-template-columns:1fr}.session-panel{position:static;max-height:600px;min-height:450px;border-top:1px solid var(--line);border-left:0}.scene-stage{height:auto;min-height:420px}.character-strip{grid-template-columns:repeat(4,1fr)}header{flex-wrap:wrap;gap:14px}.header-actions{margin-left:auto}.page-heading{align-items:flex-start;flex-direction:column}.table-toolbar{flex-direction:row;align-items:center}.entries{grid-template-columns:1fr}footer{flex-wrap:wrap}.auth-story .wordmark .eyebrow{display:block}}@media(max-width:500px){.sidebar nav{width:100%;justify-content:space-between}.nav-item{font-size:.75rem;padding:8px 4px}.scene-stage{padding:18px}.scene-title h1{font-size:2.8rem}.scene-top{flex-direction:column;gap:12px}.scene-top>.eyebrow{text-align:left}.character-strip,.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{align-items:flex-start;flex-direction:column}.scene-bottom{flex-wrap:wrap}.attributes{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr;gap:0}.scene-row{gap:15px}.scene-row .row-actions{margin-left:0}.header-divider{margin:0 9px}.page{padding:22px 18px}h1{font-size:2.3rem}.entry{padding:18px}.row-actions{gap:8px}.scene-title>p:last-child{max-height:180px}}
@media(max-width:850px){.shell .sidebar .sidebar-bottom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shell .sidebar .sidebar-bottom .user{margin:0;padding:0;border:0}.shell .sidebar .sidebar-bottom .nav-item{font-size:.8rem}.shell .sidebar .sidebar-bottom>label{margin:0;max-width:220px}}.ruleset-card{margin-bottom:25px}.ruleset-card h2{margin-top:10px}.ruleset-card code{font-size:.8rem}#ruleset-form textarea{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.sidebar .brand{font-size:1.25rem;letter-spacing:.14em}

.character-entry{display:flex;flex-direction:column;gap:8px;min-width:0}.character-entry .character-card{width:100%;flex:1}.character-entry>[data-customize-character]{width:100%}

.metahuman-editor .metahuman-workspace[hidden],.character-anatomy-panel[hidden]{display:none}.character-anatomy-panel iframe{width:100%;height:68vh;border:1px solid var(--border,#485246);border-radius:6px}.character-anatomy-panel{width:100%;min-width:0}.character-anatomy-panel>p{font-size:13px;color:var(--muted,#bec7bd)}