#battle-surface{position:absolute;inset:74px 0 0;z-index:5;background:#0b171b;color:#f0e3c6;overflow:hidden}
#battle-surface[hidden]{display:none}.battle-mode #vtt-map{visibility:hidden}.battle-mode .canvas-toolbar,.battle-mode .map-help,.battle-mode [data-vtt="edit-canvas"],.battle-mode [data-vtt="pin"]{display:none!important}
.battle-panel [hidden]{display:none!important}
.battle-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none;cursor:grab;background:radial-gradient(ellipse at center,#203331,#081116)}.battle-viewport:active{cursor:grabbing}.placing-token .battle-viewport{cursor:crosshair}
.battle-world{position:absolute;left:0;top:0;transform-origin:0 0;background:#1c2b2b;box-shadow:0 0 0 2px #b3905055,0 20px 80px #0008;will-change:transform}
.battle-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.battle-background[hidden],.battle-grid[hidden]{display:none}
.battle-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#e0d0a826 1px,transparent 1px),linear-gradient(90deg,#e0d0a826 1px,transparent 1px);background-size:var(--battle-unit) var(--battle-unit)}
.battle-toolbar{position:absolute;left:100px;top:16px;right:345px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 17px;background:#0c1b20ed;border:1px solid #b58b4255;box-shadow:0 8px 30px #0004;border-radius:5px;z-index:4}
.battle-toolbar h2{font:600 25px var(--serif);margin:2px 0 0}.battle-mode-label{font:9px var(--sans);letter-spacing:.12em;color:#cda76a}.battle-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.battle-actions button,.battle-panel button,.battle-hint button{font:600 11px var(--sans);color:#e9dabc;border:1px solid #9c7c4966;border-radius:4px;background:#172b2d;padding:10px 12px;cursor:pointer;min-height:38px}
.battle-actions button:hover,.battle-panel button:hover,.battle-hint button:hover{background:#29423e;border-color:#ddb36e}.battle-primary{background:#bc9455!important;color:#0b171b!important;border-color:#d7b373!important}.battle-panel button:disabled{opacity:.5;cursor:wait}
.battle-lock{font:10px var(--sans);color:#afbeba}.battle-hint{position:absolute;bottom:18px;left:100px;right:345px;z-index:4;background:#0c1b20ed;border:1px solid #b58b4244;padding:10px 14px;font:11px/1.7 var(--sans);border-radius:4px}.battle-hint button{padding:3px 8px;min-height:28px}
.battle-range{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:#162b2aef;border:1px solid #d8b16a;color:#ffe0a5;padding:12px 20px;border-radius:30px;font:600 13px var(--sans);pointer-events:none;z-index:3}.battle-range[hidden]{display:none}
.battle-measure{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.battle-measure line{stroke:#ffe2a2;stroke-width:3;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}
.battle-token{position:absolute;transform:translate(-50%,-50%);border:none;padding:0;background:none;color:#fff2d5;cursor:crosshair;touch-action:none;z-index:2;overflow:visible}.battle-token.owned{cursor:grab}.battle-token.owned:active{cursor:grabbing}
.battle-token-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:4px solid var(--token-color);border-radius:50%;background:radial-gradient(circle at 40% 30%,#425550,#102225);box-shadow:0 4px 14px #0009;overflow:hidden;font:36px var(--serif);box-sizing:border-box}.battle-token-face img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.battle-token.selected .battle-token-face{outline:3px solid #ffe6a6;outline-offset:5px}.battle-token.targeted .battle-token-face{outline:3px dashed #e8ac77;outline-offset:5px}.battle-token:focus-visible{outline:3px solid #fff0c9;outline-offset:8px;border-radius:50%}
.battle-token-name{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) scale(var(--battle-label-scale,1));transform-origin:bottom center;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;background:#091719ed;border:1px solid #ccb47b55;border-radius:3px;font:600 11px var(--sans)}
.battle-token-hp{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%) scale(var(--battle-label-scale,1));transform-origin:top center;white-space:nowrap;font:600 11px var(--sans);background:#153d33;color:#dff4dc;border:1px solid #7caf91;padding:3px 7px;border-radius:3px}
.battle-token-effects{position:absolute;left:calc(100% + 6px);top:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;transform:scale(var(--battle-label-scale,1));transform-origin:top left;pointer-events:none}.battle-token-effects i{white-space:nowrap;font:600 9px var(--sans);background:#302320ed;border:1px solid #c79166;color:#f2d6b8;padding:3px 5px;border-radius:3px}.battle-token.dead .battle-token-face{filter:grayscale(1);opacity:.55}.battle-token.dead:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;font:70px var(--serif);color:#df8576;pointer-events:none}.battle-token.prone .battle-token-face{border-style:dashed}
.battle-panel{max-height:calc(100vh - 135px)}.battle-panel .window-body{padding:18px;overflow:auto}.battle-panel p{font:12px/1.7 var(--sans);color:#b7c5c0}.battle-panel form{display:flex;flex-direction:column;gap:14px}.battle-panel label{display:flex;flex-direction:column;gap:7px;font:600 11px var(--sans);color:#d9cfb6}.battle-panel label small{font:11px/1.5 var(--sans);color:#aebdb8}
.battle-panel input:not([type=checkbox]),.battle-panel select,.battle-panel textarea{box-sizing:border-box;width:100%;padding:10px 11px;background:#0b1a20;color:#eee0c4;border:1px solid #8f815958;border-radius:4px;font:12px var(--sans)}.battle-panel input[type=color]{padding:4px;height:40px}.battle-panel textarea{min-height:75px;resize:vertical}.battle-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-panel fieldset{border:1px solid #927b4a55;padding:12px}.battle-panel legend{font:12px var(--sans);color:#dec086}.battle-effect-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-panel .battle-check{flex-direction:row;align-items:center;gap:9px}.battle-check input{accent-color:#c4a163;width:17px;height:17px}.battle-panel-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.battle-inline-form{border-bottom:1px solid #ad925044;padding-bottom:18px}.battle-library article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #ad925033}.battle-library b,.battle-library small{display:block}.battle-library b{font:600 19px var(--serif)}.battle-library small{font:10px var(--sans);color:#b8bdac;margin-top:5px}
@media(max-width:1100px){.battle-toolbar{right:30px;margin-right:0}.battle-hint{right:30px}.battle-toolbar h2{font-size:22px}}
@media(max-width:620px){#battle-surface{top:64px}.battle-toolbar{left:12px;right:12px;top:8px;padding:9px}.battle-actions{gap:5px}.battle-actions button{padding:8px;font-size:10px}.battle-hint{left:12px;right:12px;bottom:75px;font-size:10px}.battle-range{bottom:150px;width:max-content;max-width:90%;text-align:center}.battle-panel{left:8px!important;max-width:calc(100vw - 16px)}.battle-fields{grid-template-columns:1fr 1fr}}