/* Visuals are the approved paintings. DOM supplies only hit targets and live text. */
@font-face{font-family:PaintedUI;src:url(assets/roboto-condensed.ttf) format('truetype');font-weight:100 900;font-display:swap}
.logic-only{display:none!important}#overlay{background:#07172880;backdrop-filter:none}.art-scene{position:absolute;transform-origin:top left;overflow:hidden}.art-scene>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art-hit{position:absolute;margin:0;padding:0;background:transparent!important;border:0!important;box-shadow:none;border-radius:16px;color:transparent;cursor:pointer;touch-action:manipulation}.art-hit:hover:not(:disabled){box-shadow:inset 0 0 16px #fff6b433;filter:none}.art-hit:active:not(:disabled){transform:none;box-shadow:inset 0 0 18px #06253833}.art-hit:focus-visible{outline:3px solid #fff8b9;outline-offset:1px}.art-hit:disabled{opacity:1;filter:none;cursor:default}.art-scroll{position:absolute;overflow:auto;overscroll-behavior:contain;scrollbar-color:#d7b478 #0d486f;scrollbar-width:thin}.art-scroll>canvas{display:block;pointer-events:none}.art-scroll>.art-list{position:relative}.art-list>canvas{position:absolute;inset:0;pointer-events:none}.art-map-hit:hover{box-shadow:0 0 20px #fff8bd55}.art-settings{position:absolute;right:14px;bottom:8px;width:39px;height:39px;border:0;border-radius:50%;background:#16476b;color:#f4de9e;font-size:26px;box-shadow:0 0 0 2px #e9c47d;cursor:pointer}.art-scene input[type=file]{display:none}#battle-controls.art-battle{position:absolute;inset:0;pointer-events:none}#battle-controls.art-battle>canvas{position:absolute;inset:0;width:1816px;height:866px}#battle-controls.art-battle>.art-hit{pointer-events:auto}.hit.current{box-shadow:none;animation:none}#toast{font-family:PaintedUI,Arial,sans-serif;background:#093e68f5;border-color:#efd18e;color:#fff8df;font-weight:700}

#overlay{background:rgba(7,23,40,.60);backdrop-filter:blur(3px)}
.art-scene:focus{outline:none}