:root{font-family:Inter,system-ui,sans-serif;color:#e8e1d4;background:#0c0b0a;font-synthesis:none;--gold: #d6b667;--gold-bright: #ecd486;--ink: #0c0b0a;--panel: #171412;--panel-soft: #211d19;--line: rgba(222, 198, 141, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{width:100%;height:100%;background:#0c0b0a}.topbar{height:72px;display:flex;align-items:center;gap:18px;padding:0 20px;background:linear-gradient(180deg,#201b17,#151210);border-bottom:1px solid var(--line);box-shadow:0 5px 24px #0009;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:228px;border:0;background:none;padding:0;text-align:left;cursor:pointer}.brand-mark{width:39px;height:46px;display:grid;place-items:center;font:700 27px Georgia,serif;color:var(--gold-bright);border:1px solid #8f783f;clip-path:polygon(50% 0,100% 16%,91% 82%,50% 100%,9% 82%,0 16%);background:#292119}.brand strong,.brand small{display:block;font-family:Georgia,serif;letter-spacing:.12em;text-transform:uppercase}.brand strong{color:#f0e7d5;font-size:17px;line-height:1}.brand small{color:#9f8e76;font-size:9px;margin-top:6px}.brand small b{color:var(--gold);font-weight:600;margin-left:4px;letter-spacing:.04em}.toolbar{height:100%;flex:1;display:flex;justify-content:center;align-items:center;gap:4px}.tool-button{min-width:44px;height:44px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;display:grid;place-items:center;gap:2px}.tool-button>span[aria-hidden]{font-family:Georgia,serif;font-size:23px;line-height:19px;color:#d7c6a7}.tool-button .button-label{font-size:8px;text-transform:uppercase;color:#81766a;white-space:nowrap}.tool-button:hover:not(:disabled){background:#302820;border-color:#6e5933}.tool-button:hover:not(:disabled)>span:first-child{color:var(--gold-bright)}.tool-button:disabled{opacity:.3;cursor:default}.separator{height:30px;width:1px;background:var(--line);margin:0 7px}.map-summary{min-width:70px;text-align:right}.map-summary strong,.map-summary span{display:block}.map-summary strong{color:var(--gold-bright);font:600 18px Georgia,serif}.map-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#80756c}.workspace{display:flex;height:calc(100% - 72px);position:relative}.sidebar{width:330px;height:100%;flex:0 0 330px;background:linear-gradient(110deg,#191613,#12110f);border-right:1px solid var(--line);position:relative;z-index:10;display:flex;flex-direction:column;transition:margin-left .25s ease;box-shadow:6px 0 25px #0008}.sidebar:not(.open){margin-left:-330px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 13px}.sidebar-heading h1{font:600 22px Georgia,serif;margin:2px 0 0;letter-spacing:.06em}.sidebar-heading button{border:0;background:none;color:#8c8073;font-size:25px;cursor:pointer}.sidebar-tabs{display:grid;grid-template-columns:1fr 1.35fr;margin:0 18px 18px;border-bottom:1px solid #3d352d}.sidebar-tabs button{min-width:0;padding:10px 5px 9px;border:0;border-bottom:2px solid transparent;background:none;color:#7f7469;cursor:pointer;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.sidebar-tabs button:hover{color:#cfbea1}.sidebar-tabs button.active{border-bottom-color:var(--gold);color:var(--gold-bright)}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.search{margin:0 18px 16px;height:40px;border:1px solid #3d352d;background:#0d0c0b;display:flex;align-items:center;padding:0 11px;gap:9px;border-radius:3px;color:#80746a}.search input{border:0;outline:0;background:none;color:#ddd2c0;width:100%;font-size:12px}.search input::placeholder{color:#655d55}.group-picker{display:grid;gap:7px;margin:0 18px}.group-picker>span{color:#8f826f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.group-picker select{width:100%;height:40px;padding:0 38px 0 12px;border:1px solid #57472e;border-radius:3px;outline:0;color:#e4cf9b;background-color:#17130f;background-image:linear-gradient(45deg,transparent 50%,#b99a57 50%),linear-gradient(135deg,#b99a57 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none;cursor:pointer}.group-picker select:focus{border-color:#b18e49;box-shadow:0 0 0 2px #a5843e22}.group-picker option{color:#e8e1d4;background:#17130f}.catalog-meta{display:flex;justify-content:space-between;padding:14px 20px 9px;color:#80756a;font-size:8px;letter-spacing:.13em}.tile-grid{padding:2px 15px 24px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;scrollbar-color:#514433 #15120f}.tile-card{min-width:0;border:1px solid #332d27;border-radius:3px;background:#1e1a16;padding:6px 6px 9px;cursor:grab;text-align:left;color:#bfb3a2;font:500 10px Georgia,serif;line-height:1.35;transition:border-color .15s,transform .15s}.tile-card:hover{border-color:#a18447;color:#ead8b3;transform:translateY(-1px)}.thumbnail{display:block;width:100%;aspect-ratio:1.75;position:relative;overflow:hidden;margin-bottom:7px;background:#080706}.thumbnail img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.scenario-form{min-height:0;padding:0 18px 26px;overflow-y:auto;display:grid;align-content:start;gap:18px;scrollbar-color:#514433 #15120f}.scenario-form>p{margin:0 0 2px;color:#82776b;font-size:11px;line-height:1.5}.scenario-form label{display:grid;gap:7px}.scenario-form label>span{color:#9d8e79;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.scenario-form input,.scenario-form textarea{width:100%;padding:10px;border:1px solid #493d30;border-radius:3px;outline:0;color:#e5dac8;background:#0d0c0b;font-size:12px;line-height:1.45}.scenario-form input{height:40px}.scenario-form textarea{min-height:88px;resize:vertical}.scenario-form input::placeholder,.scenario-form textarea::placeholder{color:#655d55}.scenario-form input:focus,.scenario-form textarea:focus{border-color:#a5843e;box-shadow:0 0 0 2px #a5843e18}.introduction-editor{display:grid;gap:12px;padding-top:4px;border-top:1px solid #3d352d}.introduction-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.introduction-heading strong,.introduction-heading small{display:block}.introduction-heading strong{color:#d8c7aa;font:600 14px Georgia,serif;letter-spacing:.04em}.introduction-heading small{margin-top:4px;color:#746b61;font-size:9px;line-height:1.35}.introduction-heading button,.introduction-image-actions button{min-height:30px;border:1px solid #6d5832;border-radius:3px;background:#211b16;color:#d8c18d;padding:0 9px;font-size:9px;cursor:pointer}.introduction-screen{display:grid;gap:11px;padding:12px;border:1px solid #493d30;background:#171411}.introduction-screen>header{display:flex;align-items:center;justify-content:space-between}.introduction-screen>header>strong{color:#c9b999;font:600 12px Georgia,serif}.introduction-screen>header>div{display:flex;gap:4px}.introduction-screen>header button{width:27px;height:27px;border:1px solid #473b30;background:#211c17;color:#bba98c;cursor:pointer}.introduction-screen>header button:disabled{opacity:.3;cursor:default}.introduction-screen>header button:last-child{color:#c9917a}.introduction-preview{height:112px;border:1px solid #3b322a;background:#080706}.introduction-preview img{width:100%;height:100%;display:block;object-fit:contain}.introduction-image-actions{display:grid;gap:8px}.introduction-image-actions input[type=file]{height:auto;padding:7px;color:#897d6d;font-size:9px}.introduction-image-actions button{justify-self:start}.introduction-empty{margin:0;padding:12px;border:1px dashed #40362d;color:#71685e;font-size:10px;text-align:center}.canvas-wrap{min-width:0;flex:1;height:100%;overflow:hidden;position:relative;touch-action:none;background-color:#0b0c0b;background-image:radial-gradient(circle at center,transparent,#080807 80%),linear-gradient(rgba(201,177,119,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,177,119,.035) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px}.canvas-wrap canvas{cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}.canvas-wrap:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 80px #000}.open-library{position:absolute;top:16px;left:16px;z-index:5;height:38px;border:1px solid #6d5832;background:#211b16e8;color:#dac188;border-radius:3px;padding:0 13px;cursor:pointer}.canvas-help{position:absolute;bottom:17px;left:50%;transform:translate(-50%);z-index:4;border:1px solid #3b332b;background:#11100ee8;padding:8px 13px;color:#786f65;font-size:9px;letter-spacing:.04em;white-space:nowrap}.canvas-help i{margin:0 9px;color:#4e463e}.zoom-controls{position:absolute;right:18px;bottom:16px;z-index:5;display:flex;align-items:center;height:34px;border:1px solid #40372d;background:#15120fe8}.zoom-controls button{width:34px;height:32px;border:0;background:none;color:#baaa91;font-size:18px;cursor:pointer}.zoom-controls span{width:50px;text-align:center;color:#8e8171;font-size:9px}.action-panel{width:350px;height:100%;position:absolute;inset:0 0 0 auto;z-index:11;display:flex;flex-direction:column;pointer-events:none;background:linear-gradient(250deg,#191613,#12110f);border-left:1px solid var(--line);box-shadow:-6px 0 25px #0008}.action-panel-heading button,.initial-visibility,.action-enabled,.action-fields{pointer-events:auto}.action-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 14px;border-bottom:1px solid var(--line)}.action-panel-heading h2{margin:4px 0 0;color:#eee2cd;font:600 18px Georgia,serif}.action-panel-heading button{border:0;background:none;color:#8c8073;font-size:25px;cursor:pointer}.action-enabled{display:flex;align-items:center;gap:9px;margin:17px 18px;color:#d8c9af;font-size:12px}.initial-visibility{display:flex;align-items:center;gap:10px;margin:16px 18px 0;padding:11px;border:1px solid #493d30;background:#1b1714;cursor:pointer}.initial-visibility input{width:17px;height:17px;flex:0 0 auto}.initial-visibility span,.initial-visibility strong,.initial-visibility small{display:block}.initial-visibility strong{color:#dfd0b8;font-size:11px}.initial-visibility small{margin-top:3px;color:#7f7468;font-size:9px;line-height:1.35}.initial-visibility input,.action-enabled input,.action-check-toggle input{accent-color:var(--gold)}.action-enabled input:disabled+span{color:#70675e}.action-hint{margin:-7px 18px 18px;color:#80756a;font-size:10px;line-height:1.45}.action-fields{min-height:0;padding:0 18px 22px;overflow-y:auto;display:grid;align-content:start;gap:20px}.action-fields>label{display:grid;gap:7px}.action-fields>label>span,.action-fields legend{color:#9d8e79;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.action-fields input,.action-fields textarea,.action-fields select{width:100%;padding:10px;border:1px solid #493d30;border-radius:3px;outline:0;color:#e5dac8;background:#0d0c0b;line-height:1.45}.action-fields input,.action-fields select{height:40px}.action-fields textarea{resize:vertical;min-height:90px}.action-fields input:focus,.action-fields textarea:focus,.action-fields select:focus{border-color:#a5843e}.action-fields fieldset{min-width:0;margin:0;padding:0;border:0}.action-fields fieldset p{margin:7px 0 12px;color:#746b61;font-size:10px;line-height:1.4}.action-check-toggle{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px;border:1px solid #493d30;background:#1b1714;cursor:pointer}.action-check-toggle input{width:17px;height:17px;flex:0 0 auto;padding:0}.action-check-toggle span,.action-check-toggle strong,.action-check-toggle small{display:block}.action-check-toggle strong{color:#dfd0b8;font-size:11px}.action-check-toggle small{margin-top:3px;color:#7f7468;font-size:9px;line-height:1.35}.action-check-fields{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-top:12px}.action-check-fields>label{display:grid;gap:7px}.action-check-fields>label>span{color:#9d8e79;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.action-check-fields .action-check-failure{grid-column:1 / -1}.action-operations{display:grid;gap:10px}.action-operation{display:grid;gap:11px;padding:11px;border:1px solid #3d3329;background:#181411}.action-operation-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.action-operation-heading strong{color:#c8baa5;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.action-operation-heading button{width:25px;height:25px;border:0;background:none;color:#88796a;font-size:19px;cursor:pointer}.action-operation label{display:grid;align-content:start;gap:5px}.action-operation label>span{color:#8e8171;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.action-operation select{min-width:0}.action-operation-warning{grid-column:1 / -1;color:#c99168;font-size:9px;line-height:1.4}.operation-targets{border:1px solid #393027}.operation-targets-heading,.operation-target{display:grid;grid-template-columns:minmax(0,1fr) 54px 54px;align-items:center}.operation-targets-heading{padding:7px 8px;border-bottom:1px solid #393027;color:#8e8171;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.operation-targets-heading span:not(:first-child){text-align:center}.operation-target{min-height:34px;padding:4px 8px;color:#c2b5a2;font-size:10px}.operation-target+.operation-target{border-top:1px solid #2e2822}.operation-target input{justify-self:center;width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.action-operations-empty{padding:14px;border:1px dashed #3e352c;color:#746b61;text-align:center;font-size:10px}.add-operation{width:100%;height:38px;margin-top:10px;border:1px solid #705a33;border-radius:3px;background:#251e15;color:#dbc07e;cursor:pointer}.add-operation:disabled{border-color:#39322b;color:#655d53;cursor:not-allowed}.dialogue-options{display:grid;gap:14px}.dialogue-option{display:grid;gap:12px;padding:12px;border:1px solid #4a3d30;background:#17130f}.dialogue-option-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #342c24;padding-bottom:7px}.dialogue-option-heading strong{color:#d4c2a7;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.dialogue-option-heading button{width:25px;height:25px;border:0;background:none;color:#88796a;font-size:19px;cursor:pointer}.dialogue-option>label:not(.action-check-toggle),.dialogue-result>label{display:grid;gap:6px}.dialogue-option>label>span,.dialogue-result>label>span{color:#918370;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.dialogue-result{display:grid;gap:10px;padding-top:11px;border-top:1px solid #40352a}.dialogue-result h3{margin:0;color:#b8a27d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.dialogue-result.failure-result{border-top-color:#51352d}.dialogue-result.failure-result h3{color:#c18d79}.add-dialogue-option{margin-top:12px}.custom-monster-hint{margin:0!important;padding:10px;border-left:2px solid #8d713b;background:#1d1813}.custom-monster-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-monster-stats label{display:grid;gap:7px}.custom-monster-stats label>span,.custom-monster-image legend,.custom-monster-traits legend{color:#9d8e79;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.custom-monster-fields label>small{color:#756b60;font-size:9px;line-height:1.4}.custom-monster-traits{display:grid;gap:9px}.custom-monster-trait-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.custom-monster-trait{min-width:0;display:flex!important;align-items:center;gap:8px!important;padding:8px;border:1px solid #40362c;background:#17130f;color:#bfb19e;font-size:10px;cursor:pointer}.custom-monster-trait input{width:16px!important;height:16px!important;flex:0 0 auto;padding:0!important;accent-color:var(--gold)}.custom-monster-traits>small{color:#756b60;font-size:9px;line-height:1.4}.custom-monster-image{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-monster-image legend{grid-column:1 / -1;margin-bottom:7px}.custom-monster-image-preview{grid-column:1 / -1;height:150px;display:grid;place-items:center;overflow:hidden;border:1px solid #493d30;background:#090807}.custom-monster-image-preview img{width:100%;height:100%;object-fit:contain}.custom-monster-image-button,.custom-monster-image-remove{height:38px;display:grid!important;place-items:center;border:1px solid #705a33;border-radius:3px;background:#251e15;color:#dbc07e;cursor:pointer}.custom-monster-image-button span{color:inherit!important;font-size:10px!important;letter-spacing:.04em!important;text-transform:none!important}.custom-monster-image-button input{display:none}.custom-monster-image-remove{width:100%;color:#bc9b7c}.monster-activations{display:grid;gap:12px}.monster-activations>p{margin:0}.monster-activations code{color:#d9bd79}.monster-activation{display:grid;gap:11px;padding:12px;border:1px solid #493d30;background:#17130f}.monster-activation-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #342c24}.monster-activation-heading strong{color:#d4c2a7;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.monster-activation-heading button{width:25px;height:25px;border:0;background:none;color:#88796a;font-size:19px;cursor:pointer}.monster-activation-heading button:disabled{opacity:.3;cursor:default}.monster-activation label{display:grid;gap:6px}.monster-activation label>span{color:#918370;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.toast,.error-panel{position:fixed;left:50%;transform:translate(-50%);z-index:50;background:#2a2319;border:1px solid #987a3b;box-shadow:0 8px 30px #000b}.toast{bottom:60px;padding:11px 18px;color:#ebd59c;font-size:12px}.error-panel{top:94px;padding:16px 22px;display:grid;gap:5px;text-align:center}.error-panel strong{color:#e2c779}.error-panel span{color:#b4a99b;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#050403c9}.expansion-modal{width:min(520px,100%);max-height:min(720px,calc(100vh - 40px));display:flex;flex-direction:column;padding:22px;border:1px solid #8f733c;border-radius:4px;background:linear-gradient(145deg,#231e19,#13110f);box-shadow:0 20px 70px #000}.expansion-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.expansion-modal-heading h2{margin:4px 0 0;color:#eee2cd;font:600 22px Georgia,serif}.expansion-modal-heading button{border:0;background:none;color:#9c8e7d;font-size:27px;line-height:1;cursor:pointer}.expansion-modal>p{margin:14px 0 18px;color:#918578;font-size:11px;line-height:1.5}.expansion-usage-list{min-height:0;overflow-y:auto;display:grid;gap:12px;padding-right:5px;scrollbar-color:#665337 #15120f}.expansion-usage-group{border:1px solid #453a2e;background:#17130f}.expansion-usage-group h3{display:flex;justify-content:space-between;gap:18px;margin:0;padding:11px 13px;border-bottom:1px solid #342c24;color:#d8c5a4;font:600 13px Georgia,serif}.expansion-usage-group h3 strong{flex:0 0 auto;color:#a88d57;font:600 9px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.expansion-usage-group ul{list-style:none;margin:0;padding:7px 13px}.expansion-usage-group li{display:flex;justify-content:space-between;gap:18px;padding:5px 0;color:#b8ac9b;font-size:11px}.expansion-usage-group li strong{color:#dfc278}.expansion-usage-empty{padding:24px;border:1px dashed #4b4034;color:#887c6e;text-align:center;font-size:11px}.expansion-modal-close{height:40px;margin-top:18px;border:1px solid #806739;border-radius:3px;background:#2b2318;color:#e3c980;cursor:pointer}@media(max-width:860px){.topbar{height:62px;padding:0 10px;gap:5px}.workspace{height:calc(100% - 62px)}.brand{min-width:45px;width:45px}.brand>span:last-child,.map-summary,.button-label{display:none!important}.toolbar{justify-content:flex-start;overflow-x:auto}.tool-button{min-width:40px;height:40px}.separator{margin:0 2px}.sidebar{position:absolute;width:min(330px,88vw);flex-basis:min(330px,88vw)}.sidebar:not(.open){margin-left:min(-330px,-88vw)}.action-panel{width:min(350px,92vw)}.canvas-help{display:none}}@media(max-width:480px){.topbar{padding-right:3px}.brand-mark{width:35px;height:41px}.tool-button{min-width:36px}.toolbar .separator{display:none}.zoom-controls{right:10px;bottom:10px}}