@font-face{font-family:StudioSerif;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#131916;color:#e6e7de;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}body{--muted:#929f94;--line:#303a31;--panel:#1b231d;--gold:#d3b77b;--green:#b4cd9e}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:1px solid var(--line);background:#253027;color:#e4e8dd;border-radius:6px;padding:9px 13px;transition:background .15s,transform .15s}button:hover{background:#354337}button:disabled{opacity:.4;cursor:default}.primary{background:#c5d8af;color:#1b281c;border-color:#c5d8af;font-weight:650}.primary:hover{background:#dfebcd}.gold{color:var(--gold)}.danger{color:#edaaa0}.ghost{background:transparent;border-color:transparent}.small{padding:6px 9px;font-size:12px}.icon-btn{padding:7px;min-width:32px}a{color:#c4d4ac;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin-top:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:36px;letter-spacing:-1px;line-height:1.2;margin-bottom:12px}h2{font-size:27px;margin-bottom:12px}h3{font-size:15px;font-weight:550}p{line-height:1.7}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#c3b17e;text-transform:uppercase;display:block;margin-bottom:14px}.boot{display:grid;place-content:center;height:100vh;text-align:center;font-family:Georgia;font-size:32px;color:var(--gold)}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{position:fixed;width:228px;left:0;top:0;bottom:0;border-right:1px solid var(--line);padding:29px 18px 18px;display:flex;flex-direction:column;background:#171f19;z-index:20}.brand{font-family:Georgia;font-size:25px;color:#ececda;letter-spacing:-1px;display:flex;gap:9px;align-items:center}.brand svg{width:30px;height:35px}.brand em{font-style:normal;color:var(--gold)}.by{font-size:10px;letter-spacing:2px;color:#9b9f88;margin:7px 0 32px 40px}.nav-label{font-size:9px;letter-spacing:2px;color:#7d8c7f;margin:23px 10px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{text-align:left;background:transparent;border:none;padding:13px 12px;color:#a5b1a4;display:flex;gap:12px;align-items:center}.nav button.active{color:#d9e6c7;background:#2a3729;box-shadow:inset 2px 0 #c6d9ab}.nav b{font-size:19px;width:23px;font-weight:400}.nav .count{margin-left:auto;font-size:11px;color:#73846d}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#3d4935;color:#d5c793;flex-shrink:0}.main{grid-column:2;min-width:0}.topbar{height:73px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;gap:18px;background:#171e19;position:sticky;top:0;z-index:15}.world-select{background:none;border:none;color:#e1e4d6;font-size:13px;max-width:260px}.top-right{margin-left:auto;display:flex;gap:12px;align-items:center}.save-status{font-size:10px;color:#9aad8a}.content{padding:34px 36px 45px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.page-head p{color:#9da99c;margin:0;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hero{position:relative;border:1px solid #46503a;border-radius:9px;overflow:hidden;min-height:273px;display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(120deg,#2a3626,#1c281f)}.hero-copy{padding:35px;position:relative;z-index:2}.hero h1{font-size:43px;color:#f1ebd7;max-width:500px}.hero p{font-size:13px;color:#b9c2ad;max-width:470px;margin-bottom:23px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#62705a55,transparent 70%)}.hero-art svg{position:absolute;right:-30px;bottom:0;width:115%;height:100%;opacity:.95}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,#141e1220)}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #4c5940;background:#323e2b;color:#c5d4b2;border-radius:4px;padding:4px 8px;font-size:10px;white-space:nowrap}.pill.red{background:#452b25;border-color:#664039;color:#e1b0a2}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:21px 0 32px}.stat-card{border:1px solid var(--line);border-radius:7px;background:#1b241d;padding:18px;display:flex;gap:15px;align-items:center;cursor:pointer}.stat-card .symbol{font-size:25px;color:#a7bd92;background:#2b3728;border-radius:7px;padding:9px}.stat-card strong{font-size:27px;font-family:Georgia;font-weight:400}.stat-card small{display:block;font-size:11px;margin-top:4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font-size:23px;margin:0}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:23px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;min-width:0}.card-body{padding:19px}.card p{color:#a6b0a1;font-size:12px;margin:8px 0 15px}.card-top{height:182px;background:#b7bb8d;overflow:hidden;position:relative;cursor:pointer}.card-top svg{width:100%;height:100%}.card-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-title h3{font-family:Georgia;font-size:20px;margin:0}.card-bottom{padding-top:14px;margin-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#92a089}.list-card{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.list-row{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center;cursor:pointer}.list-row:last-child{border-bottom:0}.list-row:hover{background:#252e23}.list-row h3{margin:0 0 6px;font-size:13px}.list-row p{margin:0;color:#8f9c8e;font-size:11px;line-height:1.5}.list-row .arrow{margin-left:auto;color:#b3c39e}.divider{height:1px;background:var(--line);margin:23px 0}.empty{border:1px dashed #475240;border-radius:8px;padding:40px;text-align:center;color:#98a58f}.empty h3{color:#d6decb;font-family:Georgia;font-size:24px}.empty p{font-size:12px}.footer-note{display:flex;align-items:center;justify-content:space-between;color:#6f7e70;font-size:10px;margin-top:35px;gap:15px}.workspace{display:grid;grid-template-columns:1fr 310px;gap:18px}.map-wrap{background:#b7bd90;border-radius:7px;overflow:hidden;border:1px solid #6e785e;position:relative;min-height:450px}.map-wrap svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.map-stage{height:calc(100vh - 245px);min-height:450px}.map-controls{position:absolute;left:14px;bottom:14px;display:flex;gap:3px;z-index:2}.map-controls button{background:#172119e8;border-color:#4e5e49}.map-legend{position:absolute;right:14px;bottom:15px;padding:7px 10px;background:#efe6c9d9;border:1px solid #9e987b;color:#5d5b46;font-size:10px;pointer-events:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:19px;min-width:0}.panel h3{font-size:13px;color:#d5ddca;margin-bottom:16px}.panel-scroll{max-height:calc(100vh - 245px);overflow:auto;scrollbar-width:thin}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tool-grid button{padding:8px 4px;font-size:11px}.selected{border-color:#b7ce9f!important;background:#354730!important;color:#d9ebc7!important}.swatch{width:13px;height:13px;border-radius:3px;display:inline-block;vertical-align:middle;margin-right:5px}.tool-note{font-size:10px;color:#8f9e87;line-height:1.7;margin-top:11px}.building-list{display:flex;flex-direction:column;gap:5px;margin-top:14px}.building-list button{text-align:left;font-size:11px;background:transparent;padding:8px}.building-list span{color:var(--gold);margin-right:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#aeb9a4}.field input,.field textarea,.field select,.input{width:100%;padding:10px 11px;border:1px solid #3b4838;border-radius:5px;background:#141c16;color:#e4e7dc;min-width:0}.field textarea{min-height:95px;resize:vertical;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{border-color:#adc18d}.field input[type=checkbox]{width:auto;align-self:start}.field select option{background:#1e2a20}.modal-backdrop{position:fixed;inset:0;background:#080f0ad9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{width:min(730px,100%);max-height:92vh;overflow:auto;background:#1b251e;border:1px solid #4b5941;border-radius:10px;box-shadow:0 25px 100px #0008}.modal.wide{width:min(1120px,100%)}.modal-header{position:sticky;top:0;background:#1b251ef5;border-bottom:1px solid var(--line);padding:21px 25px;display:flex;align-items:center;justify-content:space-between;z-index:3}.modal-header h2{font-size:26px;margin:0}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:space-between;gap:10px;padding:18px 25px;border-top:1px solid var(--line);background:#172019}.tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tabs button{background:transparent;border-color:transparent;color:#9eac94;padding:8px 11px;font-size:12px}.tabs button.active{background:#33412c;color:#d5e6bd}.subhead{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9cae8d;margin:23px 0 13px}.floor-map{height:350px;background:#ded5b6;border-radius:6px;overflow:hidden}.floor-map svg{height:100%;width:100%;touch-action:none}.inventory-row{display:grid;grid-template-columns:1fr 60px 90px 1fr 34px;gap:7px;margin:7px 0;align-items:center}.inventory-row input{padding:8px;font-size:11px}.inventory-row .field label{font-size:9px}.sheet-header{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:24px}.portrait{width:65px;height:75px;border:1px solid #5e704a;border-radius:8px;background:radial-gradient(circle at 40% 35%,#728461,#303f30 70%);display:grid;place-items:center;font-family:Georgia;font-size:35px;color:#e2d5aa;flex-shrink:0}.character-card .portrait{width:100%;height:130px;border-radius:0;border:none;font-size:60px;position:relative;overflow:hidden}.character-card .portrait:after{content:'✧';position:absolute;right:15px;top:15px;font-size:90px;color:#e8dcb214}.character-card .portrait.c1{background:radial-gradient(ellipse at 30% 20%,#596b77,#29363b)}.character-card .portrait.c2{background:radial-gradient(ellipse at 30% 20%,#8a7255,#443c2b)}.character-card .portrait.c3{background:radial-gradient(ellipse at 30% 20%,#6b6782,#343142)}.ability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:15px 0}.ability{border:1px solid #48543c;border-radius:6px;text-align:center;padding:12px 6px;background:#202c21}.ability label{display:block;font-size:9px;color:#aabb9b;margin-bottom:8px}.ability input{width:100%;background:transparent;border:none;text-align:center;color:#e6e5cc;font-family:Georgia;font-size:27px}.ability strong{display:block;font-size:12px;color:#bdccaa}.sheet-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.metric{text-align:center;padding:13px;border:1px solid var(--line);border-radius:6px;background:#152018}.metric strong{font-family:Georgia;font-weight:400;font-size:27px;display:block}.metric span{font-size:10px;color:#9fb08d}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px}.skill-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #2b392a;padding:8px 0;font-size:12px}.skill-row select{background:#202d21;color:#c5d9b0;border:1px solid #41513b;padding:3px;width:44px;border-radius:4px}.skill-row button{margin-left:auto;padding:3px 8px;font-size:11px}.table{width:100%;border-collapse:collapse;font-size:12px}.table td,.table th{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line)}.table th{font-size:10px;font-weight:400;color:#98a88d}.table input,.table select{background:#152018;color:#dfe4d4;border:1px solid #35462f;padding:7px;border-radius:4px;width:100%;min-width:45px}.table-wrap{overflow:auto}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.slot{border:1px solid var(--line);padding:9px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.slot input{width:38px;padding:4px;background:#111b13;color:#dae6c8;border:1px solid #405235}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.column{background:#172019;border:1px solid #2e3a2e;border-radius:7px;padding:13px;min-height:300px}.column-head{font-size:10px;letter-spacing:1.5px;color:#a0b18f;padding:5px 3px 17px;display:flex;justify-content:space-between}.plot-card{padding:18px;border:1px solid #3a4633;border-radius:6px;background:#222d22;cursor:pointer;margin-bottom:12px}.plot-card h3{font-family:Georgia;font-size:21px;line-height:1.3;margin:12px 0 8px}.plot-card p{font-size:12px;color:#9dab95;margin:8px 0;line-height:1.65}.plot-card .progress{height:3px;border-radius:3px;background:#384831;margin:16px 0 10px}.plot-card .progress i{display:block;height:100%;background:#b4c994}.checklist{display:flex;flex-direction:column;gap:7px}.checklist label{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.6;color:#bac9ac}.checklist input{accent-color:#b4cc96}.battle-stage{height:calc(100vh - 260px);min-height:440px;background:#bebc91;overflow:hidden;border-radius:7px}.battle-stage svg{width:100%;height:100%;touch-action:none;user-select:none}.turn-card{padding:12px;border:1px solid var(--line);border-radius:6px;margin:7px 0;cursor:pointer}.turn-card.active-turn{border-color:#b2c891;background:#2d3d27}.turn-card.selected-token{box-shadow:inset 3px 0 #d7ba7a}.turn-card .hp-bar{height:4px;background:#49352b;border-radius:3px;margin-top:10px}.hp-bar i{display:block;height:100%;background:#8ea573}.turn-card strong{font-size:12px}.turn-card small{font-size:10px}.turn-card .row{display:flex;justify-content:space-between;gap:6px}.battle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.battle-actions button{font-size:11px;padding:8px 5px}.journal{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:5px;margin-top:12px}.journal-row{padding:11px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;color:#becbb0}.journal-row small{font-size:9px;display:block;color:#71856b}.conditions{display:flex;gap:5px;flex-wrap:wrap}.condition{font-size:9px;padding:3px 5px;background:#4a3828;color:#dbbc90;border-radius:3px}.note-text{white-space:pre-wrap;font-size:13px;color:#b9c5af;line-height:1.85}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-scene{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:45px 55px;background:#253222}.login-scene>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.4}.login-brand,.login-quote{position:relative;z-index:2}.login-quote h1{font-size:57px;max-width:550px;line-height:1.13;color:#e7e5c9}.login-quote p{color:#bec8ae;font-size:13px;max-width:370px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form form{width:330px}.login-form h2{font-size:34px;margin:10px 0 15px}.login-form p{font-size:12px;color:#96a58b;margin-bottom:32px}.login-form .field{margin-bottom:20px}.login-form button{width:100%;margin-top:7px;padding:13px}.login-form small{display:block;font-size:10px;line-height:1.8;margin-top:24px;color:#74866b}.error{color:#eca89c;font-size:12px;line-height:1.6}.toast{position:fixed;right:25px;bottom:25px;padding:14px 20px;background:#33432d;border:1px solid #7e9667;color:#e1ebcf;border-radius:7px;z-index:200;max-width:min(500px,90vw);box-shadow:0 12px 30px #0005;font-size:12px;line-height:1.6}.toast.error-toast{background:#442c25;border-color:#b97e64}.search{max-width:270px;margin-bottom:20px}.mobile-toggle{display:none}.badge-key{font-family:monospace;border:1px solid #46543c;padding:2px 5px;border-radius:3px;font-size:10px;color:#b3c2a1}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid p{color:#a5b59a;font-size:12px}.login .by{margin-left:40px}.floor-label{font-size:10px;pointer-events:none}.checkbox-inline{display:flex;gap:8px;align-items:center;font-size:12px;color:#b6c4a8}.checkbox-inline input{accent-color:#b9d09d}.world-list-row{display:flex;justify-content:space-between;padding:15px;border:1px solid var(--line);border-radius:6px;margin-bottom:10px}.stat-label{font-size:10px;color:#9caf8b}.battle-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.battle-toolbar button{font-size:11px}.print-only{display:none}.inline-error{padding:12px 20px;background:#542e26;color:#f2c4b4;font-size:12px;display:flex;gap:10px;align-items:center}.saving-spinner{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.content{padding:40px 48px}.topbar{padding:0 48px}.hero{min-height:310px}.hero h1{font-size:48px}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{width:190px;padding:25px 12px}.brand{font-size:21px}.content{padding:25px 23px}.topbar{padding:0 23px}.workspace{grid-template-columns:1fr 270px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:27px}.hero h1{font-size:36px}.stats-row{gap:8px}.stat-card{padding:12px;gap:10px}.stat-card .symbol{font-size:20px;padding:5px}.stat-card strong{font-size:23px}.kanban{gap:10px}.plot-card{padding:13px}}@media(max-width:800px){.shell{display:block}.sidebar{display:none;width:230px;box-shadow:20px 0 100px #000a}.sidebar.open{display:flex}.mobile-toggle{display:block}.topbar{height:62px;padding:0 16px;gap:5px}.top-right{gap:3px}.top-right .hide-mobile{display:none}.world-select{max-width:190px}.content{padding:23px 16px}.page-head{align-items:flex-start}.page-head h1{font-size:29px}.page-head .actions{justify-content:flex-end}.page-head .actions button{font-size:11px;padding:8px}.hero{grid-template-columns:1fr;min-height:290px}.hero-copy{padding:25px;max-width:80%}.hero h1{font-size:35px}.hero-art{position:absolute;right:0;bottom:0;width:60%;height:70%;opacity:.35}.hero-copy p{font-size:12px}.stats-row{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.workspace{display:flex;flex-direction:column}.workspace>.panel{max-height:none}.panel-scroll{max-height:none}.map-stage{height:56vh;min-height:350px}.map-wrap{min-height:350px}.kanban{grid-template-columns:1fr}.column{min-height:100px}.ability-grid{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal-header,.modal-body,.modal-footer{padding:18px}.form-grid{gap:12px}.inventory-row{grid-template-columns:1fr 45px 65px 30px}.inventory-row .url-field{grid-column:1/4}.skills-list{grid-template-columns:1fr}.sheet-metrics{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.login-scene{min-height:240px;padding:25px}.login-quote h1{font-size:36px;margin-top:25px}.login-quote p{display:none}.login-form{padding:35px 25px}.login .by{margin-bottom:0}.help-grid{grid-template-columns:1fr}.battle-stage{height:55vh;min-height:350px}.footer-note{font-size:9px}.slot-grid{grid-template-columns:repeat(2,1fr)}}@media print{body{background:white;color:black}.sidebar,.topbar,.page-head,.modal-header button,.modal-footer,.tabs,button,.footer-note{display:none!important}.shell{display:block}.content{padding:0}.modal-backdrop{position:static;background:white;padding:0;display:block}.modal{max-height:none;overflow:visible;border:none;width:100%;background:white}.modal-body{padding:0;color:black}.panel,.ability,.metric{background:white;color:black;border:1px solid #999}.field input,.field textarea,.field select,.ability input,.table input,.table select{background:white;color:black}.field label,.muted,small,.note-text{color:#333}.print-only{display:block}#app:has(+ #modal-root .modal){display:none}.skills-list{grid-template-columns:1fr 1fr}.field textarea{height:100px}.modal-header{position:static;background:white}.ability strong,.metric span{color:black}.slot-grid{grid-template-columns:repeat(3,1fr)}}
.drawer-backdrop{justify-content:flex-end;padding:0}.modal.drawer{width:min(840px,94vw);height:100vh;max-height:100vh;border-radius:10px 0 0 10px}.modal.drawer .modal-footer{position:sticky;bottom:0;z-index:3}@media(max-width:800px){.modal.drawer{width:100vw;border-radius:0}}
[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.panel-scroll{max-height:none}.map-stage{height:60vh}.sidebar .brand{gap:5px}.sidebar .brand svg{width:24px}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.inventory-row input:focus{border-color:#adc28f}.card-top:hover{filter:brightness(1.04)}