[hidden]{display:none!important}
:root{--ink:#263b31;--ink-deep:#203329;--muted:#8a8d83;--paper:#f7f7f2;--white:#fdfdf9;--line:#e8e9e1;--accent:#61794f;--gold:#bd9658;--red:#aa6250;--rail:#293b32;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:13px;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0;background:none}svg{width:20px;height:20px;display:block;flex-shrink:0}a{color:inherit}button span[data-icon],span[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,p{margin:0}.app{display:grid;grid-template-columns:72px minmax(0,1fr) 316px;grid-template-rows:80px minmax(0,1fr) 31px;height:100dvh;min-height:600px;overflow:hidden}.rail{grid-column:1;grid-row:1/4;background:var(--rail);color:var(--theme-muted,#c6cdbd);display:flex;flex-direction:column;align-items:center;padding:21px 0 15px;z-index:20}.brand-symbol{color:var(--theme-gold-text,#e8e9d7);text-decoration:none;margin-bottom:47px}.brand-symbol svg{width:32px;height:32px}.rail-nav,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:13px}.rail-bottom{margin-top:auto}.rail-button{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;position:relative;color:var(--theme-muted,#adb8a8);transition:.15s}.rail-button:hover{background:color-mix(in srgb,var(--theme-surface,#ffffff) 5.1%,transparent);color:var(--theme-on-accent,#fff)}.rail-button.active{background:var(--theme-rail,#51614c);color:var(--theme-on-accent,#edf0df)}.rail-button.active:before{content:"";width:3px;height:19px;position:absolute;left:-13px;background:var(--theme-gold-wash,#d1c192);border-radius:0 3px 3px 0}.master-avatar{display:grid;place-items:center;font-family:Georgia,serif;font-size:17px;background:var(--theme-gold-solid,#ad9b73);color:var(--theme-on-accent,#fff6dd);width:33px;height:33px;border:3px solid var(--theme-line-strong,#62715e);border-radius:50%;margin-top:13px}.topbar{grid-column:2/4;grid-row:1;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:24px;z-index:5}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:34px;letter-spacing:-1.5px;font-weight:bold}.wordmark-dot{color:var(--gold)}.header-divider{height:27px;width:1px;background:var(--line)}.campaign{display:flex;flex-direction:column;gap:5px}.campaign strong{font-size:13px;font-weight:600}.campaign>span{font-size:11px;color:var(--muted)}.demo-label{font-size:9px;font-weight:650;letter-spacing:1.5px;background:var(--theme-gold-bg,#eeeee4);color:var(--theme-muted,#8b8b70);border:1px solid var(--theme-gold-line,#e2e3d6);padding:5px 7px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.save-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--theme-muted,#8b9282);margin-right:8px}.save-status svg{width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:37px;padding:9px 14px;white-space:nowrap;font-size:12px;font-weight:550;transition:background .15s,transform .15s}.button:hover{background:var(--theme-raised,#e9ece2)}.button:active{transform:translateY(1px)}.button svg{width:16px;height:16px}.button.primary{background:var(--ink);color:var(--theme-on-accent,#fffef6);box-shadow:0 1px 2px color-mix(in srgb,var(--theme-shadow,#000000) 3.92%,transparent)}.button.primary:hover{background:var(--theme-rail,#3b5142)}.button.subtle{background:var(--theme-raised,#f4f5ef);border:1px solid var(--theme-line,#e8ebe2)}.icon-button{height:30px;width:30px;display:inline-grid;place-items:center;border-radius:7px;flex-shrink:0;color:var(--theme-muted,#7d8879)}.icon-button:hover{background:var(--theme-raised,#ebeee5);color:var(--ink)}.icon-button svg{width:17px;height:17px}.stage{grid-column:2;grid-row:2;min-width:0;min-height:0;padding:27px 27px 0;display:flex;flex-direction:column}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;color:var(--theme-muted,#989c8d)}.stage-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:27px;letter-spacing:-.7px;margin-top:7px}.scene-button{color:var(--theme-muted,#687360);min-height:34px;border:1px solid var(--theme-line,#e3e6da);background:var(--theme-surface,#fdfdf8);padding:8px 10px}.scene-count{border-radius:4px;background:var(--theme-raised,#eeefe6);font-size:10px;padding:2px 5px;color:var(--theme-muted,#8b927e)}.map-viewport{flex:1;position:relative;min-height:200px;border-radius:13px;overflow:hidden;background:var(--theme-wash,#c7d0b5);border:1px solid var(--theme-line,#d9decb);isolation:isolate;box-shadow:0 5px 20px color-mix(in srgb,var(--theme-shadow,#2b3e27) 6.27%,transparent);touch-action:none;outline:none;user-select:none;-webkit-user-select:none}.board{position:absolute;top:0;left:0;width:1600px;height:1100px;transform-origin:0 0;will-change:transform;background:#d9dfc6}.map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.grid-layer,.measurement{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grid-layer{z-index:1}.measurement{z-index:5;overflow:visible}.tokens{position:absolute;inset:0;z-index:4;pointer-events:none}.token{position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);padding:0;pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;background:#fff9e9;border:4px solid var(--token-color);box-shadow:0 4px 10px #1e2e2550,inset 0 0 0 2px #fff9e9;transition:box-shadow .15s;z-index:2}.token:active{cursor:grabbing}.token.selected{box-shadow:0 0 0 5px #fbf7dc,0 0 0 8px var(--token-color),0 6px 20px #263b3150;z-index:3}.token svg{width:100%;height:100%;border-radius:50%;pointer-events:none}.token.enemy{border-color:#a65c47}.token.hidden-token{opacity:.55}.token .token-name{position:absolute;top:77px;left:50%;transform:translateX(-50%);background:#263b31e8;color:#fffdf0;border:1px solid #ffffff20;padding:5px 11px;border-radius:6px;font-size:17px;line-height:21px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px #00000015}.token:not(.selected) .token-name{opacity:0;transition:opacity .15s}.token:hover .token-name{opacity:1}.token-health{position:absolute;bottom:-9px;left:8px;right:8px;height:5px;background:#fff6dc;border-radius:5px;overflow:hidden;box-shadow:0 0 0 2px #263b3150}.token-health i{display:block;height:100%;background:var(--token-color)}.token-turn{position:absolute;top:-9px;right:-6px;background:#e8d5a5;border:2px solid #fff8e2;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.token-turn svg{width:14px;height:14px;color:#5b5038}.map-badge{position:absolute;top:18px;left:18px;background:color-mix(in srgb,var(--theme-surface,#fafbf2) 93.73%,transparent);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--theme-line,#ffffff) 50.2%,transparent);border-radius:7px;box-shadow:0 2px 7px color-mix(in srgb,var(--theme-shadow,#253323) 4.31%,transparent);display:flex;align-items:center;gap:9px;font-size:10px;padding:9px 12px;color:var(--theme-muted,#6f7962);z-index:7;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--theme-accent,#7e9866)}.dot-separator{color:var(--theme-muted,#b9bfae)}.map-tools{position:absolute;top:74px;left:17px;border:1px solid color-mix(in srgb,var(--theme-gold-line,#f9f9eb) 66.67%,transparent);background:color-mix(in srgb,var(--theme-surface,#fdfef7) 94.12%,transparent);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 3px 12px color-mix(in srgb,var(--theme-shadow,#293b32) 7.06%,transparent);padding:5px;display:flex;flex-direction:column;gap:3px;z-index:7}.tool{height:39px;width:39px;display:grid;place-items:center;border-radius:7px;color:var(--theme-muted,#7c8772);position:relative}.tool:hover{background:var(--theme-raised,#e9eddf)}.tool.active{background:var(--theme-wash,#e1e8d7);color:var(--theme-ink,#3e5735)}.tool[aria-pressed=true]:not([data-tool]){color:var(--theme-accent-text,#49603d);background:var(--theme-raised,#edf0e6)}.tool svg{width:19px;height:19px}.tool kbd{position:absolute;right:3px;bottom:1px;font-family:inherit;font-size:7px;opacity:.6}.tool-divider{height:1px;background:var(--theme-wash,#e1e6d8);margin:3px 4px}.map-hint{position:absolute;bottom:21px;left:19px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--theme-accent-text,#536249);background:color-mix(in srgb,var(--theme-raised,#fafbf0) 92.16%,transparent);backdrop-filter:blur(6px);border-radius:6px;padding:9px 10px;pointer-events:none;z-index:7}.map-hint svg{width:13px;height:13px}.map-zoom{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--theme-surface,#fffff6) 92.94%,transparent);border:1px solid color-mix(in srgb,var(--theme-line,#ffffff) 50.2%,transparent);backdrop-filter:blur(6px);padding:4px;border-radius:9px;box-shadow:0 2px 8px color-mix(in srgb,var(--theme-shadow,#263b31) 6.27%,transparent);z-index:7}.map-zoom .icon-button{width:27px;height:27px}.zoom-value{min-width:43px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--theme-muted,#66705d)}.zoom-divider{height:15px;width:1px;background:var(--theme-wash,#dde3d2);margin:0 3px}.stage-footer{height:49px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--theme-muted,#969d8b);flex-shrink:0;gap:15px}.stage-footer>span:first-child{display:flex;align-items:center;gap:6px;white-space:nowrap}.stage-footer svg{width:13px;height:13px}.stage-footer button{padding:0;font-size:10px;color:inherit}.stage-footer button[aria-pressed=false]{text-decoration:line-through;opacity:.6}.table-caption{font-family:Georgia,serif;font-style:italic;font-size:11px;text-align:center}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:3px 0;color:var(--theme-muted,#7d896e)}.text-button:hover{color:var(--ink);text-decoration:underline}.sidebar{grid-column:3;grid-row:2;border-left:1px solid var(--line);background:var(--white);padding:15px 21px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--theme-line,#dfe3d6) transparent;display:flex;flex-direction:column}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;min-height:29px;margin-bottom:13px}.character-section{padding-bottom:20px}.character-identity{display:flex;gap:12px;align-items:center;margin-bottom:18px}.portrait{width:51px;height:51px;border-radius:50%;background:var(--theme-wash,#e2e6d4);border:3px solid var(--theme-line,#e9ecdf);overflow:hidden;flex-shrink:0}.portrait svg{width:100%;height:100%}.character-name{font-family:Georgia,serif;font-size:23px;letter-spacing:-.4px;line-height:1.2}.character-meta{font-size:10px;color:var(--theme-muted,#92998a);margin-top:5px}.character-edit{margin-left:auto;align-self:flex-start}.hp-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hp-heading>span{font-size:10px;color:var(--theme-muted,#8e9584);display:flex;align-items:center;gap:5px}.hp-heading svg{width:12px;height:12px}.hp-value{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.hp-value small{font-size:10px;color:var(--theme-muted,#a3a895);font-weight:400}.health-track{height:5px;background:var(--theme-raised,#e9eddf);overflow:hidden;border-radius:3px}.health-fill{height:100%;border-radius:3px;background:var(--theme-accent,#81916b);transition:width .2s}.hp-controls{display:flex;align-items:center;gap:5px;margin-top:8px}.hp-controls input{border:1px solid var(--line);background:var(--theme-raised,#f8f9f3);border-radius:5px;width:39px;height:24px;text-align:center;font-size:10px;color:var(--ink);padding:0}.hp-controls .icon-button{width:24px;height:24px;background:var(--theme-raised,#f4f6ee)}.hp-controls .icon-button svg{width:12px;height:12px}.hp-controls .muted{margin-left:2px;font-size:9px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.stat{border:1px solid var(--theme-line,#e9ece1);background:var(--theme-surface,#fbfcf6);border-radius:7px;display:flex;align-items:center;gap:9px;padding:9px 10px}.stat svg{width:17px;height:17px;color:var(--theme-muted,#909a82)}.stat strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.stat small{display:block;font-size:9px;font-weight:400;color:var(--theme-muted,#969c8c);margin-top:2px}.character-state{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:11px;min-height:24px}.condition{font-size:9px;padding:4px 7px;border:1px solid var(--theme-line,#e3e7d9);border-radius:5px;color:var(--theme-muted,#839174);background:var(--theme-raised,#f6f8ef)}.condition.applied{color:var(--theme-gold-text,#827044);background:var(--theme-gold-bg,#f5efdf);border-color:var(--theme-gold-line,#e9dfc4)}.condition-add{font-size:10px;color:var(--theme-muted,#a1a793);padding:3px}.initiative-section,.dice-section,.log-section{border-top:1px solid var(--line);padding-top:18px;margin-bottom:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}.section-heading h2{font-size:12px;font-weight:600;white-space:nowrap}.round-label{font-size:9px;color:var(--theme-muted,#969e88);background:var(--theme-raised,#f0f3e8);border:1px solid var(--theme-line,#e4e9d9);padding:4px 6px;border-radius:5px;margin-left:auto}.section-heading>.icon-button{width:22px;height:22px}.section-heading>.icon-button svg{width:14px;height:14px}.initiative-list{display:flex;flex-direction:column;gap:3px}.initiative-item{display:flex;align-items:center;gap:9px;min-height:41px;padding:5px 9px;border:1px solid transparent;border-radius:7px;cursor:pointer;position:relative}.initiative-item:hover{background:var(--theme-raised,#f4f6ee)}.initiative-item.current{background:var(--theme-raised,#edf2e4);border-color:var(--theme-line,#e0e8d3)}.initiative-item.current:before{content:"";position:absolute;top:10px;bottom:10px;left:-1px;width:3px;border-radius:4px;background:var(--theme-accent,#81926c)}.mini-portrait{width:27px;height:27px;overflow:hidden;border-radius:50%;background:var(--theme-raised,#e9ecde);border:2px solid var(--theme-line,#ebeddf);flex-shrink:0}.mini-portrait svg{width:100%;height:100%}.initiative-name{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:11px;font-weight:500}.initiative-name>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initiative-name small{font-size:8px;font-weight:400;color:var(--theme-muted,#919d82)}.initiative-score{font-size:13px;font-variant-numeric:tabular-nums;color:var(--theme-muted,#879276)}.initiative-score input{width:29px;border:0;border-radius:3px;background:transparent;text-align:center;font-size:12px;color:inherit;padding:2px;appearance:textfield}.initiative-score input::-webkit-inner-spin-button{display:none}.turn-marker{color:var(--theme-muted,#7d9066)}.turn-marker svg{width:13px;height:13px}.next-turn{width:100%;margin-top:10px;background:var(--theme-raised,#f3f5ed);border:1px solid var(--theme-line,#e3e9d8);color:var(--theme-accent-text,#5d714b);justify-content:space-between;min-height:34px;padding:7px 12px;font-size:10px}.next-turn svg{width:14px;height:14px}.dice-section{margin-bottom:18px}.dice-tray{display:flex;justify-content:space-between;gap:4px;margin:15px 0 12px}.die-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:35px;height:47px;border:1px solid var(--theme-line,#e6eade);background:var(--theme-surface,#fcfdf7);border-radius:7px;color:var(--theme-muted,#869477);font-size:8px;transition:.15s}.die-button svg{width:20px;height:20px}.die-button:hover,.die-button.active{background:var(--theme-raised,#eaf0df);color:var(--theme-accent-text,#526e41);border-color:var(--theme-line,#cbd8b9);transform:translateY(-2px)}.dice-form{display:flex;gap:6px}.dice-form input{min-width:0;flex:1;width:110px;background:var(--theme-raised,#f8faf2);border:1px solid var(--theme-line,#e3e9d8);border-radius:7px;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--theme-accent-text,#657657)}.dice-form .button{min-height:34px;padding:7px 12px;font-size:10px;gap:5px}.dice-form svg{width:13px;height:13px}.dice-result{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px dashed var(--theme-line,#e1e6d6);border-radius:8px;background:var(--theme-surface,#fafbf5);padding:12px 10px;font-size:10px;color:var(--theme-muted,#8f9980);min-height:61px}.dice-result>svg{width:25px;height:25px;color:var(--theme-muted,#b4bda3)}.dice-result small{display:block;font-size:9px;color:var(--theme-muted,#a4ac97);margin-top:4px}.dice-result.has-result{border-style:solid;background:var(--theme-raised,#eff4e6);border-color:var(--theme-line,#dce7ce)}.roll-total{font-family:Georgia,serif;font-size:33px;line-height:1;min-width:36px;text-align:center;color:var(--theme-accent-text,#597343)}.dice-result.critical{background:var(--theme-gold-bg,#f7f0dc);border-color:var(--theme-gold-line,#e8d6a8)}.dice-result.critical .roll-total{color:var(--theme-gold-text,#ae8640)}.roll-title{font-size:11px;color:var(--theme-accent-text,#657954);font-weight:500}.roll-breakdown{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.2px}.roll-flash{animation:rollFlash .3s ease-out}@keyframes rollFlash{0%{transform:translateY(4px);opacity:.35}100%{transform:translateY(0);opacity:1}}.log-section{margin-bottom:18px}.recent-log{display:flex;flex-direction:column;gap:11px}.log-item{display:flex;align-items:flex-start;gap:7px;color:var(--theme-muted,#8b9680);font-size:9px;line-height:1.6}.log-item svg{width:12px;height:12px;margin-top:2px;color:var(--theme-muted,#a1ad94)}.log-item time{margin-left:auto;white-space:nowrap;color:var(--theme-muted,#b2b9a5);font-size:8px}.log-item .log-text{flex:1}.sidebar-bottom{margin-top:auto;min-height:37px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Georgia,serif;font-style:italic;font-size:10px;color:var(--theme-muted,#a6ad98);border-top:1px solid var(--line)}.sidebar-bottom svg{width:12px;height:12px}.statusbar{grid-column:2/4;grid-row:3;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--theme-surface,#fdfdf8);padding:0 25px;color:var(--theme-muted,#a2aa94);font-size:9px;z-index:6}.statusbar>span{display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--theme-accent,#98a67e)}.status-extra{color:var(--theme-muted,#b2b9a7)}.status-right{letter-spacing:.3px}.status-right span{padding:2px 4px;border-radius:3px;background:var(--theme-raised,#f0f2e9);color:var(--theme-muted,#a5ae97);font-size:8px}.muted{color:var(--theme-muted,#a1a895)}.small{font-size:9px}.mobile-details,.close-details{display:none}.fog-layer{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#28382df0,#28382df0 20px,#304133f0 20px,#304133f0 40px);z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.fog-layer[hidden]{display:none}.fog-layer span{color:#f3f2dbb0;font-family:Georgia,serif;font-size:33px;letter-spacing:1px}.fog-layer.master-fog{opacity:.24}.fog-layer.master-fog span{display:none}.player-banner{position:absolute;top:18px;right:18px;border-radius:7px;background:color-mix(in srgb,var(--theme-gold-bg,#fff9e8) 94.9%,transparent);border:1px solid var(--theme-gold-line,#e6ddc3);padding:8px 11px;z-index:8;font-size:10px;color:var(--theme-gold-text,#7d704d)}.player-banner span{display:block;font-size:8px;opacity:.7;margin-top:2px}.player-banner[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--theme-line,#e3e7d8);background:var(--white);color:var(--ink);border-radius:17px;width:min(510px,calc(100vw - 32px));padding:0;box-shadow:0 25px 90px color-mix(in srgb,var(--theme-shadow,#1e322b) 20.78%,transparent);max-height:85dvh}dialog::backdrop{background:color-mix(in srgb,var(--theme-rail,#1d302b) 34.51%,transparent);backdrop-filter:blur(4px)}.dialog-shell{padding:25px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.dialog-heading h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.5px;margin-top:6px}.dialog-heading>.icon-button{margin:-8px -8px 0 0}#dialogBody p{color:var(--theme-muted,#8a947e);font-size:12px;line-height:1.75;margin:10px 0}.scene-list{display:flex;flex-direction:column;gap:10px}.scene-card{width:100%;text-align:left;padding:12px;border:1px solid var(--theme-line,#e5e9da);border-radius:10px;display:flex;gap:15px;align-items:center;background:var(--theme-surface,#f9faf3)}.scene-card:hover,.scene-card.chosen{background:var(--theme-raised,#edf2e3);border-color:var(--theme-line,#cdd9b9)}.scene-thumb{width:95px;height:62px;object-fit:cover;border-radius:6px;background-color:#e1e7d1;background-image:linear-gradient(#89947722 1px,transparent 1px),linear-gradient(90deg,#89947722 1px,transparent 1px);background-size:10px 10px}.scene-card strong{font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.scene-card small{display:block;color:var(--theme-muted,#97a184);font-size:10px;margin-top:6px}.dialog-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;gap:8px;justify-content:flex-end}.dialog-footer .button{font-size:11px}.character-cards{display:flex;flex-direction:column;gap:7px}.character-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--theme-line,#e6eadc);border-radius:9px}.character-card .mini-portrait{width:37px;height:37px}.character-card>button:first-of-type{flex:1;text-align:left;font-size:13px}.character-card small{display:block;color:var(--theme-muted,#94a283);font-size:10px;margin-top:4px}.note-area{width:100%;min-height:250px;resize:vertical;border:1px solid var(--theme-line,#e0e7d4);background:var(--theme-surface,#fafbf4);border-radius:9px;padding:15px;line-height:1.8;color:var(--theme-accent-text,#536447);outline:none}.note-caption{display:flex;align-items:center;gap:6px;color:var(--theme-muted,#97a085);font-size:10px;margin-top:10px}.settings-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.settings-row:first-child{padding-top:0}.settings-row>div{flex:1}.settings-row strong{font-weight:500;font-size:12px}.settings-row small{display:block;color:var(--theme-muted,#9ba78c);font-size:10px;margin-top:5px;line-height:1.6}.settings-row .button{font-size:10px;background:var(--theme-raised,#eef2e5);min-height:32px}.help-grid{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12px;color:var(--theme-muted,#87967a)}.help-grid kbd{font-family:inherit;border:1px solid var(--theme-line,#e2e8d7);background:var(--theme-raised,#f3f6eb);border-radius:4px;font-size:10px;padding:3px 7px;color:var(--theme-accent-text,#6b7f5a)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:10px;color:var(--theme-muted,#8b9a7d)}.field input,.field select{border:1px solid var(--theme-line,#dfe7d3);border-radius:7px;background:var(--theme-surface,#f9fbf2);color:var(--theme-accent-text,#526848);padding:10px 12px;width:100%;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field input[type=color]{padding:4px;height:39px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.danger{color:var(--theme-danger-text,#aa6352)!important}.condition-options{display:flex;gap:8px;flex-wrap:wrap}.condition-options button{border:1px solid var(--theme-line,#dfe6d4);border-radius:6px;padding:9px 11px;font-size:11px;background:var(--theme-raised,#f8faf0)}.condition-options button.applied{background:var(--theme-gold-bg,#f2eacf);border-color:var(--theme-gold-line,#e4d6a3);color:var(--theme-gold-text,#8b723c)}.toast{position:fixed;left:50%;bottom:50px;transform:translateX(-50%);padding:13px 20px;border:1px solid var(--theme-line,#d7dfc8);background:color-mix(in srgb,var(--theme-surface,#fffff5) 96.08%,transparent);backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 6px 25px color-mix(in srgb,var(--theme-shadow,#263b31) 12.55%,transparent);color:var(--theme-accent-text,#536b44);font-size:12px;z-index:100;max-width:calc(100vw - 35px);text-align:center}.toast[hidden]{display:none}.empty-character{font-size:12px;color:var(--theme-muted,#97a286);padding:30px 0;line-height:1.8}.switch{width:35px;height:20px;border-radius:20px;background:var(--theme-wash,#dbe1cf);position:relative;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--theme-surface,#fffdf6);border-radius:50%;transition:left .15s}.switch.on{background:var(--theme-accent,#7c9064)}.switch.on:after{left:18px}.toggle-label{cursor:pointer}
@media(min-width:1600px){.app{grid-template-columns:78px minmax(0,1fr) 340px}.sidebar{padding-left:25px;padding-right:25px}.stage{padding:31px 32px 0}.stage-heading{margin-bottom:24px}.stage-heading h1{font-size:30px}.character-section{padding-bottom:23px}.initiative-section,.dice-section,.log-section{padding-top:21px;margin-bottom:22px}.initiative-item{min-height:46px}.topbar{padding:0 34px}}
@media(max-width:1200px){.app{grid-template-columns:61px minmax(0,1fr) 288px}.topbar{padding:0 22px;gap:17px}.sidebar{padding-left:17px;padding-right:17px}.stage{padding:23px 20px 0}.save-status{display:none}.table-caption{display:none}.brand-symbol{margin-bottom:49px}.rail-button.active:before{left:-8px}.campaign>span{font-size:10px}}
@media(max-height:850px) and (min-width:761px){.app{grid-template-rows:72px minmax(0,1fr) 27px}.stage{padding-top:21px}.stage-heading{margin-bottom:16px}.sidebar{padding-top:10px}.sidebar-heading{margin-bottom:8px}.character-identity{margin-bottom:12px}.character-section{padding-bottom:13px}.initiative-section,.dice-section,.log-section{padding-top:13px;margin-bottom:13px}.initiative-item{min-height:35px}.stats-row{margin-top:9px}.dice-tray{margin:10px 0}.section-heading{margin-bottom:8px}.log-section{margin-bottom:10px}.recent-log{gap:7px}.sidebar-bottom{min-height:29px}.brand-symbol{margin-bottom:40px}}
@media(max-width:900px){.campaign{display:none}.header-divider{display:none}.demo-label{margin-left:-8px}.topbar{gap:18px}.stage{padding-left:15px;padding-right:15px}.stage-heading h1{font-size:24px}.stage-footer .text-button{font-size:0;gap:0}.stage-footer .text-button svg{width:16px;height:16px}.map-hint{font-size:0;padding:7px}.map-hint svg{width:16px;height:16px}.map-badge{font-size:9px;gap:6px;left:12px;top:12px}.map-tools{left:12px;top:60px}.map-zoom{right:12px;bottom:12px}.map-hint{left:12px;bottom:12px}.scene-button{font-size:10px;padding:7px 8px}.scene-count{display:none}.stage-heading{gap:8px}}
@media(max-width:760px){.app{grid-template-columns:52px minmax(0,1fr);grid-template-rows:65px minmax(0,1fr) 28px;min-height:480px}.topbar{grid-column:2;padding:0 13px;gap:13px}.wordmark{font-size:29px}.demo-label{font-size:8px;letter-spacing:1px;padding:4px}.header-actions{gap:6px}.header-actions>.button{min-height:32px;padding:7px 9px;font-size:10px}.mode-button span:last-child{display:none}.mode-button svg{width:15px;height:15px}.mobile-details{display:inline-grid}.stage{padding:20px 13px 0}.stage-heading h1{font-size:24px}.eyebrow{font-size:8px}.stage-heading{margin-bottom:16px}.stage-footer{height:39px;font-size:9px}.stage-footer button{font-size:9px}.sidebar{display:none;position:fixed;right:0;top:65px;bottom:28px;width:min(316px,calc(100vw - 58px));z-index:30;box-shadow:-15px 0 50px color-mix(in srgb,var(--theme-shadow,#263b31) 12.55%,transparent)}.sidebar.open{display:flex}.close-details{display:inline-grid}.sidebar-heading>.icon-button:first-of-type{margin-left:auto;margin-right:5px}.statusbar{grid-column:2;padding:0 13px;font-size:8px}.status-extra{display:none}.rail{padding:17px 0 10px}.brand-symbol svg{width:27px;height:27px}.brand-symbol{margin-bottom:39px}.rail-button{width:37px;height:39px;border-radius:9px}.rail-button svg{width:18px;height:18px}.rail-button.active:before{left:-7px}.master-avatar{width:29px;height:29px;font-size:13px}.rail-nav,.rail-bottom{gap:11px}.map-badge{font-size:8px;padding:7px 8px}.map-badge .dot-separator,.map-badge .dot-separator~*{display:none}.player-banner{top:50px;right:10px;font-size:9px}.tool{width:33px;height:34px}.map-tools{padding:4px}.tool svg{width:16px;height:16px}.map-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.statusbar:has(.performance-panel[open]){z-index:90}.performance-panel{position:relative;margin-left:auto;margin-right:12px;font-size:11px}.performance-panel summary{cursor:pointer;white-space:nowrap}.performance-panel>section{position:fixed;bottom:32px;right:12px;width:min(660px,calc(100vw - 35px));max-height:70vh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 4px 24px #0002;z-index:80;white-space:normal;line-height:1.5}.performance-panel table{width:100%;margin:12px 0;border-collapse:collapse;font-variant-numeric:tabular-nums}.performance-panel th,.performance-panel td{padding:4px;text-align:right;border-bottom:1px solid var(--line)}.performance-panel td:first-child,.performance-panel th:first-child{text-align:left}.performance-panel small{display:block}.performance-panel p{margin:8px 0}.performance-panel .button{font-size:11px}