#app{--bg:#0d0600;--bg2:#110800;--bg3:#190e05;--panel:#130900;--panel2:#1d1208;--border:#3d2810;--border2:#5a3c20;--border-cu:#7a5430;--border-cu2:#a07848;--copper:#c19976;--copper-light:#ddc9a7;--copper-dark:#b78f6d;--amber:#fbcea0;--copper-dim:#6a4828;--copper-glow:#c1997647;--crimson:#5a0000;--crimson2:#8a0000;--red:#b83525;--red2:#d44838;--green:#1a5c38;--green2:#2ea85e;--blue:#18346a;--blue2:#2470b0;--blue3:#5aa8d8;--text:#ecdcc0;--text-dim:#8a7055;--text-cu:#c19976;--player-color:#5888c8;--enemy-color:#b83c2b;--cell:34px;--radius:3px;--font-title:var(--font-cinzel-decorative,"Cinzel Decorative"), "Cinzel", serif;--font-head:var(--font-cinzel,"Cinzel"), serif;--font-body:var(--font-gothic-a1,"Gothic A1"), Georgia, sans-serif;background-color:var(--bg);height:100vh;color:var(--text);font-family:var(--font-body);background-image:radial-gradient(80% 60% at 20% 10%,#783c0a12 0%,#0000 55%),radial-gradient(60% 50% at 80% 90%,#501e050d 0%,#0000 50%),radial-gradient(40% 40%,#3c1e050a 0%,#0000 60%);flex-direction:column;font-size:15px;line-height:1.5;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-cu);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0600e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 20px;display:flex}.game-title{font-family:var(--font-title);color:var(--copper-light);letter-spacing:3px;text-shadow:0 0 20px var(--copper-glow), 0 1px 0 #000c;font-size:1.15rem}.round-badge{font-family:var(--font-head);letter-spacing:2px;color:var(--text-dim);border:1px solid var(--border-cu);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);background:#0d0600b3;padding:3px 12px;font-size:.72rem}.main-layout{flex:1;gap:0;min-height:0;display:flex}.side-panel{border-right:1px solid var(--border);background:#13090080;flex-direction:column;flex-shrink:0;width:220px;padding:12px;display:flex;overflow-y:auto}.enemy-side{border-right:none;border-left:1px solid var(--border)}.pre-combat .panel-setup{display:block}.pre-combat .panel-combat{display:none}.pre-combat .pre-combat-bar{justify-content:center;align-items:center;display:flex}.pre-combat .in-combat-bar,.pre-combat .initiative-bar,.pre-combat .round-badge,.pre-combat .dice-strip,.in-combat .panel-setup{display:none}.in-combat .panel-combat{display:block}.in-combat .pre-combat-bar{display:none}.in-combat .in-combat-bar,.in-combat .initiative-bar,.in-combat .round-badge{display:flex}.panel-heading{font-family:var(--font-head);color:var(--copper-light);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px var(--copper-glow);border-bottom:1px solid var(--border-cu);margin-bottom:12px;padding-bottom:8px;font-size:.82rem}.setup-fields{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.field-row{flex-direction:column;gap:3px;display:flex}.field-row label{font-family:var(--font-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-size:.56rem}.field-row input,.field-row select{border:none;border-bottom:1px solid var(--border-cu);color:var(--text);font-family:var(--font-body);appearance:none;background:#0d0600bf;border-radius:0;outline:none;width:100%;padding:5px 8px;font-size:.88rem;transition:border-color .2s,background .2s}.field-row input:focus,.field-row select:focus{border-bottom-color:var(--copper);background:#190e00e6}.field-row select option{background:var(--bg3);color:var(--text)}.btn-sm{padding:6px 14px!important;font-size:.7rem!important}.bottom-bar{border-top:1px solid var(--border-cu);background:#0d0600e6;flex-shrink:0}.pre-combat-bar{justify-content:center;padding:14px}.btn-begin{letter-spacing:4px!important;padding:12px 52px!important;font-size:.88rem!important}.in-combat-bar{flex-direction:row;align-items:stretch;height:130px}#app .result-overlay{z-index:1000;background:#0d0600f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}#app .result-overlay.hidden{display:none!important}#app ::-webkit-scrollbar{width:4px;height:4px}#app ::-webkit-scrollbar-track{background:var(--bg2)}#app ::-webkit-scrollbar-thumb{background:linear-gradient(var(--copper-dark), var(--copper));border-radius:2px}#app ::-webkit-scrollbar-thumb:hover{background:var(--copper-light)}#app button{cursor:pointer;font-family:var(--font-head);letter-spacing:2px;text-transform:uppercase;isolation:isolate;background:0 0;border:none;padding:10px 22px;font-size:.8rem;font-weight:600;transition:color .18s,filter .18s;position:relative}#app button:before{content:"";clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);z-index:-1;transition:background .18s;position:absolute;inset:0}#app button:after{content:"";clip-path:polygon(7px 0%,calc(100% - 7px) 0%,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0% calc(100% - 7px),0% 7px);z-index:-1;transition:background .18s;position:absolute;inset:1px}#app .btn-primary{color:var(--amber)}#app .btn-primary:before{background:var(--copper)}#app .btn-primary:after{background:linear-gradient(160deg,#2e1808,#1e1005,#2e1808)}#app .btn-primary:hover:not(:disabled){color:#fff;filter:drop-shadow(0 0 10px #c1997680)}#app .btn-primary:hover:not(:disabled):before{background:var(--copper-light)}#app .btn-primary:hover:not(:disabled):after{background:linear-gradient(160deg,#3e2210,#2e1808,#3e2210)}#app .btn-secondary{color:var(--text-dim)}#app .btn-secondary:before{background:var(--border-cu)}#app .btn-secondary:after{background:linear-gradient(160deg,#1e1208,#150e06,#1e1208)}#app .btn-secondary:hover:not(:disabled){color:var(--copper-light);filter:drop-shadow(0 0 6px #c1997633)}#app .btn-secondary:hover:not(:disabled):before{background:var(--copper-dark)}#app .btn-secondary:hover:not(:disabled):after{background:linear-gradient(160deg,#2a1808,#1e1005,#2a1808)}#app .btn-info{color:var(--blue3)}#app .btn-info:before{background:#2470b08c}#app .btn-info:after{background:linear-gradient(160deg,#101e38,#0c1628,#101e38)}#app .btn-info:hover:not(:disabled){color:#a8d8f8;filter:drop-shadow(0 0 8px #5aa8d84d)}#app .btn-info:hover:not(:disabled):before{background:var(--blue2)}#app .btn-info:hover:not(:disabled):after{background:linear-gradient(160deg,#162840,#0e1c30,#162840)}#app .btn-danger{color:#f07878}#app .btn-danger:before{background:#b42d1ea6}#app .btn-danger:after{background:linear-gradient(160deg,#280808,#1c0505,#280808)}#app .btn-danger:hover:not(:disabled){color:#ff9898;filter:drop-shadow(0 0 8px #c8322359)}#app .btn-danger:hover:not(:disabled):before{background:var(--red)}#app .btn-danger:hover:not(:disabled):after{background:linear-gradient(160deg,#341010,#280808,#341010)}#app .btn-move{color:#4ade80}#app .btn-move:before{background:#1c82418c}#app .btn-move:after{background:linear-gradient(160deg,#0e2018,#0a1810,#0e2018)}#app .btn-move:hover:not(:disabled){color:#6af09a;filter:drop-shadow(0 0 8px #2ea85e4d)}#app .btn-move:hover:not(:disabled):before{background:var(--green2)}#app .btn-move:hover:not(:disabled):after{background:linear-gradient(160deg,#142c1e,#0e2018,#142c1e)}#app button.large{letter-spacing:3px;padding:14px 52px;font-size:.92rem}#app button.btn-xs{letter-spacing:1px;padding:3px 10px;font-size:.62rem}#app button.btn-xs:before,#app button.btn-xs:after{clip-path:polygon(5px 0%,calc(100% - 5px) 0%,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0% calc(100% - 5px),0% 5px)}#app button.btn-xs:after{clip-path:polygon(4px 0%,calc(100% - 4px) 0%,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0% calc(100% - 4px),0% 4px);inset:1px}#app button:disabled{opacity:.3;cursor:not-allowed;filter:none!important}.stat-grid{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.stat-pill{border-bottom:1px solid var(--border-cu);text-align:center;background:#0d060099;min-width:46px;padding:4px 6px;transition:border-color .2s}.stat-pill:hover{border-bottom-color:var(--copper)}.stat-name{font-family:var(--font-head);letter-spacing:1px;color:var(--text-dim);font-size:.5rem;display:block}.stat-val{font-family:var(--font-head);color:var(--copper-light);font-size:.92rem;font-weight:700;display:block}.stat-mod{color:var(--text-dim);font-size:.62rem;display:block}.enemy-preview-card{background:#0d060080;border-left:2px solid #b83c2b66;align-items:flex-start;gap:10px;margin-top:10px;padding:10px;display:flex}.monster-icon{filter:drop-shadow(0 0 8px #c83c284d);font-size:1.8rem}.monster-info{font-size:.83rem;line-height:1.55}.monster-traits{color:var(--text-dim);margin-top:4px;font-size:.73rem;font-style:italic}.initiative-bar{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.init-badge{border:1px solid var(--border);font-family:var(--font-head);letter-spacing:.8px;color:var(--text-dim);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);background:#0d0600bf;align-items:center;gap:5px;padding:3px 14px;font-size:.68rem;transition:all .2s;display:flex}.init-badge.player{border-color:#5888c84d}.init-badge.enemy{border-color:#b83c2b4d}.init-badge.active-turn.player{border-color:var(--player-color);color:var(--blue3);filter:drop-shadow(0 0 5px #5888c833);background:#5888c81a;font-weight:600}.init-badge.active-turn.enemy{border-color:var(--enemy-color);color:#f07070;filter:drop-shadow(0 0 5px #b83c2b33);background:#b83c2b1a;font-weight:600}.init-num{font-family:var(--font-head);color:var(--copper);margin-left:3px;font-weight:700}.panel-combat{flex-direction:column;gap:8px;display:flex}#player-panel{border-top:2px solid var(--player-color)}#enemy-panel{border-top:2px solid var(--enemy-color)}.combatant-header{border-bottom:1px solid var(--border);flex-direction:column;gap:5px;padding-bottom:8px;display:flex}.combatant-name{font-family:var(--font-head);letter-spacing:1px;color:var(--copper-light);text-shadow:0 0 10px var(--copper-glow);font-size:.88rem;font-weight:700}.char-badges{flex-wrap:wrap;gap:5px;display:flex}.race-badge,.class-badge,.cr-badge{font-family:var(--font-head);letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid;padding:2px 7px;font-size:.58rem}.race-badge{border-bottom-color:var(--border2);color:var(--text-dim);background:0 0}.class-badge{color:var(--blue3);background:#5888c80f;border-bottom-color:#5888c84d}.cr-badge{color:#f07070;background:#b83c2b12;border-bottom-color:#b83c2b59}.hp-bar{clip-path:polygon(4px 0%,calc(100% - 4px) 0%,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0% calc(100% - 4px),0% 4px);background:#080300;border:1px solid #501e0a73;flex-shrink:0;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3}.hp-fill{width:100%;height:100%;transition:width .5s,background .4s;position:relative}.hp-fill:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 18px,#00000038 18px 19px);position:absolute;inset:0}.hp-fill:before{content:"";background:#ffffff12;height:35%;position:absolute;top:0;left:0;right:0}.hp-text{font-family:var(--font-head);letter-spacing:.5px;color:#ffffffe6;text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:flex;position:absolute;inset:0}.hp-effects{color:var(--text-dim);min-height:14px;font-size:.68rem;font-style:italic}.stat-row{flex-wrap:wrap;gap:3px;display:flex}.stat-item{border-bottom:1px solid var(--border);text-align:center;background:#00000038;flex:1;min-width:36px;padding:3px 5px;transition:border-color .2s}.stat-item:hover{border-bottom-color:var(--border-cu)}.si-label{font-family:var(--font-head);letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;font-size:.5rem;display:block}.si-val{font-family:var(--font-head);color:var(--text);font-size:.82rem;font-weight:700;display:block}.si-mod{color:var(--copper);font-size:.6rem;display:block}.char-details{color:var(--text-dim);font-size:.75rem;font-family:var(--font-body);line-height:1.8}.action-chips{flex-wrap:wrap;gap:4px;display:flex}.action-chip{border-bottom:1px solid var(--border);font-family:var(--font-head);letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;background:0 0;padding:3px 8px;font-size:.58rem}.action-chip.active{border-bottom-color:var(--border-cu2);color:var(--copper)}.action-chip.special{color:#c084fc;border-bottom-color:#7832c880}.center-col{flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;padding:6px;display:flex;overflow:hidden}.dice-strip{border:1px solid var(--border-cu);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);background:linear-gradient(135deg,#0d0600f5,#190e05e6,#0d0600f5);flex-shrink:0;align-items:center;gap:12px;height:46px;padding:4px 16px;display:flex}.dice-label{filter:drop-shadow(0 0 5px #c1997666);font-size:1.3rem}.dice-result{font-family:var(--font-head);color:var(--text-dim);text-align:center;letter-spacing:-1px;min-width:48px;font-size:1.8rem;font-weight:900;transition:all .2s}.dice-result.crit{color:var(--amber);text-shadow:0 0 16px var(--copper), 0 0 28px var(--copper-glow)}.dice-result.fumble{color:var(--red2);text-shadow:0 0 16px #d44838b3}.dice-result.high{color:var(--green2);text-shadow:0 0 10px #2ea85e66}.roll-animate .dice-result{animation:.45s cubic-bezier(.2,.8,.3,1.2) rollBounce}@keyframes rollBounce{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.5)rotate(-5deg)}60%{transform:scale(1.3)rotate(3deg)}to{transform:scale(1)rotate(0)}}#map-section.map-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.combat-log{border:1px solid var(--border-cu);border-left:2px solid var(--border-cu2);min-width:0;font-family:var(--font-body);scroll-behavior:smooth;background:#0a0400e0;flex-direction:column;flex:1;gap:2px;margin:8px 0 8px 8px;padding:5px 12px;font-size:.86rem;display:flex;overflow-y:auto}.log-entry{flex-shrink:0;padding:2px 8px;line-height:1.45}.log-entry.player{background:#5888c80d;border-left:2px solid #5888c861}.log-entry.enemy{background:#b83c2b0d;border-left:2px solid #b83c2b61}.log-entry.system{color:var(--text-dim);font-style:italic}.log-round{font-family:var(--font-head);letter-spacing:.5px;color:var(--text-dim);border:1px solid var(--border);background:#0006;margin-right:6px;padding:0 4px;font-size:.58rem}.adv-badge{color:#4ade80;background:#2ea85e1a;border:1px solid #2ea85e47;padding:1px 5px;font-size:.64rem}.disadv-badge{color:#f07070;background:#d4483814;border:1px solid #d4483847;padding:1px 5px;font-size:.64rem}.combat-controls{flex-flow:wrap;flex-shrink:0;place-content:center;align-items:center;gap:5px;width:210px;padding:8px;display:flex}.combat-controls button{letter-spacing:1.2px;flex:45%;padding:7px 10px;font-size:.7rem}#app .modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0d0600d4;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app .modal.hidden{display:none}.modal-content{background:linear-gradient(160deg, #c199760a 0%, transparent 40%), var(--panel);border:1px solid var(--border-cu2);border-top:2px solid var(--copper);clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);flex-direction:column;gap:10px;width:95%;max-width:540px;max-height:80vh;padding:22px;animation:.2s modalAppear;display:flex;overflow-y:auto;box-shadow:0 0 60px #000000e6,0 0 30px #c199760f}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content h3{font-family:var(--font-head);color:var(--copper-light);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px var(--copper-glow);margin-bottom:4px;font-size:.88rem}.modal-action{border:none;border-left:2px solid var(--border-cu);cursor:pointer;background:#1309008c;padding:10px 14px;transition:all .18s}.modal-action:hover:not(.disabled){border-left-color:var(--copper);background:#281405b3;transform:translate(3px)}.modal-action.disabled{opacity:.32;cursor:not-allowed}.action-name{font-family:var(--font-head);letter-spacing:.5px;color:var(--text);margin-bottom:3px;font-size:.83rem;font-weight:600}.action-desc{color:var(--text-dim);font-size:.83rem;font-style:italic}.no-slots{color:var(--red2);font-size:.65rem;font-family:var(--font-head);letter-spacing:.5px;text-transform:uppercase;margin-top:4px}.result-overlay{text-align:center}.result-container{flex-direction:column;align-items:center;gap:22px;display:flex}.result-icon{filter:drop-shadow(0 0 20px #c1997673);font-size:5rem;animation:.5s cubic-bezier(.2,.8,.3,1.4) resultPop}@keyframes resultPop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}#result-title{font-family:var(--font-title);color:var(--copper-light);text-shadow:0 0 30px var(--copper-glow), 0 0 60px #c199761a;letter-spacing:5px;font-size:2.8rem}#result-subtitle{color:var(--text-dim);max-width:500px;font-size:1.05rem;font-style:italic;font-family:var(--font-body)}.combat-stats{width:100%;max-width:520px}.stat-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.ss-item{background:linear-gradient(135deg, #c199760a, transparent), var(--panel);border:1px solid var(--border-cu);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);padding:12px 10px}.ss-label{font-family:var(--font-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;font-size:.58rem}.ss-val{font-family:var(--font-head);color:var(--copper-light);text-shadow:0 0 10px var(--copper-glow);font-size:1.65rem;font-weight:700}.replay-section{background:linear-gradient(160deg, #c1997605, transparent), var(--panel);border:1px solid var(--border-cu);text-align:left;clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);width:100%;padding:20px}.replay-section h2{font-family:var(--font-head);color:var(--copper-light);text-align:center;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px var(--copper-glow);margin-bottom:14px;font-size:.9rem}.replay-controls{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}#replay-step-indicator{font-family:var(--font-head);color:var(--text-dim);text-align:center;letter-spacing:1px;min-width:110px;font-size:.76rem}.replay-log{border-left:2px solid var(--border-cu);height:220px;font-size:.88rem;font-family:var(--font-body);scroll-behavior:smooth;background:#00000038;flex-direction:column;gap:4px;padding:10px 12px;display:flex;overflow-y:auto}.replay-new{animation:.35s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.result-actions{margin-top:8px}.map-section{background:var(--panel);border:1px solid var(--border-cu);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.map-header{border-bottom:1px solid var(--border-cu);background:linear-gradient(135deg,#0d0600eb,#190e05e0);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.map-title-row{align-items:center;gap:8px;display:flex}.map-title{font-family:var(--font-head);color:var(--copper);letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 8px var(--copper-glow);font-size:.75rem;font-weight:600}.map-theme-label{font-family:var(--font-head);color:var(--text-dim);border-bottom:1px solid var(--border);letter-spacing:.8px;text-transform:uppercase;background:#0000004d;padding:1px 8px;font-size:.6rem}.map-meta{flex-wrap:wrap;flex:1;gap:14px;display:flex}.map-meta-item{font-family:var(--font-head);letter-spacing:.5px;color:var(--text-dim);font-size:.7rem}.range-ok{text-shadow:0 0 6px #4ade804d;font-weight:600;color:#4ade80!important}.range-far{color:#f07070!important}.battle-map{max-width:100%;image-rendering:crisp-edges;flex-shrink:0;display:block}.map-footer{border-top:1px solid var(--border-cu);background:linear-gradient(135deg,#0d0600eb,#190e05e0);flex-direction:column;gap:4px;padding:5px 14px;display:flex}.map-hint{font-family:var(--font-head);letter-spacing:.5px;color:#4ade80;text-shadow:0 0 8px #4ade804d;min-height:14px;font-size:.68rem}.map-legend{font-family:var(--font-head);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:.6rem;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-sw{clip-path:polygon(4px 0%,calc(100% - 4px) 0%,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0% calc(100% - 4px),0% 4px);width:8px;height:8px;display:inline-block}.sw-player{background:#5888c88c}.sw-enemy{background:#b83c2b8c}.sw-reach{background:#2ea85e73}.sw-melee{background:#c199764d}@media (max-width:900px){.side-panel{width:170px}#app{--cell:28px}}@media (max-width:700px){.main-layout{flex-direction:column;overflow-y:auto}.side-panel{border-left:none;border-right:none;border-bottom:1px solid var(--border);width:100%}.enemy-side{border-left:none}.combat-controls{flex-wrap:wrap}.stat-summary-grid{grid-template-columns:repeat(2,1fr)}#app{--cell:24px}}