.visual-guide{max-width:1740px;margin:0 auto;padding:30px}.guide-header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:26px}.guide-header small{color:#5ed4df;font-size:13px;letter-spacing:1px}.guide-header h1{font-size:29px;margin:5px 0 8px}.guide-header p{margin:0;color:#a5c2c8;font-size:18px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.guide-sidebar{align-self:start;position:sticky;top:20px;background:#26363b;padding:18px;border:1px solid #405c63}.guide-sidebar h3{font-size:14px;letter-spacing:.6px;margin:0 0 15px}.guide-sidebar>button{display:block;text-align:left;width:100%;margin-bottom:7px;font-size:16px;padding:10px;background:#2f4248}.guide-sidebar>button.active{background:#2c636d;border-left:3px solid #54d6e0}.guide-sidebar>p{font-size:15px;line-height:1.5;color:#a2bdc4}.guide-progress{border-top:1px solid #456068;margin-top:20px;padding-top:18px}.guide-progress strong{font-size:18px}.guide-progress>div{height:5px;background:#18282c;margin-top:12px}.guide-progress span{display:block;background:#5bd4c4;height:100%}.guide-scene-intro h2{font-size:26px;margin:0 0 9px}.guide-scene-intro p{font-size:18px;line-height:1.4;color:#a7c1c7}.guide-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0}.guide-stages button{display:flex;gap:8px;align-items:center;padding:12px 10px;text-align:left;min-height:56px;border:1px solid #3f5960;background:#273a40}.guide-stages button>b{border:1px solid #65858c;display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 auto;font-weight:400}.guide-stages button.active{background:#2b5961;border-color:#54c4d3;color:#e2fbff}.guide-stage-heading h2{font-size:24px;margin:23px 0 8px}.guide-stage-heading p{font-size:18px;color:#abc4cb;margin:0 0 23px}.guide-map{background-color:#1d3035;background-image:linear-gradient(#32444a55 1px,transparent 1px),linear-gradient(90deg,#32444a55 1px,transparent 1px);background-size:25px 25px;border:1px solid #435d64;padding:12px;max-height:300px;margin-bottom:24px}.guide-map svg{display:block;width:100%;height:235px}.guide-map small{font-size:12px;color:#84adb7}.guide-objects{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:16px}.guide-object-card,.guide-script-card,.guide-conversation{border:1px solid #466169;background:#25383e;padding:18px}.guide-card-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.guide-card-title h3{font-size:21px;margin:0;line-height:1.25}.guide-card-title small{font-size:12px;letter-spacing:.5px;color:#9bbec7;display:block;margin-top:4px}.guide-card-title>.fa{color:#5bced9;font-size:20px}.guide-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;color:#72dce5;background:#214952;border:1px solid #4f9daa;flex:0 0 auto}.guide-setting{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #3d555d;font-size:15px}.guide-setting>span{color:#9ab9c4}.guide-setting>strong{font-weight:500}.guide-coordinates{display:flex;gap:8px;margin:12px 0}.guide-coordinates span{background:#1d2d32;padding:8px 10px;font-size:13px;flex:1;color:#9cb7c0}.guide-coordinates b{display:block;color:#e0edf0;font-size:17px;font-weight:500}.guide-object-card>p{color:#adc4cc;font-size:16px;line-height:1.5;white-space:pre-line}.guide-object-card details{font-size:16px;margin-top:12px}.guide-route{display:flex;gap:8px;flex-wrap:wrap}.guide-route span{font-size:13px;background:#213239;padding:8px}.guide-route b{display:block;color:#6be2df}.guide-check{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:15px;color:#bddbd7;cursor:pointer}.guide-check input{accent-color:#51c9d3;width:17px;height:17px;margin:0}.guide-script-card>.guide-card-title{margin-bottom:20px}.guide-card-title>.guide-check{margin:0 0 0 auto;white-space:nowrap}.guide-script-list{display:grid;gap:25px}.guide-script-card .proposal-event{display:flex;gap:9px;align-items:center;font-size:17px;padding:12px}.guide-script-card .proposal-event span{margin-left:auto;color:#96c5cb}.guide-block{padding:12px 14px;margin-top:7px;background:var(--control);border-left:4px solid #ccb45b;position:relative}.guide-block>strong{font-size:18px;font-style:italic;text-transform:uppercase}.guide-block>.wip-block-badge{float:right}.guide-block-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.guide-block-fields>span{background:#0002;padding:7px 10px;display:inline-flex;align-items:center;gap:10px;font-size:16px}.guide-block-fields small{color:#bbcbca;font-size:13px}.guide-block-fields b{font-weight:500}.guide-block[data-category=world]{background:var(--world);border-left-color:#74b6dc}.guide-block[data-category=npc]{background:var(--npc);border-left-color:#df82a0}.guide-block[data-category=variables]{background:var(--variables);border-left-color:#c78951}.guide-block[data-category=dm],.guide-block[data-category=locks]{background:var(--dm);border-left-color:#76c5a0}.guide-block[data-category=player]{background:var(--player);border-left-color:#b596d9}.guide-block-branch{border-left:2px solid #d0b566;margin:13px 0 0 9px;padding-left:13px}.guide-block-branch>small{display:block;font-size:12px;letter-spacing:1px;color:#d0d7c3}.guide-empty-branch{font-size:14px;display:block;color:#b7b6a3;font-style:italic;margin:8px}.guide-script-card>button{margin-top:15px}.guide-empty-blocks{padding:25px;border:1px dashed #6a7064;color:#d7c897;font-size:18px}.guide-message-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.guide-message{border:1px solid #4ea0aa;background:#23464e;padding:16px}.guide-message>small{font-size:12px;letter-spacing:1px;color:#86dfe6}.guide-message>p{font-size:18px;line-height:1.5;margin:10px 0 16px}.guide-replies>div{margin-top:8px;background:#142e34;border-left:3px solid #5fbbca;padding:10px}.guide-replies strong{font-size:16px}.guide-replies span,.guide-replies small{display:block;margin-top:6px;color:#adcbd4;font-size:14px}.guide-test-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-test-cards article{border:1px solid #476571;background:#253c44;padding:25px}.guide-test-cards strong{font-size:23px}.guide-test-cards p{font-size:18px;line-height:1.5;color:#b2cbd3}.guide-next{display:flex;justify-content:space-between;align-items:center;margin-top:28px;border-top:1px solid #45616b;padding-top:22px}.guide-next>span{color:#a8bec6}.guide-print-only{display:none}
@media(max-width:1000px){.guide-layout{grid-template-columns:190px minmax(0,1fr)}.guide-stages{grid-template-columns:1fr 1fr}.guide-header{align-items:start;flex-direction:column}.guide-test-cards{grid-template-columns:1fr}}
@media(max-width:650px){.visual-guide{padding:18px}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-sidebar>button{display:inline-block;width:auto}.guide-sidebar>p,.guide-progress{display:none}.guide-stages{grid-template-columns:1fr 1fr}.guide-card-title{flex-wrap:wrap}.guide-card-title>.guide-check{margin-left:0}}
@media print{.topbar,.app-footer,.wip-bar,.guide-header,.guide-sidebar,.guide-scene-intro,.guide-stages,.guide-stage,.guide-next,.shared-project-banner{display:none!important}.visual-guide{padding:0;max-width:none}.guide-layout{display:block}.guide-print-only{display:block}.guide-print-only .guide-stage-heading{margin-top:25px}.guide-print-only button{display:none}.guide-objects{grid-template-columns:1fr 1fr}.guide-object-card,.guide-script-card,.guide-message,.guide-test-cards article{break-inside:avoid}.guide-script-card,.guide-conversation{margin-bottom:25px}body{background:white!important;color:#182c31!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}