/* Spot: overrides scoped to the battle area. */
body[data-realm-panel="spot"] .game-top{gap:12px;padding-bottom:8px;align-items:center}
body[data-realm-panel="spot"] .game-top h1{font-size:24px;margin:2px 0}
body[data-realm-panel="spot"] .game-top .eyebrow{font-size:8px}
body[data-realm-panel="spot"] #totals{display:none}
body[data-realm-panel="spot"] #continuity{margin:3px 0;font-size:10px;min-height:0}
body[data-realm-panel="spot"] .combat-milestones{gap:20px;margin:8px 0}
body[data-realm-panel="spot"] .combat-milestones label{font-size:10px;gap:3px}
body[data-realm-panel="spot"] #live-scene{border:1px solid #8e78534d;box-shadow:0 8px 30px #0005;isolation:isolate}
body[data-realm-panel="spot"] .scene-header{padding:12px 14px;background:linear-gradient(#08120fe6,transparent);font-size:11px;gap:8px}
body[data-realm-panel="spot"] .fighter-button{width:96px;filter:none}
body[data-realm-panel="spot"] .battle-portrait{width:90px;height:115px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.battle-body{width:100%;height:100%;filter:drop-shadow(0 2px 4px #0007);transform-origin:50% 80%}
body[data-realm-panel="spot"] .fighter-name{background:transparent;text-shadow:0 2px 3px #000;font-size:10px;padding:0;margin-top:-5px}
body[data-realm-panel="spot"] .fighter-mana{font-size:8px;background:transparent}
body[data-realm-panel="spot"] .battle-mana{width:54px;margin:1px auto;height:3px;border:0}
body[data-realm-panel="spot"] .attack-ready{width:54px;margin:2px auto}
body[data-realm-panel="spot"] .monster-art{border:0;box-shadow:none;filter:drop-shadow(0 4px 3px #0008)}
body[data-realm-panel="spot"] .mob-treant .monster-art{width:90px;height:82px;transform-origin:50% 90%}
body[data-realm-panel="spot"] .mob-label{font-size:9px}
body[data-realm-panel="spot"] .mob-unit{cursor:pointer}
body[data-realm-panel="spot"] .mob-unit:focus-visible{outline:2px solid #e7c681;outline-offset:3px}
body[data-realm-panel="spot"] .is-targeted:after{content:"";position:absolute;width:45px;height:9px;border:1px solid #e6cc8499;border-radius:50%;bottom:-4px;left:50%;transform:translateX(-50%);background:#e6cc8414;z-index:-1}
body[data-realm-panel="spot"] #drop-feed{top:44px;left:12px;width:auto;max-width:40%;pointer-events:auto}
body[data-realm-panel="spot"] #drop-feed>.spot-drop-slots{display:flex;gap:5px;flex-wrap:wrap;background:transparent;border:0;padding:0;box-shadow:none}
.spot-drop-slot{position:relative;width:46px;height:46px;border:1px solid #8b7853;background:#101b16dc;border-radius:4px;padding:5px;box-shadow:inset 0 0 8px #0008}
body[data-realm-panel="spot"] #drop-feed .spot-drop-slot .reino-icon{width:34px;height:34px;display:block}
.spot-drop-slot b{position:absolute;bottom:1px;right:3px;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}
.spot-drop-slot>span:last-child{display:none}
.spot-drop-slot .recipe-art{font-size:0}.spot-drop-slot .recipe-art small{display:none}
#target-info{position:absolute;bottom:10px;right:12px;max-width:75%;padding:5px 9px;background:#0c1716dd;border:1px solid #81745070;border-radius:4px;font-size:10px;color:#e7d8b1;z-index:5}
body[data-realm-panel="spot"] .spot-console{padding:12px 14px;gap:0}
.spot-console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body[data-realm-panel="spot"] .spot-console .battle-chronicles{margin:0;max-width:100%;width:100%}
body[data-realm-panel="spot"] .battle-chronicles summary{padding:7px 10px;font-size:11px}
body[data-realm-panel="spot"] .battle-chronicles .log{max-height:170px;position:static;width:100%;font-size:11px}
body[data-realm-panel="spot"] .spot-console .spot-upgrade-grid{margin:10px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}
body[data-realm-panel="spot"] .spot-upgrade-card{margin:0;padding:0;box-shadow:none;border-color:#79694670}
body[data-realm-panel="spot"] .spot-upgrade-card>summary{padding:10px;align-items:center;gap:8px;min-height:76px;list-style:none}
.spot-upgrade-card>summary::-webkit-details-marker{display:none}
.spot-upgrade-card>summary>.realm-icon{width:24px;height:24px;flex:0 0 24px;color:#ddc48b}
.spot-upgrade-card>summary>span{flex:1;min-width:0}
.spot-upgrade-card>summary strong{display:block;font-size:12px}
.spot-upgrade-card>summary small{display:block;font-size:9px;margin-top:3px;color:#acb4a2}
.spot-upgrade-card>summary>b{font-size:11px;white-space:nowrap}
.spot-upgrade-card[open]{border-color:#cfad69}
body[data-realm-panel="spot"] .spot-upgrade-card>:not(summary){margin:10px}
body[data-realm-panel="spot"] .spot-upgrade-card>button{width:calc(100% - 20px)}
body[data-realm-panel="spot"] #live-scene[data-encounter="treant"]{box-shadow:inset 0 0 45px #80a85820,0 8px 30px #0005}
@media(max-width:1000px){body[data-realm-panel="spot"] .spot-console .spot-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body[data-realm-panel="spot"] .game-top{gap:6px}body[data-realm-panel="spot"] .game-top h1{font-size:19px}body[data-realm-panel="spot"] .game-top>.realm-hud{margin:4px 0}body[data-realm-panel="spot"] .fighter-button{width:64px}body[data-realm-panel="spot"] .battle-portrait{width:67px;height:100px}body[data-realm-panel="spot"] .fighter-name{font-size:8px}body[data-realm-panel="spot"] .scene-header{font-size:9px;padding:9px 7px}body[data-realm-panel="spot"] #drop-feed{left:7px;top:38px;max-width:48%}.spot-drop-slot{width:35px;height:35px;padding:3px}body[data-realm-panel="spot"] #drop-feed .spot-drop-slot .reino-icon{width:27px;height:27px}.spot-upgrade-card>summary>.realm-icon{width:18px;height:18px;flex-basis:18px}body[data-realm-panel="spot"] .spot-upgrade-card>summary{padding:8px;gap:5px}.spot-upgrade-card>summary strong{font-size:11px}.spot-upgrade-card>summary small{font-size:8px}.spot-requirements li{flex-wrap:wrap}body[data-realm-panel="spot"] .mob-treant .monster-art{width:70px;height:72px}}
@media(prefers-reduced-motion:reduce){.battle-body{animation:none}body[data-realm-panel="spot"] .battle-portrait{animation:none}}


/* chatC-01: supplied battlefield and transparent hero atlas. */
body[data-realm-panel="spot"] #live-scene{background-image:url("assets/aurion-clareira-v1.webp");background-size:cover;background-position:center 65%}
body[data-realm-panel="spot"] .scene-shade{background:linear-gradient(180deg,#06100b55,transparent 35%,#07110c44)}
/* Armor is baked into the complete character sprite; no armor overlay is painted over base clothing. */
/* Floating hit appearance is managed by spot-combat-fx.css. */
.scene-encounter{position:absolute;left:50%;top:85px;transform:translateX(-50%);z-index:7;max-width:85%;padding:8px 15px;border:1px solid #9bac75;background:#132319ed;color:#e8e8be;text-align:center;font:16px Georgia,serif;pointer-events:none}
.scene-encounter[data-kind="goblin"]{border-color:#bc925a;background:#302113ed;color:#edc891}
@media(max-width:700px){body[data-realm-panel="spot"] .realm-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body[data-realm-panel="spot"] .hud-cell:nth-child(3){grid-column:auto}body[data-realm-panel="spot"] .hud-cell{min-height:38px;padding:4px;gap:4px}body[data-realm-panel="spot"] .hud-cell b{font-size:9px}body[data-realm-panel="spot"] .hud-cell small{font-size:7px}body[data-realm-panel="spot"] .combat-milestones{grid-template-columns:1fr 1fr;gap:8px}.scene-encounter{top:100px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.battle-raster{animation:none}}


/* Cinzabruma reuses the fixed field, hero anchors and five positions per column. */
body[data-realm-panel="spot"] #live-scene[data-region="cinzabruma"]{background-image:url('assets/season1/bastiao-cinzabruma-v1.webp');background-size:cover;background-position:60% 65%}
body[data-realm-panel="spot"] #live-scene[data-region="cinzabruma"] .scene-shade{background:linear-gradient(0deg,#10151dd4,transparent 70%)}
body[data-realm-panel="spot"] .mob-javali-cinzabruma .monster-art{width:84px;height:72px;border-radius:0;overflow:visible;background:none}
body[data-realm-panel="spot"] .mob-sentinela-juramento .monster-art{width:90px;height:100px;border-radius:0;overflow:visible;background:none}
body[data-realm-panel="spot"] .mob-mordrath-sino .monster-art{width:135px;height:170px;border-radius:0;overflow:visible;background:none}
body[data-realm-panel="spot"] .mob-mordrath-sino{width:145px;transform:translateY(-28px)}
.cinzabruma-monster-body{display:block;width:100%;height:100%}.spot-travel{margin-bottom:15px}.spot-travel-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.spot-travel-buttons button{font-size:11px;padding:8px 12px;min-height:42px}.spot-travel-buttons button[aria-pressed="true"]{opacity:1;border-color:#c9a45c;color:#eed89f;background:#363321}.spot-travel>small,.spot-test-rules{display:block;font-size:10px;color:#c4c9bc;line-height:1.7}.spot-test-rules{margin:8px 0}.spot-test-rules summary{cursor:pointer;color:#dac085}
@media(max-width:600px){body[data-realm-panel="spot"] .mob-javali-cinzabruma .monster-art{width:66px;height:60px}body[data-realm-panel="spot"] .mob-sentinela-juramento .monster-art{width:68px;height:88px}body[data-realm-panel="spot"] .mob-mordrath-sino .monster-art{width:96px;height:140px}body[data-realm-panel="spot"] .mob-mordrath-sino{width:104px;transform:translateY(-18px)}}

/* Spot redesign: game-first navigation, formation lanes and focused side panels. */
body[data-realm-panel="spot"] .scene{overflow:hidden;position:relative}
body[data-realm-panel="spot"] #live-scene{height:610px;border-radius:8px;transition:background-color .18s ease}
body[data-realm-panel="spot"] #fighters .fighter-button{min-height:0;padding:0;background:transparent;border:0;box-shadow:none}
body[data-realm-panel="spot"] .fighter-button:focus-visible{outline:2px solid #e6ca88;outline-offset:3px}
body[data-realm-panel="spot"] .scene-header{z-index:8;min-height:40px;text-shadow:0 2px 4px #000}
body[data-realm-panel="spot"] .scene-header #enemy-name{max-width:62%;font:700 14px Georgia,serif;color:#f0dba8}
body[data-realm-panel="spot"] .scene-header #cycle{max-width:38%;text-align:right;font-size:10px;color:#d8d2bd}
body[data-realm-panel="spot"] #scene-status{display:block;position:absolute;z-index:6;left:10px;right:10px;bottom:7px;padding:5px 8px;border:1px solid #93865b58;border-radius:4px;background:#0b120fd9;color:#d8d0b7;font-size:10px;line-height:1.3;text-align:center;pointer-events:none}
body[data-realm-panel="spot"] .mob-unit{z-index:2}
body[data-realm-panel="spot"] .mob-unit.is-targeted{z-index:4;filter:drop-shadow(0 0 9px #ecd18e8c)}
body[data-realm-panel="spot"] .mob-unit.is-targeted .mob-label{color:#ffe6a6;font-weight:800}
body[data-realm-panel="spot"] .mob-health{box-shadow:0 1px 4px #000}
body[data-realm-panel="spot"] .respawn-label{padding:3px 5px;border:1px dashed #a8a08166;border-radius:4px;background:#101711d9;color:#c5bfa8;font-size:9px;z-index:1}
body[data-realm-panel="spot"] .scene-encounter{top:52px;max-width:75%;padding:6px 10px;font-size:13px;box-shadow:0 5px 20px #0006}
body[data-realm-panel="spot"] .spot-console{display:block;padding:0;margin:0;background:#121a14;border:1px solid #5a5038;border-top:1px solid #8c7448;border-radius:0 0 8px 8px;overflow:visible}
body[data-realm-panel="spot"] .spot-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;padding:8px;background:#0d130f;border-bottom:1px solid #5a5038}
body[data-realm-panel="spot"] .spot-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;margin:0;padding:8px 7px;border:1px solid #464a36;border-radius:5px;background:linear-gradient(180deg,#1b241c,#111711);color:#c4bda8;font-size:11px;white-space:nowrap}
body[data-realm-panel="spot"] .spot-tab>span{font-size:15px;line-height:1}
body[data-realm-panel="spot"] .spot-tab b{font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
body[data-realm-panel="spot"] .spot-tab[aria-selected="true"]{border-color:#d5b675;background:linear-gradient(180deg,#403b27,#24291d);color:#f0d69b;box-shadow:inset 0 0 0 1px #d5b67524}
body[data-realm-panel="spot"] .spot-view{display:none;padding:15px 16px 17px}
body[data-realm-panel="spot"] .spot-console[data-spot-view="upgrades"] [data-view="upgrades"],
body[data-realm-panel="spot"] .spot-console[data-spot-view="map"] [data-view="map"],
body[data-realm-panel="spot"] .spot-console[data-spot-view="chronicles"] [data-view="chronicles"],
body[data-realm-panel="spot"] .spot-console[data-spot-view="stats"] [data-view="stats"]{display:block}
body[data-realm-panel="spot"] .spot-combat-summary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr);align-items:center;gap:14px;padding:5px 2px}
body[data-realm-panel="spot"] .spot-summary-main h2{margin:4px 0;font-size:21px;color:#eee0bc}
body[data-realm-panel="spot"] .spot-summary-main p,body[data-realm-panel="spot"] .spot-section-heading p{margin:6px 0 0;color:#adb5a2;font-size:11px;line-height:1.55}
body[data-realm-panel="spot"] .spot-summary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body[data-realm-panel="spot"] .spot-summary-kpis>div{padding:9px 7px;border:1px solid #464c39;border-radius:5px;background:#0e1510;text-align:center}
body[data-realm-panel="spot"] .spot-summary-kpis b{display:block;color:#e4c982;font:700 20px Georgia,serif}
body[data-realm-panel="spot"] .spot-summary-kpis small{display:block;margin-top:4px;color:#aeb5a0;font-size:9px;line-height:1.3}
body[data-realm-panel="spot"] .spot-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #404638}
body[data-realm-panel="spot"] .spot-shortcuts button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;padding:8px 12px;font-size:11px}
body[data-realm-panel="spot"] .spot-shortcuts button span{color:#d8ba71}
body[data-realm-panel="spot"] .spot-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 12px}
body[data-realm-panel="spot"] .spot-section-heading h2{margin:3px 0 0;color:#f0e2c0;font:700 22px Georgia,serif}
body[data-realm-panel="spot"] .spot-rank-pill{flex:0 0 auto;padding:6px 9px;border:1px solid #71603c;border-radius:14px;background:#272b1e;color:#dfca91;font-size:10px;white-space:nowrap}
body[data-realm-panel="spot"] .spot-upgrade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start;margin:0}
body[data-realm-panel="spot"] .spot-upgrade-card{min-width:0;margin:0;padding:0;background:linear-gradient(145deg,#1b241d,#111711);border:1px solid #4b503c;border-radius:6px;overflow:hidden}
body[data-realm-panel="spot"] .spot-upgrade-card[open]{border-color:#c9aa68;box-shadow:0 7px 20px #0003}
body[data-realm-panel="spot"] .spot-upgrade-card>summary{display:flex;align-items:center;gap:7px;min-height:70px;margin:0;padding:9px;list-style:none}
body[data-realm-panel="spot"] .spot-upgrade-card>summary::-webkit-details-marker{display:none}
body[data-realm-panel="spot"] .spot-upgrade-card>summary>.realm-icon{width:23px;height:23px;flex:0 0 23px;color:#ddc48b}
body[data-realm-panel="spot"] .spot-upgrade-card>summary>span{flex:1;min-width:0}
body[data-realm-panel="spot"] .spot-upgrade-card>summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35}
body[data-realm-panel="spot"] .spot-upgrade-card>summary small{display:block;margin-top:4px;color:#abb4a3;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .spot-upgrade-card>summary>b{flex:0 0 auto;font-size:10px;color:#dcc887;white-space:nowrap}
body[data-realm-panel="spot"] .spot-upgrade-card>:not(summary){margin:10px}
body[data-realm-panel="spot"] .spot-upgrade-card .spot-upgrade-values{padding:9px;background:#101811;border-left:2px solid #8f7848}
body[data-realm-panel="spot"] .spot-upgrade-card .spot-upgrade-values p{font-size:11px;line-height:1.5}
body[data-realm-panel="spot"] .spot-upgrade-card .eyebrow{font-size:8px;letter-spacing:1.3px}
body[data-realm-panel="spot"] .spot-upgrade-card .spot-requirements{display:grid;gap:7px;list-style:none;padding:0;margin:10px 0}
body[data-realm-panel="spot"] .spot-upgrade-card .spot-requirements li{display:flex;justify-content:space-between;align-items:start;gap:8px;padding:0 0 6px;border-bottom:1px solid #343c30;font-size:10px;line-height:1.45}
body[data-realm-panel="spot"] .spot-upgrade-card .spot-requirements li b{white-space:nowrap}
body[data-realm-panel="spot"] .spot-upgrade-card>button{width:calc(100% - 20px);min-height:38px;margin:0 10px 10px;padding:8px;font-size:11px}
body[data-realm-panel="spot"] .spot-upgrade-card .upgrade-blocker{display:block;margin:8px 10px;color:#d4a180;font-size:10px;line-height:1.4}
body[data-realm-panel="spot"] .spot-travel{margin:0;padding:12px 13px;border:1px solid #424c39;border-radius:6px;background:#0f1711}
body[data-realm-panel="spot"] .spot-travel-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
body[data-realm-panel="spot"] .spot-travel-buttons button{min-height:40px;font-size:11px}
body[data-realm-panel="spot"] .spot-destination-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
body[data-realm-panel="spot"] .spot-rules{margin-top:12px;border-top:1px solid #414738;padding-top:8px}
body[data-realm-panel="spot"] .spot-rules summary{font-size:11px;color:#d8c68f}
body[data-realm-panel="spot"] .spot-rules p{font-size:11px;color:#aeb6a5;line-height:1.6}
body[data-realm-panel="spot"] .spot-chronicle-log{max-height:380px;overflow:auto;padding-right:6px}
body[data-realm-panel="spot"] .spot-chronicle-log p{padding:8px 9px;margin:0;border-bottom:1px solid #333b30;color:#d4d0bd;font-size:11px;line-height:1.5}
body[data-realm-panel="spot"] .spot-view[data-view="stats"]>.spot-section-heading{margin-bottom:6px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .panel{margin:0;background:transparent;border:0;box-shadow:none;padding:0}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .panel>summary{padding:10px 0;font-size:13px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-card{padding:11px;background:#101711;border-color:#424a37}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-kpis>span{padding:8px;background:#192219;border:1px solid #3a4536;border-radius:4px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-kpis b{display:block;color:#e3c781;font-size:18px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin-top:10px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-line{display:flex;justify-content:space-between;align-items:start;gap:8px;padding:5px 0;border-bottom:1px solid #333b30;font-size:10px}
body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-line>b{color:#e1d4ae}
body[data-realm-panel="spot"] .kingdom-more-toggle,body[data-realm-panel="spot"] .kingdom-more-menu{display:none}
@media(max-width:1000px){
 body[data-realm-panel="spot"] .spot-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-realm-panel="spot"] .spot-combat-summary{grid-template-columns:1fr}
}
@media(max-width:700px){
 body[data-realm-panel="spot"] .kingdom-rail{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-width:none;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:6px;border:1px solid #4e4937;border-radius:10px;background:rgba(8,11,9,.97);box-shadow:0 12px 30px rgba(0,0,0,.55);backdrop-filter:blur(10px)}
 body[data-realm-panel="spot"] #nav>a[data-area="home"],body[data-realm-panel="spot"] #nav>a[data-area="wallet"],body[data-realm-panel="spot"] #nav>a[data-area="rules"]{display:none}
 body[data-realm-panel="spot"] .kingdom-rail-btn{min-width:0;min-height:48px;margin:0;padding:5px 2px;gap:3px;border-radius:6px;font-size:19px}
 body[data-realm-panel="spot"] .kingdom-rail-btn small{font-size:8px;letter-spacing:0}
 body[data-realm-panel="spot"] .kingdom-rail-btn:hover,body[data-realm-panel="spot"] .kingdom-rail-btn.active{transform:none}
 body[data-realm-panel="spot"] .kingdom-more-toggle{display:flex}
 body[data-realm-panel="spot"] .kingdom-more-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:5px;min-width:190px;padding:7px;border:1px solid #6a6044;border-radius:8px;background:#101711f7;box-shadow:0 12px 30px #0009}
 body[data-realm-panel="spot"] .kingdom-more-menu[hidden]{display:none!important}
 body[data-realm-panel="spot"] .kingdom-more-link{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #373e30;border-radius:5px;background:#192219;color:#e1d3af;text-decoration:none;font-size:12px}
 body[data-realm-panel="spot"] .kingdom-more-link.active{border-color:#d7b873;color:#f0d18e}
 body[data-realm-panel="spot"] .realm-shell{margin-left:0;width:auto}
 body[data-realm-panel="spot"] .realm-shell>main{padding:12px 10px 112px}
 body[data-realm-panel="spot"] #live-scene{border-radius:8px}
 body[data-realm-panel="spot"] .game-top{position:static;margin-bottom:9px;padding:10px 0;min-height:0}
 body[data-realm-panel="spot"] .game-top h1{font-size:clamp(22px,6vw,30px)}
 body[data-realm-panel="spot"] .realm-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body[data-realm-panel="spot"] .hud-cell{min-width:0;min-height:40px;padding:5px 4px;gap:4px;justify-content:center}
 body[data-realm-panel="spot"] .hud-cell .realm-icon{width:16px;height:16px}
 body[data-realm-panel="spot"] .hud-cell b{font-size:9px}
 body[data-realm-panel="spot"] .hud-cell small{font-size:7px;letter-spacing:.4px}
 body[data-realm-panel="spot"] .combat-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 8px}
 body[data-realm-panel="spot"] .combat-milestones label{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:3px;font-size:9px}
 body[data-realm-panel="spot"] .combat-milestones progress{width:100%;height:6px}
 body[data-realm-panel="spot"] .scene-header{padding:9px 7px}
 body[data-realm-panel="spot"] .scene-header #enemy-name{font-size:11px}
 body[data-realm-panel="spot"] .scene-header #cycle{font-size:8px}
 body[data-realm-panel="spot"] .fighter-button{width:64px}
 body[data-realm-panel="spot"] .battle-portrait{width:62px;height:86px}
 body[data-realm-panel="spot"] .fighter-name{font-size:8px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-realm-panel="spot"] .fighter-mana{font-size:7px}
 body[data-realm-panel="spot"] .battle-mana,body[data-realm-panel="spot"] .attack-ready{width:44px}
 body[data-realm-panel="spot"] .mob-label{font-size:8px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body[data-realm-panel="spot"] .mob-health{width:64px;max-width:100%}
 body[data-realm-panel="spot"] .mob-treant .monster-art{width:66px;height:68px}
 body[data-realm-panel="spot"] .mob-javali-cinzabruma .monster-art{width:58px;height:56px}
 body[data-realm-panel="spot"] .mob-sentinela-juramento .monster-art{width:62px;height:76px}
 body[data-realm-panel="spot"] .mob-mordrath-sino .monster-art{width:92px;height:125px}
 body[data-realm-panel="spot"] .mob-mordrath-sino{width:100px;transform:translateY(-14px)}
 body[data-realm-panel="spot"] #drop-feed{left:7px;top:40px;max-width:44%}
 body[data-realm-panel="spot"] .spot-drop-slot{width:33px;height:33px;padding:2px}
 body[data-realm-panel="spot"] #drop-feed .spot-drop-slot .reino-icon{width:25px;height:25px}
 body[data-realm-panel="spot"] .scene-footer{max-width:75%;font-size:8px}
 body[data-realm-panel="spot"] #scene-status{left:5px;right:5px;bottom:4px;padding:4px;font-size:8px}
 body[data-realm-panel="spot"] .spot-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px}
 body[data-realm-panel="spot"] .spot-tab{flex-direction:column;gap:3px;min-height:51px;padding:4px 2px;font-size:9px;white-space:normal}
 body[data-realm-panel="spot"] .spot-tab>span{font-size:14px}
 body[data-realm-panel="spot"] .spot-tab b{font-size:8px;line-height:1.1;white-space:nowrap}
 body[data-realm-panel="spot"] .spot-view{padding:12px 9px}
 body[data-realm-panel="spot"] .spot-combat-summary{gap:8px}
 body[data-realm-panel="spot"] .spot-summary-main h2{font-size:18px}
 body[data-realm-panel="spot"] .spot-summary-kpis{gap:4px}
 body[data-realm-panel="spot"] .spot-summary-kpis>div{padding:8px 3px}
 body[data-realm-panel="spot"] .spot-summary-kpis b{font-size:17px}
 body[data-realm-panel="spot"] .spot-summary-kpis small{font-size:8px}
 body[data-realm-panel="spot"] .spot-shortcuts{display:grid;grid-template-columns:1fr;gap:5px;margin-top:10px}
 body[data-realm-panel="spot"] .spot-shortcuts button{min-height:36px}
 body[data-realm-panel="spot"] .spot-section-heading h2{font-size:19px}
 body[data-realm-panel="spot"] .spot-section-heading p{font-size:10px}
 body[data-realm-panel="spot"] .spot-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 body[data-realm-panel="spot"] .spot-upgrade-card>summary{min-height:70px;padding:7px 5px;gap:5px}
 body[data-realm-panel="spot"] .spot-upgrade-card>summary>.realm-icon{width:18px;height:18px;flex-basis:18px}
 body[data-realm-panel="spot"] .spot-upgrade-card>summary strong{font-size:10px}
 body[data-realm-panel="spot"] .spot-upgrade-card>summary small{font-size:8px}
 body[data-realm-panel="spot"] .spot-upgrade-card>summary>b{font-size:9px}
 body[data-realm-panel="spot"] .spot-upgrade-card .spot-requirements li{flex-wrap:wrap}
 body[data-realm-panel="spot"] .spot-destination-links{display:grid;grid-template-columns:1fr}
 body[data-realm-panel="spot"] .spot-view[data-view="stats"] .performance-lines{grid-template-columns:1fr}
 body[data-realm-panel="spot"] #target-info{bottom:34px;right:6px;max-width:46%;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] #live-scene{transition:none}
 body[data-realm-panel="spot"] .mob-unit.is-targeted{filter:none}
}


/* chatA-23 · identidade do equipamento, asas ampliadas e voo visual sem mover o slot. */
body[data-realm-panel="spot"] .fighter.has-wings .battle-portrait{animation:spotFlightBob 2.25s ease-in-out infinite;transform:none}
body[data-realm-panel="spot"] svg.battle-body{overflow:visible}
body[data-realm-panel="spot"] .battle-wings{transform-box:fill-box;transform-origin:50% 60%;animation:spotWingBeat 1.15s ease-in-out infinite;filter:drop-shadow(0 0 4px #d6bbfa88)}
body[data-realm-panel="spot"] .battle-ground-shadow{transform-box:fill-box;transform-origin:center;animation:spotFlightShadow 2.25s ease-in-out infinite}
body[data-realm-panel="spot"] .battle-equipment-art{overflow:visible;filter:drop-shadow(0 1px 2px #000b)}
body[data-realm-panel="spot"] .battle-weapon-art{transform-box:fill-box;transform-origin:center}
@keyframes spotFlightBob{0%,100%{transform:translateY(-1px)}50%{transform:translateY(-7px)}}
@keyframes spotWingBeat{0%,100%{transform:scaleX(1) scaleY(1);opacity:.96}50%{transform:scaleX(.93) scaleY(.9);opacity:.8}}
@keyframes spotFlightShadow{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.2;transform:scale(.74,.78)}}
@media(prefers-reduced-motion:reduce){body[data-realm-panel="spot"] .fighter.has-wings .battle-portrait{animation:none}body[data-realm-panel="spot"] .battle-wings,body[data-realm-panel="spot"] .battle-ground-shadow{animation:none}}


/* chatC-16 · feedback visual de ataques Tier II */
body[data-realm-panel="spot"] .mob-skill-target{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:2px;border:1px solid #9bdcf5aa;border-radius:50%;background:#102b38e8;box-shadow:0 0 10px #58c9ff70;vertical-align:middle}
body[data-realm-panel="spot"] .mob-skill-target .reino-icon{width:18px;height:18px;display:inline-flex}
body[data-realm-panel="spot"] .mob-skill-target img{width:100%;height:100%;object-fit:contain}
body[data-realm-panel="spot"] .mob-hero-target{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;background:#101713d9;font-size:12px}
body[data-realm-panel="spot"] .battle-hit{font-size:10px;letter-spacing:.04em;padding:4px 7px;border-radius:4px;background:#101713e8;border:1px solid #9caa91;color:#f5f0d6;white-space:nowrap}
body[data-realm-panel="spot"] .battle-hit.from-skill{border-color:#78d6ff;color:#bcecff;box-shadow:0 0 12px #58c9ff55}


/* chatC-21 · campo mais imersivo, enquadramento adaptável e HUD de jogo. */
body[data-realm-panel="spot"] #live-scene{
 height:clamp(430px,calc(100vh - 285px),610px);
 height:clamp(430px,calc(100dvh - 285px),610px);
 min-height:430px;
 border:1px solid #b59a654f;
 border-radius:10px;
 background-color:#0a110c;
 box-shadow:inset 0 0 0 1px #f4dba00b,inset 0 -80px 90px #02060370,0 14px 30px #0008;
}
body[data-realm-panel="spot"] .scene-shade{
 pointer-events:none;
 background:
  linear-gradient(180deg,#06100b70 0%,#06100b12 21%,transparent 46%,#07110c32 73%,#07110c9c 100%),
  linear-gradient(90deg,#07110c42 0%,transparent 16%,transparent 84%,#07110c42 100%),
  radial-gradient(ellipse at 50% 73%,transparent 30%,#02070448 100%);
}
body[data-realm-panel="spot"] #live-scene[data-region="cinzabruma"] .scene-shade{
 background:
  linear-gradient(180deg,#080e15a8 0%,#10151d18 28%,transparent 55%,#10151dce 100%),
  linear-gradient(90deg,#070b10a1 0%,transparent 18%,transparent 82%,#070b10a1 100%),
  radial-gradient(ellipse at 50% 70%,transparent 28%,#03060972 100%);
}
body[data-realm-panel="spot"] .scene-header{
 border-bottom:1px solid #cfb77b2e;
 background:linear-gradient(180deg,#07100de8 0%,#07100da6 65%,transparent 100%);
 backdrop-filter:blur(3px);
}
body[data-realm-panel="spot"] .scene-header #enemy-name{
 text-shadow:0 2px 8px #000,0 0 16px #e6cc8433;
}
body[data-realm-panel="spot"] .scene-header #cycle{
 padding:4px 7px;
 border:1px solid #d0bd8530;
 border-radius:3px;
 background:#08100bd1;
}
body[data-realm-panel="spot"] #scene-status{
 border-color:#b8a16c63;
 background:linear-gradient(180deg,#101a14e8,#080e0bdc);
 box-shadow:0 4px 14px #0005,inset 0 1px #f4dba00d;
 backdrop-filter:blur(4px);
}
body[data-realm-panel="spot"] .spot-console{
 border-color:#746344;
 box-shadow:0 14px 32px #0005;
 background:linear-gradient(180deg,#141d16 0%,#0d130f 100%);
}
body[data-realm-panel="spot"] .spot-tabs{
 padding:8px 9px;
 gap:6px;
 background:linear-gradient(180deg,#0b110d,#070c09);
 box-shadow:inset 0 1px #d6bd7b12;
}
body[data-realm-panel="spot"] .spot-tab{
 position:relative;
 border-color:#3d4738;
 border-radius:4px;
 background:linear-gradient(180deg,#1a241b,#101610);
 transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease;
}
body[data-realm-panel="spot"] .spot-tab:hover{
 border-color:#8d794f;
 background:linear-gradient(180deg,#283024,#151c15);
 color:#eee0bc;
}
body[data-realm-panel="spot"] .spot-tab[aria-selected="true"]{
 border-color:#d5b675;
 background:linear-gradient(180deg,#4a432a,#252b20);
 color:#f5dfa2;
 box-shadow:inset 0 1px #f5dfa226,0 0 12px #d5b67512;
 text-shadow:0 1px 5px #000;
}
body[data-realm-panel="spot"] .spot-tab:focus-visible,
body[data-realm-panel="spot"] .spot-upgrade-card>summary:focus-visible{
 outline:2px solid #efcf83;
 outline-offset:2px;
}
body[data-realm-panel="spot"] .spot-upgrade-card{
 transition:border-color .16s ease,box-shadow .16s ease;
}
body[data-realm-panel="spot"] .spot-upgrade-card>summary{
 cursor:pointer;
}
body[data-realm-panel="spot"] .spot-upgrade-card>summary:hover{
 background:linear-gradient(90deg,#d9c27a0b,transparent);
}
@media(max-width:700px){
 body[data-realm-panel="spot"] #live-scene{
  height:clamp(330px,calc(100vh - 360px),460px);
  height:clamp(330px,calc(100dvh - 360px),460px);
  min-height:330px;
 }
 body[data-realm-panel="spot"] .scene-header{
  backdrop-filter:blur(2px);
 }
 body[data-realm-panel="spot"] .scene-header #cycle{
  padding:3px 4px;
 }
 body[data-realm-panel="spot"] .spot-tabs{
  padding:6px;
  gap:4px;
 }
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] .spot-tab,
 body[data-realm-panel="spot"] .spot-upgrade-card{
  transition:none;
 }
}


/* chatC-37 · camadas vivas do mundo, sem alterar a geometria do combate. */
body[data-realm-panel="spot"] #live-scene{
 isolation:isolate;
}
body[data-realm-panel="spot"] #live-scene::before,
body[data-realm-panel="spot"] #live-scene::after{
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
}
body[data-realm-panel="spot"] #live-scene::before{
 z-index:1;
 inset:auto -3% -1px;
 height:clamp(58px,12%,104px);
 background:
  linear-gradient(180deg,transparent 0%,#07100c14 20%,#07100ce8 100%),
  radial-gradient(ellipse at 5% 100%,#0b1710 0 12%,transparent 12.5%),
  radial-gradient(ellipse at 16% 100%,#142318 0 15%,transparent 15.5%),
  radial-gradient(ellipse at 29% 100%,#09130d 0 11%,transparent 11.5%),
  radial-gradient(ellipse at 75% 100%,#101d13 0 15%,transparent 15.5%),
  radial-gradient(ellipse at 91% 100%,#08120c 0 18%,transparent 18.5%);
 opacity:.8;
}
body[data-realm-panel="spot"] #live-scene::after{
 z-index:1;
 background:
  linear-gradient(105deg,transparent 15%,#c5d6b00a 36%,#d4d9bf18 48%,transparent 68%),
  radial-gradient(ellipse at 52% 62%,#d5d8bd0c 0%,transparent 56%);
 background-size:180% 100%,100% 100%;
 background-position:120% 0,center;
 animation:spot-mist-drift 26s ease-in-out infinite alternate;
 opacity:.72;
}
body[data-realm-panel="spot"] #live-scene[data-region="cinzabruma"]::before{
 background:
  linear-gradient(180deg,transparent 0%,#0b111b35 30%,#0b111bf0 100%),
  radial-gradient(ellipse at 5% 100%,#101720 0 12%,transparent 12.5%),
  radial-gradient(ellipse at 20% 100%,#18202a 0 15%,transparent 15.5%),
  radial-gradient(ellipse at 77% 100%,#141b25 0 16%,transparent 16.5%),
  radial-gradient(ellipse at 94% 100%,#090f17 0 18%,transparent 18.5%);
}
body[data-realm-panel="spot"] #live-scene[data-region="cinzabruma"]::after{
 background:
  linear-gradient(105deg,transparent 8%,#b5c8df05 26%,#c4d0e11a 43%,#b5c8df08 54%,transparent 76%),
  radial-gradient(ellipse at 48% 66%,#bacbe21a 0%,transparent 60%);
}
body[data-realm-panel="spot"] #fighters,
body[data-realm-panel="spot"] #enemy-icon{
 z-index:2;
}
@keyframes spot-mist-drift{
 from{background-position:120% 0,center;opacity:.38}
 to{background-position:-30% 0,center;opacity:.76}
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] #live-scene::after{
  animation:none;
  background-position:center,center;
  opacity:.35;
 }
}


/* chatC-39 · identidade curta e própria para encontros de elite e chefes. */
body[data-realm-panel="spot"] .scene-encounter{
 top:54px;
 z-index:9;
 display:grid;
 grid-template-columns:38px minmax(0,1fr);
 align-items:center;
 gap:10px;
 width:max-content;
 max-width:min(440px,calc(100% - 18px));
 padding:10px 16px;
 border:1px solid #c49b56;
 border-radius:3px;
 background:linear-gradient(110deg,#211a12f5,#111713f0 72%);
 box-shadow:0 8px 24px #0009,inset 0 0 0 1px #ebc77718,0 0 20px #d6a95820;
 color:#f5e5bf;
 text-align:left;
 font:inherit;
 pointer-events:none;
 overflow:hidden;
 animation:spot-encounter-arrive var(--encounter-duration,2400ms) cubic-bezier(.18,.72,.24,1) both;
}
body[data-realm-panel="spot"] .scene-encounter::before{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(105deg,transparent 25%,#ffe2a111 49%,transparent 72%);
 transform:translateX(-100%);
 animation:spot-encounter-sheen var(--encounter-duration,2400ms) ease-out both;
 pointer-events:none;
}
body[data-realm-panel="spot"] .scene-encounter__sigil{
 position:relative;
 display:grid;
 place-items:center;
 width:36px;
 height:36px;
 border:1px solid #c49b5688;
 border-radius:50%;
 color:#ffe0a0;
 font:28px/1 Georgia,serif;
 text-shadow:0 0 12px #ffc96788;
 background:radial-gradient(circle,#d6a95825,transparent 70%);
}
body[data-realm-panel="spot"] .scene-encounter__copy{
 position:relative;
 display:grid;
 gap:2px;
 min-width:0;
}
body[data-realm-panel="spot"] .scene-encounter__eyebrow{
 color:#e9bd71;
 font:900 9px/1.2 system-ui,sans-serif;
 letter-spacing:.19em;
}
body[data-realm-panel="spot"] .scene-encounter__title{
 overflow-wrap:anywhere;
 color:#fff0ce;
 font:700 clamp(15px,2vw,19px)/1.12 Georgia,"Times New Roman",serif;
 text-shadow:0 2px 5px #000;
}
body[data-realm-panel="spot"] .scene-encounter__hint{
 color:#bdb5a1;
 font:10px/1.35 system-ui,sans-serif;
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="elite"]{
 border-color:#b99b61;
 background:linear-gradient(110deg,#302315f7,#121713f2 75%);
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="elite"] .scene-encounter__sigil{
 color:#f6ca7f;
 border-color:#d3a35a;
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="boss"]{
 border-color:#d7bd7b;
 background:linear-gradient(110deg,#261b25f8,#11151bf5 75%);
 box-shadow:0 8px 26px #000b,inset 0 0 0 1px #edca7b33,0 0 26px #b58be12b;
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="boss"] .scene-encounter__sigil{
 width:38px;
 height:38px;
 color:#fff0b4;
 border-color:#ecd18f;
 font-size:29px;
 text-shadow:0 0 8px #ffe2a4,0 0 18px #d5a14d99;
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="boss"] .scene-encounter__eyebrow{
 color:#ead4a0;
}
body[data-realm-panel="spot"] .scene-encounter[data-tier="boss"] .scene-encounter__title{
 color:#fff0c4;
 text-shadow:0 0 12px #e2bd6a35,0 2px 5px #000;
}
body[data-realm-panel="spot"] .scene-encounter[data-region="cinzabruma"][data-tier="boss"]{
 border-color:#b7c8df;
 background:linear-gradient(110deg,#141f30f8,#11161df5 75%);
 box-shadow:0 8px 26px #000b,inset 0 0 0 1px #c7dcf133,0 0 25px #8abce72a;
}
body[data-realm-panel="spot"] .scene-encounter[data-region="cinzabruma"][data-tier="boss"] .scene-encounter__sigil,
body[data-realm-panel="spot"] .scene-encounter[data-region="cinzabruma"][data-tier="boss"] .scene-encounter__eyebrow{
 color:#d7e8ff;
 border-color:#9ab8dc;
}
@keyframes spot-encounter-arrive{
 0%{opacity:0;transform:translate(-50%,-10px) scale(.97)}
 12%{opacity:1;transform:translate(-50%,0) scale(1)}
 72%{opacity:1;transform:translate(-50%,0) scale(1)}
 100%{opacity:0;transform:translate(-50%,-4px) scale(.99)}
}
@keyframes spot-encounter-sheen{
 0%,20%{transform:translateX(-100%);opacity:0}
 35%{opacity:1}
 70%,100%{transform:translateX(100%);opacity:0}
}
@media(max-width:700px){
 body[data-realm-panel="spot"] .scene-encounter{
  top:48px;
  gap:7px;
  grid-template-columns:30px minmax(0,1fr);
  max-width:calc(100% - 12px);
  padding:8px 10px;
 }
 body[data-realm-panel="spot"] .scene-encounter__sigil{
  width:29px;
  height:29px;
  font-size:23px;
 }
 body[data-realm-panel="spot"] .scene-encounter[data-tier="boss"] .scene-encounter__sigil{
  width:30px;
  height:30px;
  font-size:23px;
 }
 body[data-realm-panel="spot"] .scene-encounter__eyebrow{font-size:8px}
 body[data-realm-panel="spot"] .scene-encounter__title{font-size:15px}
 body[data-realm-panel="spot"] .scene-encounter__hint{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] .scene-encounter,
 body[data-realm-panel="spot"] .scene-encounter::before{
  animation:none;
 }
 body[data-realm-panel="spot"] .scene-encounter{
  opacity:1;
  transform:translateX(-50%);
 }
}


/* chatC-40: valuable loot gets one brief, non-blocking field announcement. */
.scene-loot-arrival[data-kind="boss"]{
 border-color:#f0d387;
 background:linear-gradient(115deg,#302515f8,#111712f5 76%);
 box-shadow:0 8px 24px #000b,inset 0 0 0 1px #f3d98d32,0 0 24px #e3b74b55;
}
.scene-loot-arrival[data-kind="boss"] .scene-loot-arrival__sigil{
 color:#ffe3a0;font-size:29px;text-shadow:0 0 9px #f2cd6b88,0 0 20px #d9a43c66;
}
.scene-loot-arrival[data-kind="boss"] .scene-loot-arrival__eyebrow{color:#f0d28a}
.scene-loot-arrival[data-kind="boss"] .scene-loot-arrival__title{color:#fff4d4}
.scene-loot-arrival{position:absolute;top:44px;right:12px;z-index:9;
 display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;
 width:max-content;max-width:min(280px,calc(100% - 24px));padding:8px 12px 9px 9px;
 border:1px solid #d7bd78;background:linear-gradient(115deg,#1b291ff5,#101711f2);
 color:#f4e4b6;box-shadow:0 8px 20px #0009,inset 0 0 0 1px #f4db9120,0 0 22px #d7ad4c2b;
 pointer-events:none;animation:scene-loot-arrive 2.7s ease both;
}
.scene-loot-arrival__sigil{display:grid;place-items:center;width:27px;height:30px;color:#f5d787;font:23px Georgia,serif;text-shadow:0 0 10px #d7aa4b66}
.scene-loot-arrival__copy{display:grid;gap:3px;min-width:0}
.scene-loot-arrival__eyebrow{font:700 8px/1.2 Arial,sans-serif;letter-spacing:1.25px;color:#d6c38e}
.scene-loot-arrival__title{font:12px/1.35 Georgia,serif;color:#fff0c8;overflow-wrap:anywhere}
@keyframes scene-loot-arrive{
 0%{opacity:0;transform:translateY(-5px) scale(.985)}
 10%{opacity:1;transform:translateY(0) scale(1)}
 76%{opacity:1;transform:translateY(0) scale(1)}
 100%{opacity:0;transform:translateY(-3px) scale(.99)}
}
@media(max-width:700px){
 .scene-loot-arrival{top:5px;right:7px;max-width:calc(50% - 12px);grid-template-columns:20px minmax(0,1fr);gap:5px;padding:6px 7px}
 .scene-loot-arrival__sigil{width:20px;height:22px;font-size:17px}
 .scene-loot-arrival__eyebrow{font-size:7px;letter-spacing:.8px}
 .scene-loot-arrival__title{font-size:10px;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){.scene-loot-arrival{animation:none;opacity:1;transform:none}}


/* chatC-42: only fresh boss drops get the stronger collection treatment. */
.spot-drop-slot.boss-drop{
 border-color:#d8c58e;
 animation:boss-drop-arrive 950ms ease-out both;
 box-shadow:inset 0 0 8px #0008,0 0 0 1px #d8c58e30,0 0 14px #d8c58e38;
}
.spot-drop-slot.boss-drop::after{
 content:"♛";position:absolute;top:-5px;right:-3px;
 color:#eedaa2;font:12px/1 Georgia,serif;
 text-shadow:0 0 7px #f4df9caa;pointer-events:none;
 animation:boss-drop-sigil 950ms ease-out both;
}
body[data-realm-panel="spot"] #drop-feed .spot-drop-slot.boss-drop .reino-icon{
 animation:boss-drop-icon 700ms cubic-bezier(.2,.8,.25,1) both;
}
@keyframes boss-drop-arrive{
 0%{transform:translateY(2px) scale(.91);filter:brightness(1.5)}
 28%{transform:translateY(-1px) scale(1.045);filter:brightness(1.2)}
 68%{transform:translateY(0) scale(1);filter:brightness(1.06)}
 100%{transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes boss-drop-sigil{
 0%{opacity:0;transform:translateY(4px) rotate(-20deg) scale(.65)}
 24%{opacity:1;transform:translateY(-2px) rotate(12deg) scale(1.15)}
 100%{opacity:0;transform:translateY(-6px) rotate(24deg) scale(.8)}
}
@keyframes boss-drop-icon{
  0%{transform:translateY(2px) scale(.9)}
  40%{transform:translateY(-2px) scale(1.06)}
  100%{transform:translateY(0) scale(1)}
}
@media(max-width:600px){.spot-drop-slot.boss-drop::after{font-size:10px;top:-4px;right:-3px}}
@media(prefers-reduced-motion:reduce){
 .spot-drop-slot.boss-drop,
 .spot-drop-slot.boss-drop::after,
 body[data-realm-panel="spot"] #drop-feed .spot-drop-slot.boss-drop .reino-icon{animation:none;filter:none;transform:none}
}


/* Formação estratégica: colunas de combate e linhas de organização visual. */
.formation-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;color:#ddcfa9;font-size:11px}
.formation-controls>span{flex:1;min-width:180px}.formation-controls button{padding:7px 12px;font-size:11px;min-height:36px}
.formation-controls>small{flex-basis:100%;color:#bcbba8}.formation-roster{display:flex;gap:6px;flex-wrap:wrap}
#formation-slots{position:absolute;inset:0;z-index:7;pointer-events:none}
.formation-slot{position:absolute;transform:translateX(-50%);width:66px;height:30px;padding:0;min-height:30px;border:1px dashed #d3c699aa;border-radius:50%;background:#12201dc9;color:#f4ddb0;pointer-events:auto;font-size:11px;box-shadow:0 0 12px #d3b36522}
.formation-slot.occupied{border-style:solid;background:#3a3927cc}.formation-slot.chosen{border:2px solid #e5cb88;background:#5a4c2acc}
.formation-editing #enemy-icon{pointer-events:none;opacity:.65}.formation-editing .formation-picked{filter:drop-shadow(0 0 6px #efd17a)!important}
body[data-realm-panel="spot"] .fighter[data-facing="left"] .battle-portrait>svg{transform:perspective(240px) rotateY(-58deg) scaleX(-1);transform-origin:50% 45%;transition:transform .2s ease-out;backface-visibility:visible}
body[data-realm-panel="spot"] .fighter[data-facing="right"] .battle-portrait>svg{transform:perspective(240px) rotateY(58deg);transform-origin:50% 45%;transition:transform .2s ease-out;backface-visibility:visible}
body[data-realm-panel="spot"] .fighter[data-facing="right"] .battle-weapon-arqueiro[data-item-tier="2"]{transform:scaleX(-1)}
body[data-realm-panel="spot"] .fighter[data-facing="left"] .battle-weapon-arqueiro[data-item-tier="2"]{transform:none}
body[data-realm-panel="spot"] .mob-unit[data-facing="right"] .monster-art>:first-child{transform:scaleX(-1)}
@media(max-width:700px){.formation-controls{font-size:10px;gap:5px}.formation-controls>span{min-width:140px}.formation-controls button{font-size:10px;padding:6px 8px}.formation-slot{width:46px;height:26px;min-height:26px;font-size:10px}}

body[data-realm-panel="spot"] .battle-portrait{width:80px;height:110px}
@media(max-width:700px){body[data-realm-panel="spot"] .battle-portrait{width:58px;height:80px}}

/* chatC-48: visible hero health and defense in the battlefield. */
body[data-realm-panel="spot"] .fighter-hp-label{display:block;font-size:7px;line-height:1.1;color:#f3c9b9;text-shadow:0 1px 3px #000;white-space:nowrap;font-weight:700}
body[data-realm-panel="spot"] .battle-health{display:block;width:54px;height:4px;margin:2px auto 1px;overflow:hidden;border:1px solid #3f241f;border-radius:3px;background:#150d0d}
body[data-realm-panel="spot"] .battle-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#962f2f,#e36d58);transition:width .12s linear}
body[data-realm-panel="spot"] .fighter-button.downed .battle-portrait{filter:grayscale(.9);opacity:.65}
body[data-realm-panel="spot"] .fighter-button.downed .fighter-hp-label{color:#f1a99f}
@media(max-width:600px){body[data-realm-panel="spot"] .fighter-hp-label{font-size:6px}body[data-realm-panel="spot"] .battle-health{width:44px;height:3px}}
@media(prefers-reduced-motion:reduce){body[data-realm-panel="spot"] .battle-health i{transition:none}}

/* Evasão cancela todo o hit recebido. */
body[data-realm-panel="spot"] .fighter-dodge{display:none;position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:12px;color:#c6ebd1;text-shadow:0 2px 4px #000;white-space:nowrap;pointer-events:none}
body[data-realm-panel="spot"] .fighter.evading .fighter-dodge{display:block}
body[data-realm-panel="spot"] .fighter.evading .battle-portrait{opacity:.65}

/* Penalidade de derrota total: informar nível efetivo e recuperação paga. */
body[data-realm-panel="spot"] .spot-defeat-rule{margin-top:6px;padding:8px 10px;border-left:2px solid #bd875d;background:#291c16;color:#e5c4a4;font-size:10px;line-height:1.5}
body[data-realm-panel="spot"] .spot-applied-rank{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;padding:8px 9px;border:1px solid #68604470;border-radius:4px;background:#0d150f;color:#b9c2ad;font-size:10px}
body[data-realm-panel="spot"] .spot-applied-rank b{color:#e8cd86;font-size:13px}
body[data-realm-panel="spot"] .spot-applied-rank small{flex-basis:100%;color:#aab4a3;font-size:9px}
body[data-realm-panel="spot"] .spot-upgrade-note{display:block;color:#cbb99a;font-size:9px;line-height:1.45}


/* chatA-22 · narrow phones: keep enemy art readable without covering the hero. */
@media(max-width:360px){
 body[data-realm-panel="spot"] .mob-unit{
  transform:translateX(-50%) scale(.7);
  transform-origin:center bottom;
 }
 body[data-realm-panel="spot"] .mob-mordrath-sino{
  transform:translateX(-50%) translateY(-28px) scale(.6);
 }
}


/* chatA-26 · poses de combate por classe: repouso, ataque e reação ao dano. */
body[data-realm-panel="spot"] .battle-character-sprite{
 transform-box:fill-box;
 transform-origin:50% 95%;
 overflow:hidden!important;
 clip-path:inset(0);
 animation:spotHeroIdle 3.4s ease-in-out infinite;
}
body[data-realm-panel="spot"] .battle-weapon-art,
body[data-realm-panel="spot"] .battle-sword-arc,
body[data-realm-panel="spot"] .battle-arrow-fx,
body[data-realm-panel="spot"] .battle-magic-cast{transform-box:fill-box;transform-origin:center}
body[data-realm-panel="spot"] .battle-sword-arc,
body[data-realm-panel="spot"] .battle-arrow-fx,
body[data-realm-panel="spot"] .battle-magic-cast{pointer-events:none}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="guerreiro"] .battle-character-sprite{animation:spotWarriorSlashPose .42s cubic-bezier(.2,.8,.25,1) both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="guerreiro"] .battle-weapon-art{transform-origin:12% 88%;animation:spotSwordSwing .42s cubic-bezier(.16,.82,.28,1) both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="guerreiro"] .battle-sword-arc{animation:spotSwordTrail .44s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="arqueiro"] .battle-character-sprite{animation:spotArcherReleasePose .38s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="arqueiro"] .battle-weapon-art{transform-origin:55% 46%;animation:spotBowDraw .38s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="arqueiro"][data-facing="left"] .battle-weapon-art[data-item-tier="2"]{animation:spotBowDrawLeft .38s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="arqueiro"] .battle-arrow-fx{animation:spotArrowRelease .36s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="mago"] .battle-character-sprite{animation:spotMageCastPose .5s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="mago"] .battle-weapon-art{transform-origin:28% 94%;animation:spotStaffCast .5s ease-out both}
/* T1 sprites are tightly cropped to the real weapon, so pivots follow the grip rather than the image center. */
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="guerreiro"] .battle-weapon-art[data-item-tier="1"]{transform-origin:8% 90%}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="mago"] .battle-weapon-art[data-item-tier="1"]{transform-origin:8% 95%}
body[data-realm-panel="spot"] .fighter.pose-attacking[data-class="mago"] .battle-magic-cast{animation:spotMagicBurst .55s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-damaged .battle-character-sprite{animation:spotHeroHurt .48s cubic-bezier(.2,.7,.3,1) both}
body[data-realm-panel="spot"] .fighter.pose-damaged .battle-weapon-art{animation:spotEquipmentHurt .48s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-damaged[data-class="arqueiro"] .battle-weapon-art[data-item-tier="2"]{animation:spotBowHurt .48s ease-out both}
body[data-realm-panel="spot"] .fighter.pose-damaged[data-class="arqueiro"][data-facing="left"] .battle-weapon-art[data-item-tier="2"]{animation:spotBowHurtLeft .48s ease-out both}
@keyframes spotHeroIdle{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-.8px) scaleY(1.008)}}
@keyframes spotWarriorSlashPose{0%{transform:translateX(0) rotate(0)}24%{transform:translateX(2px) rotate(2deg)}58%{transform:translateX(-1px) rotate(-1deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes spotSwordSwing{0%{transform:rotate(0) translate(0,0);filter:brightness(1)}22%{transform:rotate(-35deg) translate(-1px,-2px);filter:brightness(1.25)}68%{transform:rotate(43deg) translate(2px,1px);filter:brightness(1.7)}100%{transform:rotate(0) translate(0,0);filter:brightness(1)}}
@keyframes spotSwordTrail{0%,100%{opacity:0;stroke-dasharray:80;stroke-dashoffset:80}26%{opacity:.15;stroke-dashoffset:52}62%{opacity:.92;stroke-dashoffset:0}82%{opacity:.25;stroke-dashoffset:-35}}
@keyframes spotArcherReleasePose{0%,100%{transform:translateX(0) rotate(0)}28%{transform:translateX(-2px) rotate(-2deg)}58%{transform:translateX(2px) rotate(1deg)}}
@keyframes spotBowDraw{0%,100%{transform:rotate(0) scaleX(-1)}32%{transform:rotate(-5deg) scaleX(-.94)}58%{transform:rotate(4deg) scaleX(-1.04)}}
@keyframes spotBowDrawLeft{0%,100%{transform:rotate(0) scaleX(1)}32%{transform:rotate(-5deg) scaleX(.94)}58%{transform:rotate(4deg) scaleX(1.04)}}
@keyframes spotArrowRelease{0%{opacity:0;transform:translateX(-3px)}28%{opacity:1;transform:translateX(0)}82%{opacity:1;transform:translateX(18px)}100%{opacity:0;transform:translateX(25px)}}
@keyframes spotMageCastPose{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-2deg)}66%{transform:translateY(1px) rotate(2deg)}}
@keyframes spotStaffCast{0%,100%{transform:rotate(0);filter:brightness(1)}32%{transform:rotate(-8deg);filter:brightness(1.2) drop-shadow(0 0 2px #9ba8ff)}66%{transform:rotate(5deg);filter:brightness(1.9) drop-shadow(0 0 7px #9daaff)}}
@keyframes spotMagicBurst{0%,100%{opacity:0;transform:scale(.35) rotate(-20deg);filter:brightness(1)}24%{opacity:.9;transform:scale(.95) rotate(12deg);filter:brightness(1.8)}48%{opacity:1;transform:scale(1.24) rotate(35deg);filter:brightness(2.2) drop-shadow(0 0 7px #8ca7ff)}82%{opacity:.45;transform:scale(1.05) rotate(64deg);filter:brightness(1.4)}}
@keyframes spotHeroHurt{0%,100%{transform:translateX(0) rotate(0);filter:brightness(1)}18%{transform:translateX(-4px) rotate(-3deg);filter:brightness(1.75) saturate(.7)}42%{transform:translateX(3px) rotate(2deg);filter:brightness(1.35)}66%{transform:translateX(-1px) rotate(-1deg);filter:brightness(1.08)}}
@keyframes spotBowHurt{0%,100%{transform:translateX(0) rotate(0) scaleX(-1)}25%{transform:translateX(-2px) rotate(-5deg) scaleX(-1)}58%{transform:translateX(1px) rotate(3deg) scaleX(-1)}}
@keyframes spotBowHurtLeft{0%,100%{transform:translateX(0) rotate(0) scaleX(1)}25%{transform:translateX(-2px) rotate(-5deg) scaleX(1)}58%{transform:translateX(1px) rotate(3deg) scaleX(1)}}
@keyframes spotEquipmentHurt{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-2px) rotate(-5deg)}58%{transform:translateX(1px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] #live-scene::after{animation:none!important}
 body[data-realm-panel="spot"] .fighter[data-facing="right"] .battle-weapon-arqueiro[data-item-tier="2"]{transform:scaleX(-1)!important;transition:none}
 body[data-realm-panel="spot"] .fighter[data-facing="left"] .battle-weapon-arqueiro[data-item-tier="2"]{transform:none!important;transition:none}
 body[data-realm-panel="spot"] .fighter[data-facing] .battle-portrait>svg{transition:none}
 body[data-realm-panel="spot"] .battle-character-sprite{animation:none!important;transform:none!important}
 body[data-realm-panel="spot"] .battle-wings,
 body[data-realm-panel="spot"] .battle-ground-shadow{animation:none!important;filter:none!important}
 body[data-realm-panel="spot"] .fighter.pose-attacking .battle-character-sprite{animation:none!important;transform:none!important;filter:brightness(1.22)!important;opacity:1!important}
 body[data-realm-panel="spot"] .fighter.pose-attacking .battle-weapon-art{animation:none!important;transform:none!important;filter:brightness(1.35)!important;opacity:1!important}
 body[data-realm-panel="spot"] .fighter.pose-attacking .battle-sword-arc{animation:none!important;transform:none!important;filter:none!important;opacity:.82!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
 body[data-realm-panel="spot"] .fighter.pose-attacking .battle-arrow-fx,
 body[data-realm-panel="spot"] .fighter.pose-attacking .battle-magic-cast{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}
 body[data-realm-panel="spot"] .fighter.pose-damaged .battle-character-sprite,
 body[data-realm-panel="spot"] .fighter.pose-damaged .battle-weapon-art{animation:none!important;transform:none!important;filter:brightness(1.25) saturate(.75)!important;opacity:1!important}
 body[data-realm-panel="spot"] .battle-health i{transition:none}
}


/* chatE-37: Spot HUD legibility and contextual monster inspection. */
body[data-realm-panel="spot"] .hud-cell{
  min-height:44px;
  padding:6px 7px;
  gap:6px;
}
body[data-realm-panel="spot"] .hud-cell .realm-icon{width:18px;height:18px;flex:0 0 auto}
body[data-realm-panel="spot"] .hud-cell b{
  font-size:12px;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
body[data-realm-panel="spot"] .hud-cell small{
  font-size:9px;
  line-height:1.25;
  letter-spacing:.25px;
}
body[data-realm-panel="spot"] .combat-milestones label{
  font-size:11px;
  line-height:1.3;
}
body[data-realm-panel="spot"] .combat-milestones label>span:nth-child(2){
  font-weight:750;
  font-size:11px;
  color:#f0d89b;
  font-variant-numeric:tabular-nums;
}
body[data-realm-panel="spot"] .combat-milestones progress{height:7px;border-radius:5px;}
body[data-realm-panel="spot"] .scene-header #cycle{
  max-width:42%;
  font-size:10px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
body[data-realm-panel="spot"] .fighter-name{
  font-size:10px;
  line-height:1.25;
  max-width:88px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-realm-panel="spot"] .fighter-hp-label{
  font-size:9px;
  line-height:1.25;
  white-space:normal;
  max-width:96px;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
body[data-realm-panel="spot"] .battle-health{
  width:52px;
  height:5px;
}
body[data-realm-panel="spot"] .fighter-mana{
  font-size:9px;
  line-height:1.25;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
body[data-realm-panel="spot"] .battle-mana,
body[data-realm-panel="spot"] .attack-ready{
  width:52px;
  height:4px;
}
body[data-realm-panel="spot"] .mob-label{
  font-size:10px;
  line-height:1.25;
  max-width:108px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-realm-panel="spot"] #scene-status{
  font-size:10px;
  line-height:1.35;
  padding:6px 10px;
}
body[data-realm-panel="spot"] .mob-unit.is-inspected .monster-art{
  filter:drop-shadow(0 0 9px #f0d18eaa) brightness(1.08);
}
body[data-realm-panel="spot"] .mob-unit.is-inspected .mob-label{
  color:#ffe6a6;
  text-shadow:0 0 8px #e5c477b3,0 2px 4px #000;
}
body[data-realm-panel="spot"] .mob-unit.is-inspected .mob-health{
  box-shadow:0 0 0 1px #e7c779aa,0 0 8px #d5b67570;
}
body[data-realm-panel="spot"] #target-info{
  position:relative;
  right:auto;
  bottom:auto;
  max-width:none;
  z-index:auto;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:10px;
  margin:10px 0 14px;
  padding:11px 13px;
  border:1px solid #71613f;
  border-left:3px solid #d5b675;
  border-radius:6px;
  background:linear-gradient(115deg,#182219f5,#101711f5 80%);
  color:#eee4ca;
  box-shadow:0 6px 18px #0003,inset 0 1px #f5e3b20a;
}
body[data-realm-panel="spot"] .monster-inspector[hidden]{display:none!important}
body[data-realm-panel="spot"] .monster-inspector-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #73603c;
  border-radius:5px;
  color:#f0d89b;
  background:#0b110c;
  font-size:18px;
  font-weight:700;
}
body[data-realm-panel="spot"] .monster-inspector-copy{min-width:0}
body[data-realm-panel="spot"] .monster-inspector-copy>b{
  display:block;
  margin:0 0 3px;
  color:#f0d89b;
  font:700 14px/1.35 Georgia,serif;
}
body[data-realm-panel="spot"] .monster-inspector-copy>p{
  margin:0;
  color:#ded7c3;
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
body[data-realm-panel="spot"] #target-info.is-hint{
  border-style:dashed;
  border-left-width:1px;
  background:linear-gradient(115deg,#131b15e8,#0f1511e8);
}
body[data-realm-panel="spot"] .monster-inspector.is-hint .monster-inspector-icon{
  border-style:dashed;
  color:#c6b687;
}
body[data-realm-panel="spot"] .monster-inspector.is-hint .monster-inspector-copy>b{
  color:#e7dcc0;
  font-family:system-ui,sans-serif;
  font-size:12px;
}
@media(max-width:700px){
  body[data-realm-panel="spot"] .hud-cell{min-height:44px;padding:6px 5px;gap:4px}
  body[data-realm-panel="spot"] .hud-cell b{font-size:11px}
  body[data-realm-panel="spot"] .hud-cell small{font-size:9px}
  body[data-realm-panel="spot"] .combat-milestones{gap:8px;margin:7px 0 10px}
  body[data-realm-panel="spot"] .combat-milestones label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 6px;min-width:0;font-size:10px;line-height:1.3}
  body[data-realm-panel="spot"] .combat-milestones label>span:nth-child(2){font-size:10px}
  body[data-realm-panel="spot"] .combat-milestones progress{grid-column:1/-1;width:100%;height:7px;border-radius:5px;overflow:hidden}
  body[data-realm-panel="spot"] .scene-header #enemy-name{font-size:12px;max-width:57%}
  body[data-realm-panel="spot"] .scene-header #cycle{font-size:9px;max-width:43%;padding:3px 4px}
  body[data-realm-panel="spot"] .fighter-name{font-size:9px;max-width:76px}
  body[data-realm-panel="spot"] .fighter-hp-label{font-size:8px;max-width:88px}
  body[data-realm-panel="spot"] .battle-health{width:48px;height:4px}
  body[data-realm-panel="spot"] .fighter-mana{font-size:8px}
  body[data-realm-panel="spot"] .battle-mana,
  body[data-realm-panel="spot"] .attack-ready{width:48px}
  body[data-realm-panel="spot"] .mob-label{font-size:9px;max-width:96px}
  body[data-realm-panel="spot"] #scene-status{left:5px;right:5px;bottom:4px;padding:5px 7px;font-size:9px}
  body[data-realm-panel="spot"] #target-info{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:9px 10px;margin:8px 0 12px}
  body[data-realm-panel="spot"] .monster-inspector-icon{width:27px;height:27px;font-size:16px}
  body[data-realm-panel="spot"] .monster-inspector-copy>b{font-size:13px}
  body[data-realm-panel="spot"] .monster-inspector-copy>p{font-size:11px;line-height:1.5}
}
@media(max-width:360px){
  body[data-realm-panel="spot"] .scene-header #enemy-name{font-size:11px;max-width:54%}
  body[data-realm-panel="spot"] .scene-header #cycle{font-size:8.5px;max-width:46%}
  body[data-realm-panel="spot"] .fighter-hp-label{font-size:8px}
  body[data-realm-panel="spot"] .hud-cell small{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){
  body[data-realm-panel="spot"] .mob-unit.is-inspected .monster-art{filter:none}
}


/* chatE-38 · Informativo da temporada organizado por categoria, sem alterar regras. */
body[data-realm-panel="spot"] .rules-page{display:block;max-width:1500px;padding:clamp(14px,2.2vw,28px);background:linear-gradient(155deg,#141d15f5,#0d130f 72%);border-color:#5d5438;box-shadow:0 14px 32px #0004}
body[data-realm-panel="spot"] .rules-page-header{padding:0 0 16px;border-bottom:1px solid #75644355}
body[data-realm-panel="spot"] .rules-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:8px 0}
body[data-realm-panel="spot"] .rules-title-row h2{margin:0;color:#f1dfb8;font:700 clamp(25px,3vw,36px)/1.12 Georgia,serif}
body[data-realm-panel="spot"] .rules-title-row p{max-width:760px;margin:8px 0;color:#c0c5b2;font:13px/1.65 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-season-badge{display:inline-flex;flex-shrink:0;align-items:center;padding:7px 10px;border:1px solid #758052;border-radius:4px;background:#1a281b;color:#dce4bd;font:700 10px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em}
body[data-realm-panel="spot"] .rules-season-badge.is-draft{border-color:#987248;background:#2b2116;color:#efd0a0}
body[data-realm-panel="spot"] .rules-subtitle{margin:9px 0 0;color:#aeb8a5;font:12px/1.5 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-warning{margin:12px 0;padding:10px 12px;border:1px solid #8b7042;border-left:3px solid #d3ae6d;border-radius:4px;background:#2a2116;color:#eed7ae;font:12px/1.55 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-key-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
body[data-realm-panel="spot"] .rules-key-points>div{display:flex;flex-direction:column;justify-content:space-between;gap:5px;min-width:0;padding:11px 12px;border:1px solid #424a37;border-radius:5px;background:linear-gradient(140deg,#202b20,#131a14)}
body[data-realm-panel="spot"] .rules-key-points small{color:#a8b39e;font:10px/1.35 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.055em}
body[data-realm-panel="spot"] .rules-key-points b{color:#ead19a;font:700 16px/1.3 Georgia,serif;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .rules-search-label{display:grid;gap:6px;margin:14px 0 5px;color:#d4c59c;font:600 12px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] #rules-search{width:100%;min-width:0;box-sizing:border-box;padding:11px 12px;border:1px solid #5a6349;border-radius:5px;background:#090f0b;color:#f0e6ce;font:13px/1.45 system-ui,sans-serif}
body[data-realm-panel="spot"] #rules-search::placeholder{color:#8d9989}
body[data-realm-panel="spot"] #rules-search:focus-visible{outline:2px solid #e6c77d;outline-offset:2px}
body[data-realm-panel="spot"] .rules-results,body[data-realm-panel="spot"] .rules-no-results{margin:6px 0 12px;color:#9eab98;font:11px/1.5 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-no-results{padding:12px;border:1px dashed #7e6c48;border-radius:5px;color:#e2c995}
body[data-realm-panel="spot"] .rules-jump-nav{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}
body[data-realm-panel="spot"] .rules-jump-nav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #454b37;border-radius:4px;background:#121a13;color:#d6c69e;text-decoration:none;font:11px/1.3 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-jump-nav a:hover{border-color:#c8aa6b;background:#242a1c;color:#f5dfab}
body[data-realm-panel="spot"] .rules-jump-nav a:focus-visible,body[data-realm-panel="spot"] .rules-compendium-link:focus-visible{outline:2px solid #e6c77d;outline-offset:3px}
body[data-realm-panel="spot"] .rules-accordion-list{display:grid;gap:9px}
body[data-realm-panel="spot"] .rules-accordion{min-width:0;border:1px solid #414a37;border-radius:6px;background:linear-gradient(120deg,#131b14,#0e1410 82%);overflow:clip}
body[data-realm-panel="spot"] .rules-accordion[hidden]{display:none!important}
body[data-realm-panel="spot"] .rules-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none;background:linear-gradient(90deg,#242d20,#151c15);color:#ead8b0}
body[data-realm-panel="spot"] .rules-accordion>summary::-webkit-details-marker{display:none}
body[data-realm-panel="spot"] .rules-accordion>summary:focus-visible{outline:2px solid #e6c77d;outline-offset:-3px}
body[data-realm-panel="spot"] .rules-accordion>summary>span{display:grid;gap:4px;min-width:0}
body[data-realm-panel="spot"] .rules-accordion>summary b{font:700 16px/1.35 Georgia,serif;color:#f0dba8}
body[data-realm-panel="spot"] .rules-accordion>summary small{font:11px/1.4 system-ui,sans-serif;color:#aeb9a3}
body[data-realm-panel="spot"] .rules-open-cue{flex-shrink:0;color:#d9be83;font:700 10px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-accordion[open]>summary{border-bottom:1px solid #75644355;background:linear-gradient(90deg,#303825,#1a2119)}
body[data-realm-panel="spot"] .rules-accordion[open] .rules-open-cue{color:#a8c48e}
body[data-realm-panel="spot"] .rules-accordion-body{display:grid;gap:11px;padding:14px;min-width:0;color:#d9d7c2}
body[data-realm-panel="spot"] .rules-accordion-body>p{margin:0;color:#c4cbb9;font:12px/1.65 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-accordion-body h3{margin:7px 0 0;color:#e5ce98;font:700 17px/1.35 Georgia,serif}
body[data-realm-panel="spot"] .rules-accordion-body h4{margin:3px 0;color:#e5ce98}
body[data-realm-panel="spot"] .rules-note{padding:9px 11px;border-left:2px solid #9e8a5b;background:#171f17;color:#c8ccb8!important}
body[data-realm-panel="spot"] .rules-footnote{font-size:10px!important;color:#9ea894!important}
body[data-realm-panel="spot"] .rules-cycle-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-realm-panel="spot"] .rules-cycle-strip>div{display:grid;gap:4px;padding:12px;border:1px solid #414a37;border-radius:5px;background:#141e15}
body[data-realm-panel="spot"] .rules-cycle-strip small,body[data-realm-panel="spot"] .rules-monster-metrics small,body[data-realm-panel="spot"] .rules-fact-pair small{color:#9fac96;font:10px/1.35 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}
body[data-realm-panel="spot"] .rules-cycle-strip b{color:#f1d59b;font:700 17px/1.3 Georgia,serif}
body[data-realm-panel="spot"] .rules-cycle-strip span{color:#c4cdb7;font:12px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-monster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-realm-panel="spot"] .rules-monster-card{display:grid;align-content:start;gap:10px;min-width:0;padding:12px;border:1px solid #414a37;border-radius:5px;background:linear-gradient(145deg,#192319,#101610)}
body[data-realm-panel="spot"] .rules-monster-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}
body[data-realm-panel="spot"] .rules-monster-card>header h3{margin:2px 0;color:#f0dba8;font:700 15px/1.25 Georgia,serif;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .rules-monster-card>header small{color:#9fae91;font:9px/1.35 system-ui,sans-serif;text-transform:uppercase}
body[data-realm-panel="spot"] .rules-tag{flex-shrink:0;padding:4px 5px;border:1px solid #5b6243;border-radius:3px;color:#d3c394;background:#10170f;font:9px/1.35 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-monster-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-realm-panel="spot"] .rules-monster-metrics>div{display:grid;gap:3px;min-width:0}
body[data-realm-panel="spot"] .rules-monster-metrics b{color:#e4d7b6;font:700 14px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .rules-monster-card>p{margin:0;color:#b8c2ad;font:11px/1.55 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid #3e4737;border-radius:5px;overscroll-behavior-inline:contain}
body[data-realm-panel="spot"] .rules-table{width:100%;min-width:560px;border-collapse:collapse;background:#101710;color:#d4dbc8;font:11px/1.5 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-table-small{min-width:330px}
body[data-realm-panel="spot"] .rules-spot-table{min-width:670px}
body[data-realm-panel="spot"] .rules-recipe-table{min-width:520px}
body[data-realm-panel="spot"] .rules-table th{padding:9px 10px;text-align:left;white-space:nowrap;border-bottom:1px solid #716344;background:#20291e;color:#e7d2a0;font:700 10px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-table td{padding:8px 10px;vertical-align:top;border-bottom:1px solid #2d372b}
body[data-realm-panel="spot"] .rules-table tbody tr:last-child td{border-bottom:0}
body[data-realm-panel="spot"] .rules-table tbody tr:nth-child(even){background:#141d14}
body[data-realm-panel="spot"] .rules-table td b{color:#f0d99f;font-variant-numeric:tabular-nums}
body[data-realm-panel="spot"] .rules-fact-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-realm-panel="spot"] .rules-fact-pair>div{display:grid;gap:5px;padding:12px;border:1px solid #424938;border-radius:5px;background:#131a13}
body[data-realm-panel="spot"] .rules-fact-pair b{color:#e8d29d;font:700 13px/1.4 Georgia,serif}
body[data-realm-panel="spot"] .rules-fact-pair span{color:#aebaa4;font:11px/1.5 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-forge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-realm-panel="spot"] .rules-forge-grid article{display:grid;align-content:start;gap:6px;min-width:0;padding:12px;border:1px solid #444b38;border-radius:5px;background:#151e15}
body[data-realm-panel="spot"] .rules-forge-grid article>b{color:#e7d19a;font:700 14px/1.35 Georgia,serif}
body[data-realm-panel="spot"] .rules-forge-grid article>strong{color:#e4e8d6;font:600 12px/1.5 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-forge-grid article>span{color:#d3bf8d;font:700 11px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-forge-grid article>small{color:#abb6a1;font:11px/1.55 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-glossary{display:grid;gap:0;margin:0}
body[data-realm-panel="spot"] .rules-glossary>div{display:grid;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);gap:12px;padding:10px 2px;border-bottom:1px solid #354031}
body[data-realm-panel="spot"] .rules-glossary>div:last-child{border-bottom:0}
body[data-realm-panel="spot"] .rules-glossary dt{color:#edd29a;font:700 12px/1.5 Georgia,serif}
body[data-realm-panel="spot"] .rules-glossary dd{margin:0;color:#c2cbb8;font:12px/1.55 system-ui,sans-serif}
body[data-realm-panel="spot"] .rules-compendium-link{justify-self:start;color:#e8d19b;font:700 12px/1.4 system-ui,sans-serif;text-decoration:none}
body[data-realm-panel="spot"] .rules-compendium-link:hover{text-decoration:underline}
body[data-realm-panel="spot"] .rules-lab-actions{padding:12px;border:1px dashed #756343;border-radius:5px;background:#171e15}
body[data-realm-panel="spot"] .rules-lab-actions p{margin:0 0 9px;color:#c5cdbb;font:11px/1.5 system-ui,sans-serif}
@media(max-width:1000px){
 body[data-realm-panel="spot"] .rules-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-realm-panel="spot"] .rules-forge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 body[data-realm-panel="spot"] .rules-page{padding:12px}
 body[data-realm-panel="spot"] .rules-title-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body[data-realm-panel="spot"] .rules-season-badge{justify-self:start;max-width:100%;white-space:normal}
 body[data-realm-panel="spot"] .rules-key-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
 body[data-realm-panel="spot"] .rules-key-points>div{padding:9px}
 body[data-realm-panel="spot"] .rules-key-points b{font-size:14px}
 body[data-realm-panel="spot"] .rules-jump-nav{gap:5px}
 body[data-realm-panel="spot"] .rules-jump-nav a{min-height:36px;padding:7px 8px;font-size:10px}
 body[data-realm-panel="spot"] .rules-accordion>summary{padding:11px 10px;gap:8px}
 body[data-realm-panel="spot"] .rules-accordion>summary b{font-size:14px}
 body[data-realm-panel="spot"] .rules-accordion>summary small{font-size:10px}
 body[data-realm-panel="spot"] .rules-open-cue{font-size:9px}
 body[data-realm-panel="spot"] .rules-accordion-body{padding:10px;gap:9px}
 body[data-realm-panel="spot"] .rules-cycle-strip{grid-template-columns:1fr}
 body[data-realm-panel="spot"] .rules-monster-grid{grid-template-columns:minmax(0,1fr)}
 body[data-realm-panel="spot"] .rules-forge-grid{grid-template-columns:minmax(0,1fr)}
 body[data-realm-panel="spot"] .rules-fact-pair{grid-template-columns:minmax(0,1fr)}
 body[data-realm-panel="spot"] .rules-glossary>div{grid-template-columns:minmax(0,1fr);gap:3px}
 body[data-realm-panel="spot"] .rules-glossary dt{font-size:13px}
 body[data-realm-panel="spot"] .rules-glossary dd{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel="spot"] .rules-accordion{scroll-behavior:auto}
}


/* chatE-48 · menos trabalho gráfico em celulares, sem remover os golpes do combate. */
@media(max-width:700px){
 body[data-realm-panel="spot"] #live-scene::after{
  animation:none;
  background-position:center,center;
  opacity:.28;
 }
 body[data-realm-panel="spot"] .battle-body,
 body[data-realm-panel="spot"] .monster-art,
 body[data-realm-panel="spot"] .battle-equipment-art,
 body[data-realm-panel="spot"] .battle-wings,
 body[data-realm-panel="spot"] .mob-striker .actor-icon{
  filter:none!important;
 }
 body[data-realm-panel="spot"] .fighter.has-wings .battle-portrait{animation:none}
 body[data-realm-panel="spot"] .battle-wings{animation-duration:2s}
 body[data-realm-panel="spot"] .battle-ground-shadow{animation:none;filter:none;opacity:.34;transform:none}
 body[data-realm-panel="spot"] .mob-unit.is-targeted{filter:none}
}


/* Shared 21 x 5 battle coordinates. Pixels never determine combat reach. */
.battle-map-hint{margin:5px 0 8px;color:#c3baa1;font-size:11px}
.battle-map-viewport{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border:1px solid #827148;border-radius:10px;scrollbar-color:#aa8d4f #111c16;scrollbar-width:thin}
body[data-realm-panel="spot"] .battle-map-viewport .scene{max-width:none;min-width:0;min-height:0;margin:0;border:0;border-radius:0;position:relative;overflow:hidden}
.battle-grid-lines{position:absolute;inset:28px;z-index:1;pointer-events:none;background-image:linear-gradient(to right,#e8d8a41c 1px,transparent 1px),linear-gradient(to bottom,#e8d8a41c 1px,transparent 1px);background-size:var(--battle-cell) var(--battle-cell);border-right:1px solid #e8d8a41c;border-bottom:1px solid #e8d8a41c}
.battle-formation-zone{position:absolute;pointer-events:none;z-index:1;top:28px;bottom:28px;left:calc(28px + var(--battle-cell)*8);width:calc(var(--battle-cell)*3);background:#d9ba4b12;border:1px solid #d9ba4b55}
.battle-column-numbers{position:absolute;top:5px;left:28px;display:grid;grid-template-columns:repeat(21,var(--battle-cell));color:#b6b59e;font:10px system-ui;text-align:center;pointer-events:none;z-index:2}
.battle-row-numbers{position:absolute;left:8px;top:28px;display:grid;grid-template-rows:repeat(5,var(--battle-cell));align-items:center;color:#c9bc8f;font:10px system-ui;pointer-events:none;z-index:2}
#battle-range-preview{position:absolute;z-index:1;pointer-events:none;background:#e7c96b10;border:1px dashed #e7c96b99;box-sizing:border-box}
body[data-realm-panel="spot"] .battle-grid-map .scene-header{left:var(--camera-left,0px);right:auto;width:var(--map-view-width,100vw);box-sizing:border-box;top:0;padding:4px 30px;max-height:24px;font-size:10px}
body[data-realm-panel="spot"] .battle-grid-map .scene-footer{left:calc(var(--camera-left,0px) + 6px);right:auto;bottom:2px;width:calc(var(--map-view-width,100vw) - 12px);box-sizing:border-box;font-size:9px;padding:3px 8px}
body[data-realm-panel="spot"] .battle-grid-map #drop-feed{left:calc(var(--camera-left,0px) + 8px);top:32px;max-width:280px}
/* Actors and controls scale with the same cell; labels keep a readable minimum. */
body[data-realm-panel="spot"] .battle-grid-map .fighter-button{width:calc(var(--battle-cell) - 4px);height:calc(var(--battle-cell) - 4px);max-height:calc(var(--battle-cell) - 4px);transform:translateX(-50%);transition:left .3s,bottom .3s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;line-height:1}
body[data-realm-panel="spot"] .battle-grid-map .fighter .battle-portrait{width:calc(var(--battle-cell) - 18px);height:calc(var(--battle-cell) - 20px);flex:0 0 auto;margin:0 auto;overflow:visible}
body[data-realm-panel="spot"] .battle-grid-map .fighter-name{display:block;font-size:8px;line-height:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}
body[data-realm-panel="spot"] .battle-grid-map .fighter-hp-label{font-size:8px;line-height:10px;display:none}
body[data-realm-panel="spot"] .battle-grid-map .fighter-mana{display:none}
body[data-realm-panel="spot"] .battle-grid-map .battle-health,body[data-realm-panel="spot"] .battle-grid-map .battle-mana{display:block;width:calc(100% - 8px);height:2px;flex:0 0 2px;margin:1px 4px 0}
body[data-realm-panel="spot"] .battle-grid-map .attack-ready{display:block;width:calc(100% - 8px);height:1px;flex:0 0 1px;margin:1px 4px 0}
body[data-realm-panel="spot"] .battle-grid-map .mob-unit{transform:translateX(-50%);width:calc(var(--battle-cell) - 4px);max-height:calc(var(--battle-cell) - 2px);transition:left .3s linear,bottom .3s linear;line-height:1}
body[data-realm-panel="spot"] .battle-grid-map .mob-label{font-size:8px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body[data-realm-panel="spot"] .battle-grid-map .mob-health{height:2px;max-width:100%;margin:1px auto}
body[data-realm-panel="spot"] .battle-grid-map .monster-art,body[data-realm-panel="spot"] .battle-grid-map .mob-mordrath-sino .monster-art{width:calc(var(--battle-cell) - 12px);height:calc(var(--battle-cell) - 18px);max-width:calc(var(--battle-cell) - 12px);max-height:calc(var(--battle-cell) - 18px);margin:0 auto}
body[data-realm-panel="spot"] .battle-grid-map .mob-targets{display:none}
body[data-realm-panel="spot"] .battle-grid-map .formation-slot{width:calc(var(--battle-cell) - 4px);height:calc(var(--battle-cell) - 4px);min-height:0;padding:0;font-size:9px;border-radius:5px;background:#12201da3;box-sizing:border-box;transform:translateX(-50%);z-index:8}

.battle-map-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:6px 0}.battle-map-heading{display:grid;gap:2px;min-width:0;font-size:11px;color:#e8d8b0}.battle-map-heading #cycle{font-size:10px;color:#b9bba6}.battle-map-heading #cycle-average{font-size:10px;line-height:1.35;color:#c7d7b5}.battle-map-loot{min-width:0;max-width:100%}.battle-map-loot #drop-feed{position:static!important;max-width:100%!important;display:flex;gap:4px;flex-wrap:wrap}.battle-grid-map .battle-row-numbers{left:calc(var(--camera-left,0px) + 8px)}

body[data-realm-panel="spot"] #live-scene.battle-grid-map{min-height:0}

/* Light/static modes change presentation only. */
.visual-mode{display:flex;align-items:center;gap:5px;font-size:10px;color:#d4c8a6}.visual-mode select{font-size:11px;padding:5px;min-height:32px;max-width:130px}
html[data-performance="light"] .game-top,html[data-performance="static"] .game-top,
html[data-performance="light"] .kingdom-rail,html[data-performance="static"] .kingdom-rail,
html[data-performance="light"] #scene-status,html[data-performance="static"] #scene-status{backdrop-filter:none!important}
html[data-performance="light"] #live-scene::after,html[data-performance="static"] #live-scene::after{animation:none!important;display:none}
html[data-performance="light"] #live-scene .battle-character-sprite,
html[data-performance="light"] #live-scene .battle-wings,
html[data-performance="light"] #live-scene .battle-ground-shadow,
html[data-performance="light"] #live-scene .fighter.has-wings .battle-portrait{animation:none!important;filter:none!important}
html[data-performance="light"] #live-scene .battle-weapon-art,
html[data-performance="light"] #live-scene .battle-magic-cast{animation:none!important;filter:none!important}
html[data-performance="light"] #live-scene .fighter[data-facing="right"] .battle-portrait>svg{transform:none!important;transition:none}
html[data-performance="light"] #live-scene .fighter[data-facing="left"] .battle-portrait>svg{transform:scaleX(-1)!important;transition:none}
html[data-performance="light"] #live-scene .fighter.pose-attacking .battle-portrait{animation:light-strike .16s ease-out!important}
html[data-performance="light"] #live-scene .fighter.pose-damaged .battle-portrait{animation:light-hurt .18s ease-out!important}
html[data-performance="light"] #live-scene .mob-striker,
html[data-performance="light"] #live-scene .mob-striker-chip{animation:light-number var(--strike-duration,1s) linear forwards!important;text-shadow:0 1px 2px #000!important;filter:none!important}
html[data-performance="light"] #live-scene .mob-striker-label{font-size:8px}
html[data-performance="light"] #live-scene .battle-defeat-flash{display:none!important}
html[data-performance="light"] #live-scene .scene-encounter,
html[data-performance="light"] #live-scene .scene-encounter::before,
html[data-performance="light"] #live-scene .scene-loot-arrival,
html[data-performance="light"] .spot-drop-slot.boss-drop,
html[data-performance="light"] .spot-drop-slot.boss-drop::after,
html[data-performance="light"] #drop-feed .spot-drop-slot.boss-drop .reino-icon{animation:none!important;box-shadow:none!important}
html[data-performance="static"] #live-scene *,html[data-performance="static"] #live-scene *::before,html[data-performance="static"] #live-scene *::after{animation:none!important;transition:none!important;filter:none!important}
html[data-performance="static"] #live-scene .fighter[data-facing="right"] .battle-portrait>svg{transform:none!important}
html[data-performance="static"] #live-scene .fighter[data-facing="left"] .battle-portrait>svg{transform:scaleX(-1)!important}
@keyframes light-strike{50%{transform:translateX(calc(var(--combat-direction,1)*2px))}}
html[data-performance="light"] #live-scene .fighter.pose-attacking[data-class="arqueiro"] .battle-portrait{animation:light-bow .2s ease-out!important}
html[data-performance="light"] #live-scene .fighter.pose-attacking[data-class="mago"] .battle-portrait{animation:light-cast .24s ease-out!important}
@keyframes light-bow{30%{transform:translateX(calc(var(--combat-direction,1)*-2px))}65%{transform:translateX(calc(var(--combat-direction,1)*1px))}}
@keyframes light-cast{40%{transform:translateY(-2px)}75%{transform:translateY(-1px)}}
@keyframes light-hurt{50%{transform:translateX(calc(var(--combat-direction,1)*-2px))}}
@keyframes light-number{0%,65%{opacity:1}100%{opacity:0}}
html[data-performance="light"] #live-scene .forest-motes,html[data-performance="static"] #live-scene .forest-motes{display:none;animation:none!important}
html[data-performance="light"] #live-scene .battle-body,
html[data-performance="light"] #live-scene .monster-art,
html[data-performance="light"] #live-scene .mob-unit.is-targeted{filter:none!important}
html[data-performance="light"] #live-scene .mob-striker-chip{animation:none!important}
html[data-performance="light"] #live-scene .mob-striker-damage,
html[data-performance="light"] #live-scene .mob-striker-label{text-shadow:0 1px 2px #000!important;filter:none!important}

/* Camera controls and a touch-sized, independent 3 x 5 formation board. */
.battle-zoom{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.battle-zoom button{min-width:44px;min-height:44px}.battle-zoom [aria-pressed="true"]{border-color:#ebce7c;background:#4c4227}
.formation-board{padding:12px;margin:8px 0;border:1px solid #8a764a;border-radius:10px;background:#111e19;color:#e7dab7;max-width:460px;box-sizing:border-box}.formation-board[hidden]{display:none}.formation-board-heading{display:grid;gap:4px;margin-bottom:10px}.formation-board-heading span,.formation-board>small{font-size:11px;color:#c1bba5}.formation-board-columns,.formation-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.formation-board-columns{font-size:10px;text-align:center;margin-bottom:5px}.formation-board-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:64px;padding:5px;border:1px dashed #6b745e;background:#18271f;border-radius:6px;color:#bdc5ac}.formation-board-cell.occupied{border-style:solid;color:#eddfb7;background:#303528}.formation-board-cell.chosen{border:2px solid #e8c76e;background:#4b4528}.formation-board-cell b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.formation-board-cell small,.formation-board-cell span{font-size:9px}.formation-board>small{display:block;margin-top:8px}
/* At overview scale, use simple markers; detailed art remains in normal zoom. */
body[data-realm-panel="spot"] .map-overview .fighter-button,body[data-realm-panel="spot"] .map-overview .mob-unit{height:calc(var(--battle-cell) - 2px);width:calc(var(--battle-cell) - 2px);min-height:0;max-height:none;padding:0;border:1px solid #85bfba;border-radius:50%;background:#548f8b;box-shadow:none}
body[data-realm-panel="spot"] .map-overview .mob-unit{background:#c97651;border-color:#ecaf7a}
body[data-realm-panel="spot"] .map-overview .fighter-button>*,body[data-realm-panel="spot"] .map-overview .mob-unit>*,body[data-realm-panel="spot"] .map-overview #battle-fx{display:none!important}
body[data-realm-panel="spot"] .map-overview .formation-slot{font-size:0;border-radius:2px}
.map-overview .scene-footer{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:700px){.formation-controls .battle-zoom button{min-width:44px;min-height:44px}.formation-board{width:100%;max-width:100%}}

/* Readable combat: grid is logical; art and vital information keep a minimum size. */
.battle-grid-lines{inset:var(--battle-top,72px) 28px 28px}.battle-formation-zone{top:var(--battle-top,72px)}.battle-column-numbers{top:calc(var(--battle-top,72px) - 23px)}.battle-row-numbers{top:var(--battle-top,72px)}
body[data-realm-panel="spot"] #fighters,body[data-realm-panel="spot"] #enemy-icon{z-index:auto}
body[data-realm-panel="spot"] #battle-fx{z-index:30;pointer-events:none}body[data-realm-panel="spot"] #formation-slots{z-index:40}
body[data-realm-panel="spot"] .battle-grid-map .fighter .battle-portrait{width:clamp(55px,calc(var(--battle-cell)*.95),68px);height:clamp(72px,calc(var(--battle-cell)*1.25),90px);flex-shrink:0}
body[data-realm-panel="spot"] .battle-grid-map .fighter-name{font-size:10px;line-height:12px;overflow:hidden;flex-shrink:0;max-width:84px;background:#0b1413de;border-radius:3px;padding:1px 3px}
body[data-realm-panel="spot"] .battle-grid-map .fighter-hp-label{display:block;font:10px/12px system-ui,sans-serif;flex-shrink:0;white-space:nowrap;color:var(--stat-hp,#f48b8b);background:#0b1413ed;border-radius:2px;padding:0 2px;max-width:100px}
body[data-realm-panel="spot"] .battle-grid-map .battle-health{height:6px;flex:0 0 6px;background:#351315;border:1px solid #090f0c;margin:1px 3px 0;width:calc(100% - 6px);box-sizing:border-box}
body[data-realm-panel="spot"] .battle-grid-map .battle-health i{background:var(--stat-hp,#f48b8b)}
body[data-realm-panel="spot"] .battle-grid-map .battle-mana{height:4px;flex:0 0 4px;background:#0d1a35;margin:1px 3px 0;width:calc(100% - 6px)}
body[data-realm-panel="spot"] .battle-grid-map .battle-mana i{background:var(--stat-mana,#70b9ff)}
body[data-realm-panel="spot"] .battle-grid-map .mob-unit{max-height:none;padding:0;overflow:visible}
body[data-realm-panel="spot"] .battle-grid-map .monster-art,body[data-realm-panel="spot"] .battle-grid-map .mob-mordrath-sino .monster-art{width:clamp(44px,calc(var(--battle-cell) - 8px),72px);height:clamp(48px,calc(var(--battle-cell) - 4px),76px);max-width:none;max-height:none}
body[data-realm-panel="spot"] .battle-grid-map .mob-label{font-size:10px;line-height:12px}.battle-grid-map .mob-health{height:5px!important}
.battle-grid-lines{opacity:.3}.battle-column-numbers,.battle-row-numbers,.battle-formation-zone{opacity:0}.formation-editing .battle-grid-lines,.formation-editing .battle-column-numbers,.formation-editing .battle-row-numbers,.formation-editing .battle-formation-zone,.tactical-view .battle-grid-lines,.tactical-view .battle-column-numbers,.tactical-view .battle-row-numbers,.tactical-view .battle-formation-zone{opacity:1}
.battle-toolbar{display:flex;align-items:flex-start;gap:4px;margin:6px 0;position:relative;z-index:45}.battle-toolbar .formation-controls{flex:1;margin:0;gap:4px;min-width:0}.battle-toolbar .formation-controls button{min-height:44px;padding:6px 10px;font-size:11px}.battle-toolbar .formation-roster{flex-basis:100%}.battle-options{position:relative;flex:0 0 44px}.battle-options>summary{display:grid;place-items:center;list-style:none;cursor:pointer;box-sizing:border-box;min-height:44px;border:1px solid #897449;border-radius:6px;background:#20291e;color:#ead4a0;font:21px/1 system-ui}.battle-options>summary::-webkit-details-marker{display:none}.battle-options-body{position:absolute;z-index:50;right:0;top:50px;width:260px;max-width:calc(100vw - 32px);box-sizing:border-box;display:grid;gap:12px;padding:14px;border:1px solid #9a824e;border-radius:8px;background:#111d17;box-shadow:0 6px 18px #0009}.battle-options-body p{font-size:11px;line-height:1.5;margin:0;color:#c6bda4}.battle-options-body button,.battle-options-body select{min-height:44px}.battle-options-body .visual-mode{justify-content:space-between}
.company-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.company-unit{min-width:0;padding:8px;border:1px solid #685a3e;border-radius:7px;background:#101b16;color:#ede1bd;text-decoration:none;display:grid;gap:3px;align-content:start;min-height:92px;box-sizing:border-box}.company-unit>b{font:600 12px/1.3 system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-unit>b small{font-size:10px;color:#c4bba3}.company-hp,.company-mana{font:11px/1.35 system-ui;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.company-hp{color:var(--stat-hp,#f48b8b)}.company-mana{color:var(--stat-mana,#70b9ff)}.company-unit>[data-company-state]{font:10px/1.3 system-ui;color:#bfbaa9}.company-unit.is-recovering{border-color:#b96454}.company-meter{display:block;height:5px;border-radius:2px;overflow:hidden;background:#35191b}.company-meter i{display:block;height:100%;background:var(--stat-hp,#f48b8b)}.company-mana-meter{background:#14253a}.company-mana-meter i{background:var(--stat-mana,#70b9ff)}
body[data-realm-panel="spot"] .map-overview .fighter-button>*,body[data-realm-panel="spot"] .map-overview .mob-unit>*{display:none!important}
body[data-realm-panel="spot"] .map-overview .fighter-button,body[data-realm-panel="spot"] .map-overview .mob-unit{height:calc(var(--battle-cell) - 2px);width:calc(var(--battle-cell) - 2px);min-height:0;padding:0;border:1px solid #85bfba!important;border-radius:50%;background:#548f8b!important}
body[data-realm-panel="spot"] .map-overview .mob-unit{background:#c97651!important;border-color:#ecaf7a!important}
@media(max-width:700px){body[data-realm-panel="spot"] header.top{padding:8px 10px;gap:6px;margin-bottom:4px}body[data-realm-panel="spot"] header.top .eyebrow{display:none}body[data-realm-panel="spot"] header.top h1{font-size:20px;margin:0}body[data-realm-panel="spot"] #continuity{display:none}body[data-realm-panel="spot"] .realm-hud{margin:0;gap:4px}body[data-realm-panel="spot"] #combat-milestones{margin:4px 0;gap:6px}body[data-realm-panel="spot"] .battle-map-meta{margin:4px 0}body[data-realm-panel="spot"] .battle-toolbar .formation-controls button{font-size:10px;padding:5px 8px}.company-unit{padding:6px;gap:2px}.company-unit>b{font-size:11px}.company-hp,.company-mana{font-size:11px}.company-unit>[data-company-state]{font-size:9px}}
/* Keep the body broad enough to identify equipment while facing the target. */
body[data-realm-panel="spot"] .battle-grid-map .fighter[data-facing="right"] .battle-portrait>svg{transform:perspective(240px) rotateY(18deg)}
body[data-realm-panel="spot"] .battle-grid-map .fighter[data-facing="left"] .battle-portrait>svg{transform:perspective(240px) rotateY(-18deg) scaleX(-1)}
@media(max-width:700px){body[data-realm-panel="spot"] .game-top{min-height:0;padding:6px 8px;margin-bottom:4px;gap:4px}body[data-realm-panel="spot"] .game-top h1{font-size:20px;line-height:1.2}body[data-realm-panel="spot"] .game-top .realm-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}body[data-realm-panel="spot"] .game-top .hud-cell{min-height:36px;padding:4px;gap:0}body[data-realm-panel="spot"] .game-top .hud-cell:nth-child(3){grid-column:auto}body[data-realm-panel="spot"] .game-top .hud-cell>.realm-icon{display:none}body[data-realm-panel="spot"] .game-top .hud-cell small{font-size:8px}body[data-realm-panel="spot"] .game-top .hud-cell b{font-size:10px;line-height:1.2}}
@media(max-width:700px){body[data-realm-panel="spot"] .game-top .hud-cell small{font-size:9px}}

/* First 2.5D stage: one ground projection, upright actors and a quiet horizon. */
body[data-realm-panel="spot"] #live-scene.battle-perspective{background-position:center 78%;box-shadow:inset 0 48px 45px #07100b44,inset 0 -24px 28px #050b0870}
body[data-realm-panel="spot"] .battle-perspective .scene-shade{background:linear-gradient(180deg,#05100b66,transparent 38%,transparent 82%,#050d0955)}
body[data-realm-panel="spot"] .battle-perspective .battle-grid-lines{opacity:0;background-size:var(--battle-cell) var(--battle-step);transform:matrix(1,0,-.375,1,0,0);transform-origin:bottom left;width:calc(var(--battle-cell)*21);right:auto}
body[data-realm-panel="spot"] .battle-perspective #battle-range-preview{transform:matrix(1,0,-.375,1,0,0);transform-origin:bottom left;background:#e7c96b0c;border-color:#e7c96b66}
body[data-realm-panel="spot"] .battle-perspective::before{height:22px;opacity:.4}
body[data-realm-panel="spot"] .battle-perspective .fighter-button{background:none!important;border-color:transparent!important;box-shadow:none!important}
body[data-realm-panel="spot"] .battle-perspective .fighter-button::before{content:"";position:absolute;left:50%;bottom:2px;width:34px;height:10px;border:1px solid #8bbab96b;border-radius:50%;background:#10231b55;transform:translateX(-50%);z-index:-1;pointer-events:none}
body[data-realm-panel="spot"] .battle-perspective .fighter-name{background:#08100ddd;text-shadow:0 1px 2px #000}
body[data-realm-panel="spot"] .battle-perspective .fighter .battle-portrait{width:clamp(66px,calc(var(--battle-cell)*1.12),82px);height:clamp(88px,calc(var(--battle-cell)*1.5),108px);order:0}
/* Vitals sit above the head, so the next row's body cannot cover them. */
body[data-realm-panel="spot"] .battle-perspective .fighter-name{order:-5}
body[data-realm-panel="spot"] .battle-perspective .fighter-hp-label{order:-4}
body[data-realm-panel="spot"] .battle-perspective .battle-health{order:-3}
body[data-realm-panel="spot"] .battle-perspective .battle-mana{order:-2}
body[data-realm-panel="spot"] .battle-perspective .attack-ready{order:-1}
/* Use the transparent headroom of each existing atlas for close overhead tags. */
body[data-realm-panel="spot"] .battle-perspective .fighter{--vitals-drop:12px}
body[data-realm-panel="spot"] .battle-perspective .fighter:has([data-armor-tier="1"]){--vitals-drop:8px}
body[data-realm-panel="spot"] .battle-perspective .fighter:has([data-armor-tier="2"]){--vitals-drop:8px}
body[data-realm-panel="spot"] .battle-perspective .fighter :is(.fighter-name,.fighter-hp-label,.battle-health,.battle-mana,.attack-ready){position:relative;top:var(--vitals-drop)}
body[data-realm-panel="spot"] .battle-perspective .mob-label{background:#0b1410bd;border-radius:3px;padding:1px 3px;color:#efdfbe}
body[data-realm-panel="spot"] .battle-perspective .mob-unit.is-inspected .monster-art{outline:1px solid #dfc06d;outline-offset:3px;border-radius:12px}
.battle-camera-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0;color:#d7c9a7;min-width:0}
.battle-map-viewport{touch-action:pan-x pan-y;cursor:grab}.battle-map-viewport.is-dragging{cursor:grabbing;user-select:none}.battle-map-viewport button,.battle-map-viewport [role="button"]{cursor:pointer}
.battle-camera-strip>span{display:grid;gap:2px;min-width:0}.battle-camera-strip b{font:600 11px/1.3 system-ui}.battle-camera-strip small{font:10px/1.4 system-ui;color:#bab8a3}
.battle-radar{display:block;flex:0 0 150px;min-height:44px;box-sizing:border-box;padding:5px;border:1px solid #706548;border-radius:5px;background:#101d17;cursor:pointer}
.battle-radar svg{display:block;width:100%;height:32px;background:repeating-linear-gradient(90deg,transparent 0 9px,#aab49612 9px 10px)}
.battle-radar path{fill:none;stroke-width:5;stroke-linecap:round}.battle-radar #battle-radar-heroes{stroke:#70b9ff}.battle-radar #battle-radar-monsters{stroke:#eda16f}.radar-formation{fill:#d4b76222}
#battle-radar-camera{fill:#e8d68f0d;stroke:#e8d68f;stroke-width:1;vector-effect:non-scaling-stroke}.battle-radar:focus-visible{outline:2px solid #ebce7c;outline-offset:2px}
@media(max-width:400px){.battle-radar{flex-basis:116px}.battle-camera-strip small{font-size:9px}}

/* Compact battle HUD: keep each number beside its own meter. */
body[data-realm-panel="spot"] .company-status{gap:5px;margin:6px 0}
body[data-realm-panel="spot"] .company-unit{padding:5px 7px;gap:2px;min-height:76px;border-top:2px solid #bd9270}
body[data-realm-panel="spot"] .company-unit[data-company-class="arqueiro"]{border-top-color:#94ba83}
body[data-realm-panel="spot"] .company-unit[data-company-class="mago"]{border-top-color:#9c9ed0}
body[data-realm-panel="spot"] .company-unit>b{font-size:11px;line-height:14px}
body[data-realm-panel="spot"] .company-vital{display:grid;gap:1px;min-width:0}
body[data-realm-panel="spot"] .company-vital .company-hp,
body[data-realm-panel="spot"] .company-vital .company-mana{font-size:11px;line-height:13px}
body[data-realm-panel="spot"] .company-vital .company-meter{height:4px}
body[data-realm-panel="spot"] .company-unit>[data-company-state]{font-size:9px;line-height:10px}
body[data-realm-panel="spot"] .company-unit.is-recovering{border-top-color:#e28b80}
body[data-realm-panel="spot"] .company-unit:focus-visible{outline:2px solid #ebce7c;outline-offset:2px}
body[data-realm-panel="spot"] #target-info.is-hint{min-height:44px;box-sizing:border-box;margin:6px 0;padding:7px 10px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;box-shadow:none}
body[data-realm-panel="spot"] #target-info.is-hint .monster-inspector-icon{width:18px;height:18px;font-size:12px}
body[data-realm-panel="spot"] #target-info.is-hint .monster-inspector-copy>b{margin:0;font-size:11px}
body[data-realm-panel="spot"] #target-info.is-hint .monster-inspector-copy>p{display:none}

/* chatE-72 · Distant scenery follows the viewport; combat ground keeps world coordinates.
   Reuses the existing decoded region image. No extra nodes, timers or ambient loops. */
body[data-realm-panel="spot"] #live-scene.battle-perspective{
 --spot-horizon-image:url("assets/aurion-clareira-v1.webp");
 --spot-horizon-tint:#1b281622;
 background-position:center 78%;
}
body[data-realm-panel="spot"] #live-scene.battle-perspective[data-region="cinzabruma"]{
 --spot-horizon-image:url("assets/season1/bastiao-cinzabruma-v1.webp");
 --spot-horizon-tint:#101c3344;
}
body[data-realm-panel="spot"] #live-scene.battle-perspective::after{
 display:block;
 inset:0 auto auto var(--camera-left,0px);
 width:var(--map-view-width,100%);
 height:40%;
 background-image:linear-gradient(var(--spot-horizon-tint),var(--spot-horizon-tint)),var(--spot-horizon-image);
 background-size:cover;
 background-position:center 38%;
 background-repeat:no-repeat;
 mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%);
 opacity:1;
 animation:none!important;
 pointer-events:none;
 z-index:1;
}
body[data-realm-panel="spot"] #live-scene.battle-perspective .scene-shade{
 background:linear-gradient(180deg,#06100c30,transparent 34%,transparent 83%,#040b095c),linear-gradient(90deg,#040b0924,transparent 13%,transparent 87%,#040b0924);
}
body[data-realm-panel="spot"] #live-scene.battle-perspective[data-region="cinzabruma"] .scene-shade{
 background:linear-gradient(180deg,#09132148,transparent 36%,transparent 83%,#070d185e),linear-gradient(90deg,#070d1829,transparent 13%,transparent 87%,#070d1829);
}
@media(max-width:700px){
 body[data-realm-panel="spot"] #live-scene.battle-perspective::after{height:34%;background-position:58% 38%}
}

/* chatE-76: the whole 14 x 5 field fits the viewport. Logical cells never shrink vital bars. */
body[data-realm-panel="spot"] .battle-map-viewport{overflow-x:hidden;touch-action:pan-y;cursor:default;max-width:100%;min-width:0}
body[data-realm-panel="spot"] #live-scene.battle-grid-map{max-width:100%;box-sizing:border-box}
body[data-realm-panel="spot"] .battle-grid-map .fighter-button{width:clamp(60px,calc(var(--battle-cell)*1.1),78px);height:auto;max-height:none;overflow:visible}
body[data-realm-panel="spot"] .battle-grid-map .mob-unit{width:clamp(44px,var(--battle-cell),76px);height:auto;min-width:44px;max-height:none;overflow:visible}
body[data-realm-panel="spot"] .battle-grid-map .fighter .battle-portrait{width:clamp(66px,calc(var(--battle-cell)*1.12),82px);height:clamp(88px,calc(var(--battle-cell)*1.5),108px)}
body[data-realm-panel="spot"] .battle-grid-lines{left:64px;right:auto;top:var(--battle-top);bottom:28px;width:calc(var(--battle-cell)*14);background-size:var(--battle-cell) var(--battle-step)}
body[data-realm-panel="spot"] .battle-perspective .battle-grid-lines,
body[data-realm-panel="spot"] .battle-perspective #battle-range-preview{transform:matrix(1,0,var(--battle-shear),1,0,0)}
body[data-realm-panel="spot"] .battle-formation-zone{left:64px;top:var(--battle-top);width:calc(var(--battle-cell)*3);height:calc(var(--battle-step)*5)}
body[data-realm-panel="spot"] .battle-column-numbers{left:64px;width:calc(var(--battle-cell)*14);grid-template-columns:repeat(14,1fr)}
body[data-realm-panel="spot"] .battle-row-numbers{left:8px;top:var(--battle-top);height:calc(var(--battle-step)*5);grid-template-rows:repeat(5,var(--battle-step))}
body[data-realm-panel="spot"] .formation-slot{height:calc(var(--battle-step) - 4px)}
@media(max-width:700px){body[data-realm-panel="spot"] #formation-slots{display:none}body[data-realm-panel="spot"] .formation-controls>small{font-size:10px}}

body[data-realm-panel="spot"] .battle-grid-map .mob-unit{transform:translateX(calc(-50% + var(--mob-clearance,0px)));transition:left .3s linear,bottom .3s linear,transform .2s linear}


/* Simple spot: information lives in the company cards; only facing and numbers remain. */
body[data-realm-panel="spot"] .battle-grid-map .fighter-button{width:var(--battle-hero-width);height:auto}
body[data-realm-panel="spot"] .battle-grid-map .fighter .battle-portrait{width:var(--battle-portrait-width);height:var(--battle-portrait-height)}
body[data-realm-panel="spot"] .battle-grid-map .mob-unit{width:var(--battle-mob-width);min-width:0;transition:none}
body[data-realm-panel="spot"] .battle-grid-map .mob-unit .monster-art{width:var(--battle-mob-width);height:var(--battle-mob-height)}
body[data-realm-panel="spot"] :is(.battle-grid-lines,.battle-formation-zone,.battle-column-numbers){left:var(--battle-pad)}
body[data-realm-panel="spot"] #live-scene *,body[data-realm-panel="spot"] #live-scene *::before,body[data-realm-panel="spot"] #live-scene *::after{animation:none!important;transition:none!important;will-change:auto!important}
body[data-realm-panel="spot"] .company-summary{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;justify-content:space-between;font-size:10px;line-height:13px}
body[data-realm-panel="spot"] [data-company-points]{font-size:10px;color:#b8b9a8}
body[data-realm-panel="spot"] .company-unit.has-points [data-company-points]{color:#f2d17b}
body[data-realm-panel="spot"] [data-company-state]{font-size:9px;color:#b8b9a8}
body[data-realm-panel="spot"] #live-scene :is(.battle-body,.battle-character-sprite,.battle-equipment-art,.monster-art){filter:none!important}

.company-unit.company-empty{opacity:.65;align-content:center}.company-empty small{font:10px/1.4 system-ui;color:#c4bba3}

/* chatE-110 · leitura compacta de monstros, efeitos partilhados e Crônicas selecionadas */
body[data-realm-panel="spot"] .company-effects{display:block;min-width:0;color:#c8d5c4;font:10px/1.35 system-ui;overflow-wrap:anywhere;max-height:2.8em;overflow:hidden}
body[data-realm-panel="spot"] .monster-roster-panel{margin:8px 0 12px;padding:0;border:0;border-radius:0;background:transparent;color:#e7dfc7;box-shadow:none}
body[data-realm-panel="spot"] .monster-roster-heading{display:grid;gap:2px;padding:0 0 7px}
body[data-realm-panel="spot"] .monster-roster-heading b{display:block;color:#f0d89b;font:700 14px/1.3 Georgia,serif}
body[data-realm-panel="spot"] .monster-roster-heading p{margin:2px 0 0;color:#bfc7b5;font:10px/1.45 system-ui}
body[data-realm-panel="spot"] .monster-roster-list{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;max-height:none;overflow:visible;border:0;scrollbar-color:#656347 #141b15}
body[data-realm-panel="spot"] .monster-status-row{flex:0 1 280px;width:280px;max-width:100%;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:10px;border:1px solid #3c4935;border-radius:7px;background:#111a14;font:11px/1.35 system-ui}
body[data-realm-panel="spot"] .monster-status-row.is-respawning{opacity:.72}
body[data-realm-panel="spot"] .monster-status-identity{display:grid;grid-column:1/-1;gap:3px;min-width:0}
body[data-realm-panel="spot"] .monster-status-identity>b{color:#eee1bf;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .monster-status-identity>small,body[data-realm-panel="spot"] .monster-status-stat>small{color:#aab8a4;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .monster-roster-hp{display:block;height:5px;overflow:hidden;border-radius:3px;background:#392020}
body[data-realm-panel="spot"] .monster-roster-hp>i{display:block;height:100%;background:#d85d5d}
body[data-realm-panel="spot"] .monster-status-stat{display:grid;align-content:start;gap:3px;min-width:0;padding:6px 5px;border:1px solid #2f3c2d;border-radius:5px;background:#172219;font-variant-numeric:tabular-nums}
body[data-realm-panel="spot"] .monster-status-stat>b{font-weight:700;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .monster-unit-effects{display:grid;grid-column:1/-1;gap:3px;min-width:0;padding:7px;border:1px solid #2f3c2d;border-radius:5px;background:#121b14}
body[data-realm-panel="spot"] .monster-unit-effects>small{color:#abb7a2;font-size:9px}
body[data-realm-panel="spot"] .unit-effect-chip{display:block;width:fit-content;max-width:100%;padding:3px 5px;border:1px solid #4e6646;border-radius:4px;background:#17251a;color:#bfe2ac;font-size:9px;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .unit-effect-chip.is-god{border-color:#9e8544;background:#352d17;color:#fff0a8}

body[data-realm-panel="spot"] .monster-unit-details{grid-column:1/-1;min-width:0;border:1px solid #354432;border-radius:5px;background:#121a13;overflow:hidden}
body[data-realm-panel="spot"] .monster-unit-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;cursor:pointer;list-style:none;color:#dfcb92;font:600 10px/1.4 system-ui,sans-serif}
body[data-realm-panel="spot"] .monster-unit-details>summary::-webkit-details-marker{display:none}
body[data-realm-panel="spot"] .monster-unit-details>summary::after{content:"＋";color:#b9d1a7;font-size:14px}
body[data-realm-panel="spot"] .monster-unit-details[open]>summary::after{content:"−"}
body[data-realm-panel="spot"] .monster-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border-top:1px solid #303c2e}
body[data-realm-panel="spot"] .monster-detail-stat{display:grid;align-content:start;gap:3px;min-width:0;padding:6px;border:1px solid #2b392a;border-radius:4px;background:#172219}
body[data-realm-panel="spot"] .monster-detail-stat>small,body[data-realm-panel="spot"] .monster-detail-drops>small{color:#aab8a4;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .monster-detail-stat>b{color:#e4e9d9;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .monster-detail-drops{grid-column:1/-1;min-width:0;padding:7px;border:1px solid #2b392a;border-radius:4px;background:#151e16}
body[data-realm-panel="spot"] .monster-detail-drop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0 0;padding:0;list-style:none;color:#d6decf;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .monster-detail-drop-list li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:5px;border:1px solid #2b392a;border-radius:4px;background:#121a13;overflow-wrap:anywhere}body[data-realm-panel="spot"] .monster-drop-art{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;overflow:hidden}body[data-realm-panel="spot"] .monster-drop-art>.reino-icon{width:100%;height:100%;padding:0}body[data-realm-panel="spot"] .monster-drop-art>img{display:block;width:100%;height:100%;object-fit:contain}body[data-realm-panel="spot"] .monster-drop-copy{display:grid;gap:3px;min-width:0}body[data-realm-panel="spot"] .monster-drop-copy>b{color:#e2e7d7;font-size:9px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}body[data-realm-panel="spot"] .monster-drop-copy>small{color:#b5c1ac;font-size:8px;line-height:1.35;overflow-wrap:anywhere}body[data-realm-panel="spot"] .monster-drop-coin{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c5a052;border-radius:50%;color:#ffe6a0;background:#2c2515;font-size:17px}body[data-realm-panel="spot"] .monster-drop-generic{display:grid;place-items:center;width:25px;height:25px;border:1px solid #5b684b;border-radius:5px;color:#d8d7a7;background:#1b261a;font-size:18px}
body[data-realm-panel="spot"] .monster-detail-drops-empty{margin:5px 0 0;color:#aab8a4;font-size:9px}

body[data-realm-panel="spot"] .monster-roster-empty{padding:12px;color:#aab8a4;font-size:11px}
body[data-realm-panel="spot"] .spot-chronicle-log{display:grid;gap:0}
body[data-realm-panel="spot"] .chronicle-event{display:grid;grid-template-columns:72px minmax(0,1fr) 24px;gap:10px;align-items:start;padding:10px 8px;border-bottom:1px solid #333b30}
body[data-realm-panel="spot"] .chronicle-event:last-child{border-bottom:0}
body[data-realm-panel="spot"] .chronicle-time{padding-top:2px;color:#9ca994;font:10px/1.4 ui-monospace,monospace;font-variant-numeric:tabular-nums}
body[data-realm-panel="spot"] .chronicle-event b{display:block;color:#fff0a8;font-size:12px}
body[data-realm-panel="spot"] .chronicle-event p{margin:3px 0;color:#e7e0cb;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .chronicle-event small{color:#adb6a1;font-size:9px}
body[data-realm-panel="spot"] .chronicle-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid #897244;border-radius:5px;color:#ffe6a0;background:#302917}
body[data-realm-panel="spot"] .chronicle-important-drop .chronicle-mark{border-color:#577b4e;color:#bae4a6;background:#1a2b19}
body[data-realm-panel="spot"] .chronicle-empty{padding:14px 8px;color:#aeb7a4;font-size:11px}
@media(max-width:700px){body[data-realm-panel="spot"] .monster-roster-panel{padding:0;margin:8px 0 10px}body[data-realm-panel="spot"] .monster-roster-heading b{font-size:13px}body[data-realm-panel="spot"] .monster-roster-heading p{font-size:9px}body[data-realm-panel="spot"] .monster-roster-list{gap:8px}body[data-realm-panel="spot"] .monster-status-row{flex:0 1 100%;width:100%;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}body[data-realm-panel="spot"] .monster-status-stat{padding:5px 4px}body[data-realm-panel="spot"] .monster-status-stat>small{font-size:8px}body[data-realm-panel="spot"] .monster-status-identity{grid-column:1/-1}body[data-realm-panel="spot"] .monster-unit-effects{grid-column:1/-1}body[data-realm-panel="spot"] .monster-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}body[data-realm-panel="spot"] .monster-detail-drop-list{grid-template-columns:minmax(0,1fr)}body[data-realm-panel="spot"] .monster-unit-details>summary{padding:8px}body[data-realm-panel="spot"] .chronicle-event{grid-template-columns:58px minmax(0,1fr) 20px;gap:7px;padding:9px 4px}body[data-realm-panel="spot"] .chronicle-time{font-size:9px}body[data-realm-panel="spot"] .company-effects{font-size:9px;max-height:2.7em}}

@media(max-width:700px){body[data-realm-panel="spot"] .battle-map-heading #cycle-average{font-size:9px}}

body[data-realm-panel="spot"] #target-info.monster-roster-panel{position:relative;right:auto;bottom:auto;max-width:none;z-index:auto;display:block;grid-template-columns:none;align-items:stretch;gap:0;margin:8px 0 12px;padding:0;border:0;border-radius:0;background:transparent;color:#e7dfc7;box-shadow:none;}


/* Dedicated transparent Aurion sprites include their own ground-contact shadows. Boss scale is visual only. */
body[data-realm-panel="spot"] #live-scene .mob-unit.mob-treant{max-height:none;overflow:visible;z-index:6}
body[data-realm-panel="spot"] #live-scene .mob-unit.mob-treant .monster-art{position:relative;left:50%;transform:translateX(-50%);width:clamp(104px,9vw,144px);height:clamp(138px,11vw,178px);max-width:none;max-height:none;margin:0 auto;overflow:visible}
body[data-realm-panel="spot"] #live-scene .mob-unit.mob-mordrath-sino{max-height:none;overflow:visible;z-index:6}
body[data-realm-panel="spot"] #live-scene .mob-unit.mob-mordrath-sino .monster-art{position:relative;left:50%;transform:translateX(-50%);width:clamp(126px,10vw,164px);height:clamp(165px,13.5vw,208px);max-width:none;max-height:none;margin:0 auto;overflow:visible}
@media(max-width:600px){
 body[data-realm-panel="spot"] #live-scene .mob-unit.mob-treant .monster-art{width:96px;height:126px}
 body[data-realm-panel="spot"] #live-scene .mob-unit.mob-mordrath-sino .monster-art{width:108px;height:144px}
}


/* chatE-135 · redesign tático de monstros, skills, efeitos e ficha da companhia. */
body[data-realm-panel="spot"] .monster-roster-heading{margin-bottom:8px}
body[data-realm-panel="spot"] .monster-roster-heading b{font-size:20px}
body[data-realm-panel="spot"] .monster-roster-list{display:grid;grid-template-columns:minmax(255px,1.05fr) repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:9px;overflow:visible}
body[data-realm-panel="spot"] .monster-status-row{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;width:auto;max-width:none;min-height:0;padding:10px;background:linear-gradient(145deg,#17231a,#0e1510);border:1px solid #3c4936;border-radius:8px;align-content:start}
body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-column:1;grid-row:span 2;padding:12px;border-color:#9a804a;box-shadow:inset 0 0 0 1px #c6a95e24,0 8px 22px #0003}
body[data-realm-panel="spot"] .monster-primary-main{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
body[data-realm-panel="spot"] .monster-primary-art{display:flex;align-items:center;justify-content:center;min-width:0;width:88px;height:112px;overflow:hidden}
body[data-realm-panel="spot"] .monster-primary-art>.reino-icon{display:block;width:100%;height:100%;padding:0;background:transparent;border:0;box-shadow:none}
body[data-realm-panel="spot"] .monster-primary-art>.reino-icon>img,body[data-realm-panel="spot"] .monster-primary-art>.reino-icon>svg{width:100%;height:100%;object-fit:contain}
body[data-realm-panel="spot"] .monster-primary-title{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;flex-wrap:wrap}
body[data-realm-panel="spot"] .monster-primary-title>b{color:#f2e4c4;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .monster-state-tag{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid #8d4234;border-radius:5px;color:#ffb2a2;background:#2a1715;font-size:9px;line-height:1.2}
body[data-realm-panel="spot"] .monster-state-tag.is-alive{border-color:#4f7b4e;color:#b9e6a5;background:#142415}
body[data-realm-panel="spot"] .monster-primary-hp-label,body[data-realm-panel="spot"] .monster-compact-hp-label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px;color:#c6d0bf;font-size:10px;font-variant-numeric:tabular-nums}
body[data-realm-panel="spot"] .monster-primary-hp-label>b,body[data-realm-panel="spot"] .monster-compact-hp-label>b{color:#f1dcb0}
body[data-realm-panel="spot"] .monster-primary-hp-label>small,body[data-realm-panel="spot"] .monster-compact-hp-label>small{color:#abb8a3;font-size:9px}
body[data-realm-panel="spot"] .monster-status-row .monster-roster-hp{height:6px;margin-top:5px;background:#3c1d20;border:1px solid #56302a;border-radius:4px;overflow:hidden}
body[data-realm-panel="spot"] .monster-status-row .monster-roster-hp>i{display:block;height:100%;background:linear-gradient(90deg,#e85e5e,#fa8180);border-radius:3px}
body[data-realm-panel="spot"] .monster-status-row.is-respawning .monster-roster-hp>i{background:#858b75}
body[data-realm-panel="spot"] .monster-compact-head{display:flex;align-items:center;gap:8px;min-width:0}
body[data-realm-panel="spot"] .monster-compact-head>span:not(.combat-effect-icon){display:grid;gap:3px;min-width:0}
body[data-realm-panel="spot"] .monster-compact-head b{color:#e9e2cf;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .monster-compact-head small{color:#9eac97;font-size:9px;line-height:1.3}
body[data-realm-panel="spot"] .monster-status-row.is-compact{gap:6px;padding:9px;min-height:0}
body[data-realm-panel="spot"] .monster-status-row.is-compact .monster-compact-hp-label{margin-top:0;font-size:9px}
body[data-realm-panel="spot"] .monster-status-row.is-compact .monster-roster-hp{height:5px;margin-top:-2px}
body[data-realm-panel="spot"] .monster-status-row.is-compact .monster-unit-effects{gap:5px;padding:0;border:0;background:transparent}
body[data-realm-panel="spot"] .monster-status-row.is-compact .monster-unit-details{display:none}
body[data-realm-panel="spot"] .monster-unit-effects{min-width:0;display:grid;gap:5px;padding:8px;border:1px solid #2c3a2c;border-radius:6px;background:#0e1711}
body[data-realm-panel="spot"] .monster-unit-effects>small{color:#9fac94;font-size:9px;line-height:1.3}
body[data-realm-panel="spot"] .combat-effect-strip{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;min-width:0}
body[data-realm-panel="spot"] .combat-effect-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-width:35px;max-width:56px;padding:3px;border:1px solid #44563b;border-radius:6px;background:#142016;color:#c6e8ad}
body[data-realm-panel="spot"] .combat-effect-chip.is-god{border-color:#d1ad53;background:#2e2818;color:#ffe4a1}
body[data-realm-panel="spot"] .combat-effect-count{display:block;color:#eadfc4;font:700 10px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-realm-panel="spot"] .combat-effect-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:1px solid currentColor;border-radius:6px;background:linear-gradient(145deg,#273729,#101811);color:#d4d7ae;box-shadow:inset 0 0 9px #0008}
body[data-realm-panel="spot"] .combat-effect-icon>svg{display:block;width:24px;height:24px}
body[data-realm-panel="spot"] .combat-effect-icon-poison{color:#8be06b;background:linear-gradient(145deg,#213d23,#0c190d)}
body[data-realm-panel="spot"] .combat-effect-icon-regeneration{color:#7ee17b;background:linear-gradient(145deg,#1e4a26,#0b180d)}
body[data-realm-panel="spot"] .combat-effect-icon-vulnerability{color:#ff8579;background:linear-gradient(145deg,#4b2323,#1a1010)}
body[data-realm-panel="spot"] .combat-effect-icon-recovery{color:#e8bf72;background:linear-gradient(145deg,#45351c,#1a150e)}
body[data-realm-panel="spot"] .combat-effect-icon-shield{color:#70c8ff;background:linear-gradient(145deg,#1b3347,#10171d)}
body[data-realm-panel="spot"] .combat-effect-icon-bleeding{color:#ff7474;background:linear-gradient(145deg,#491d24,#1a1012)}
body[data-realm-panel="spot"] .combat-effect-icon-burning{color:#ffae48;background:linear-gradient(145deg,#4b2914,#1a120e)}
body[data-realm-panel="spot"] .combat-effect-chip .combat-skill-glyph{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #8b7247;border-radius:5px;background:#151b15;overflow:hidden}
body[data-realm-panel="spot"] .combat-effect-chip .combat-skill-glyph>.reino-icon{width:29px;height:29px;padding:0;border:0;background:transparent}
body[data-realm-panel="spot"] .combat-effect-chip .combat-skill-glyph .reino-icon>img,body[data-realm-panel="spot"] .combat-effect-chip .combat-skill-glyph .reino-icon>svg{width:100%;height:100%;object-fit:contain}
body[data-realm-panel="spot"] .combat-no-effects{color:#94a28d;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .monster-unit-details{grid-column:1/-1;margin-top:1px}
body[data-realm-panel="spot"] .company-panel{margin:16px 0 12px}
body[data-realm-panel="spot"] .company-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:8px}
body[data-realm-panel="spot"] .company-panel-heading h2{margin:0;color:#f1e2c1;font:700 21px/1.2 Georgia,serif}
body[data-realm-panel="spot"] .company-panel-heading p{margin:0;color:#aab5a3;font-size:10px;line-height:1.4}
body[data-realm-panel="spot"] #company-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px;min-width:0}
body[data-realm-panel="spot"] .company-unit{min-width:0;display:grid;align-content:start;gap:9px;padding:10px;border:1px solid #50513a;border-radius:8px;background:linear-gradient(145deg,#17221a,#0d1510);color:#e5e5d5;box-shadow:0 5px 16px #0003}
body[data-realm-panel="spot"] .company-unit.is-recovering{border-color:#985b43}
body[data-realm-panel="spot"] .company-card-head{display:flex;align-items:start;justify-content:space-between;gap:7px;min-width:0}
body[data-realm-panel="spot"] .company-person{display:flex;align-items:center;gap:9px;min-width:0}
body[data-realm-panel="spot"] .company-portrait{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:58px;overflow:hidden;border:1px solid #86734f;border-radius:6px;background:#111a13}
body[data-realm-panel="spot"] .company-portrait>.reino-icon{display:block;width:100%;height:100%;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none}
body[data-realm-panel="spot"] .company-portrait>.reino-icon>img,body[data-realm-panel="spot"] .company-portrait>.reino-icon>svg{width:100%;height:100%;object-fit:cover}
body[data-realm-panel="spot"] .company-identity{display:grid;gap:3px;min-width:0}
body[data-realm-panel="spot"] .company-identity>b{display:block;min-width:0;font:700 14px/1.2 Georgia,serif;overflow-wrap:anywhere}
body[data-realm-panel="spot"] .company-identity>b>a{color:#f0deaf;text-decoration:none}
body[data-realm-panel="spot"] .company-identity>b>a:hover{text-decoration:underline}
body[data-realm-panel="spot"] .company-identity>small{color:#b3c1aa;font-size:9px;line-height:1.35}
body[data-realm-panel="spot"] .company-identity .company-class{color:#d2c18f}
body[data-realm-panel="spot"] .company-config-button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0;border:1px solid #8b7446;border-radius:6px;background:#24291d;color:#f1d48c;font-size:17px}
body[data-realm-panel="spot"] .company-bars{display:grid;gap:7px}
body[data-realm-panel="spot"] .company-meter-row{display:grid;gap:3px;color:#d4dbc9;font-size:10px;font-variant-numeric:tabular-nums}
body[data-realm-panel="spot"] .company-meter-row>[data-company-hp]{color:#f18d8d}
body[data-realm-panel="spot"] .company-meter-row>[data-company-mana]{color:#8fcaff}
body[data-realm-panel="spot"] .company-meter{display:block;width:100%;height:6px;overflow:hidden;border:0;border-radius:4px;background:#292c22}
body[data-realm-panel="spot"] .company-meter>i{display:block;height:100%;border-radius:4px;transition:width .1s linear}
body[data-realm-panel="spot"] .company-hp-meter{background:#3a1d20}
body[data-realm-panel="spot"] .company-hp-meter>i{background:linear-gradient(90deg,#d94e58,#fc7777)}
body[data-realm-panel="spot"] .company-mana-meter{background:#162b3d}
body[data-realm-panel="spot"] .company-mana-meter>i{background:linear-gradient(90deg,#379ce4,#6cd2ff)}
body[data-realm-panel="spot"] .company-subpanel{display:grid;gap:6px;padding:8px;border:1px solid #2e3a2d;border-radius:6px;background:#0f1711}
body[data-realm-panel="spot"] .company-subpanel>header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
body[data-realm-panel="spot"] .company-subpanel>header>b{color:#e8d7a5;font-size:11px}
body[data-realm-panel="spot"] .company-subpanel>header>small{color:#98a794;font-size:8px;line-height:1.3}
body[data-realm-panel="spot"] .company-skill-list{display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;min-width:0}
body[data-realm-panel="spot"] .company-skill-slot,body[data-realm-panel="spot"] .company-skill-config-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 47px;width:47px;min-height:58px;padding:4px;border:1px solid #776341;border-radius:6px;background:linear-gradient(145deg,#22291e,#101711);color:#d6d9bd}
body[data-realm-panel="spot"] .company-skill-slot.is-disabled{opacity:.48;filter:saturate(.45)}
body[data-realm-panel="spot"] .company-skill-slot>small,body[data-realm-panel="spot"] .company-skill-config-slot>small{font-size:9px;line-height:1.1;color:#e3d29e;white-space:nowrap}
body[data-realm-panel="spot"] .company-skill-slot .combat-skill-glyph{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #9b7944;border-radius:5px;background:#101610;overflow:hidden}
body[data-realm-panel="spot"] .company-skill-slot .combat-skill-glyph>.reino-icon{width:33px;height:33px;padding:0;border:0;background:transparent}
body[data-realm-panel="spot"] .company-skill-slot .combat-skill-glyph>.reino-icon>img,body[data-realm-panel="spot"] .company-skill-slot .combat-skill-glyph>.reino-icon>svg{width:100%;height:100%;object-fit:contain}
body[data-realm-panel="spot"] .company-skill-config-slot>span{display:grid;place-items:center;width:33px;height:33px;border:1px dashed #756947;border-radius:5px;font-size:22px;color:#dfd1a2}
body[data-realm-panel="spot"] .company-effects-panel .company-effect-list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;min-width:0;min-height:35px}
body[data-realm-panel="spot"] .company-effect-list .combat-effect-chip{min-width:34px}
body[data-realm-panel="spot"] .company-summary{display:flex;align-items:baseline;justify-content:space-between;gap:7px;flex-wrap:wrap;padding-top:2px;font-size:10px}
body[data-realm-panel="spot"] .company-summary>[data-company-points]{color:#f1d48b}
body[data-realm-panel="spot"] .company-summary>[data-company-state]{color:#9eac97;font-size:9px}
body[data-realm-panel="spot"] .company-empty{min-height:94px;align-content:center;gap:5px;opacity:.65}
body[data-realm-panel="spot"] .company-empty>b{font:700 15px Georgia,serif;color:#d6c89f}
body[data-realm-panel="spot"] .company-empty>small{color:#a5b19b;font-size:10px}
body[data-realm-panel="spot"] .skill-config-dialog{width:min(610px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #a68a50;border-radius:10px;background:#101812;color:#e7e4cf;box-shadow:0 20px 80px #000c}
body[data-realm-panel="spot"] .skill-config-dialog::backdrop{background:#020604c9;backdrop-filter:blur(3px)}
body[data-realm-panel="spot"] .skill-config-shell{display:grid;gap:12px;padding:16px;max-height:calc(100dvh - 26px);overflow:auto}
body[data-realm-panel="spot"] .skill-config-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #3a4837}
body[data-realm-panel="spot"] .skill-config-heading h2{margin:5px 0;color:#f0dcaa;font:700 21px/1.15 Georgia,serif}
body[data-realm-panel="spot"] .skill-config-heading small{color:#b1bda8;font-size:10px}
body[data-realm-panel="spot"] .skill-config-heading>button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;border:1px solid #68593a;background:#20271c;color:#e8d19a;font-size:22px}
body[data-realm-panel="spot"] .skill-config-list{display:grid;gap:7px}
body[data-realm-panel="spot"] .skill-config-columns{display:grid;grid-template-columns:minmax(0,1fr) 74px 106px;gap:7px;padding:0 8px;color:#aeb89f;font-size:9px}
body[data-realm-panel="spot"] .skill-config-row{display:grid;grid-template-columns:minmax(0,1fr) 74px 106px;align-items:center;gap:7px;padding:8px;border:1px solid #354331;border-radius:6px;background:#151e16}
body[data-realm-panel="spot"] .skill-config-row-info{display:flex;align-items:center;gap:8px;min-width:0}
body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #8b7548;border-radius:6px;background:#101610;overflow:hidden}
body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph>.reino-icon{width:38px;height:38px;padding:0;border:0;background:transparent}
body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph>.reino-icon>img,body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph>.reino-icon>svg{width:100%;height:100%;object-fit:contain}
body[data-realm-panel="spot"] .skill-config-row-info>span:not(.combat-skill-glyph){display:grid;gap:4px;min-width:0}
body[data-realm-panel="spot"] .skill-config-row-info b{color:#ece4cf;font-size:11px;line-height:1.3}
body[data-realm-panel="spot"] .skill-config-row-info small{color:#9eac96;font-size:9px;line-height:1.3}
body[data-realm-panel="spot"] .skill-config-toggle{display:flex;align-items:center;justify-content:center;gap:4px;color:#c8d3bf;font-size:9px}
body[data-realm-panel="spot"] .skill-config-toggle input,body[data-realm-panel="spot"] .skill-config-vip input{accent-color:#73bd64}
body[data-realm-panel="spot"] .skill-config-priority{display:grid;gap:3px;color:#aeb99f;font-size:9px}
body[data-realm-panel="spot"] .skill-config-priority select{min-height:32px;padding:4px 6px;font-size:10px}
body[data-realm-panel="spot"] .skill-config-priority-fixed{font-size:10px;color:#e5d09a;text-align:center}
body[data-realm-panel="spot"] .skill-config-empty{padding:12px;margin:0;border:1px dashed #4b5a41;border-radius:6px;color:#c3cbb8;font-size:11px;line-height:1.55}
body[data-realm-panel="spot"] .skill-config-vip{display:grid;gap:9px;padding:12px;border:1px solid #796b42;border-radius:7px;background:linear-gradient(145deg,#272719,#151910)}
body[data-realm-panel="spot"] .skill-config-vip>header{display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-realm-panel="spot"] .skill-config-vip>header>div{display:grid;gap:3px}
body[data-realm-panel="spot"] .skill-config-vip>header b{color:#f0d59b;font-size:12px}
body[data-realm-panel="spot"] .skill-config-vip>header small,body[data-realm-panel="spot"] .skill-config-vip>small{color:#b3b6a0;font-size:9px;line-height:1.4}
body[data-realm-panel="spot"] .skill-config-vip label{display:flex;align-items:center;gap:8px;color:#d5dacb;font-size:10px;line-height:1.4}
body[data-realm-panel="spot"] .skill-config-vip a{color:#ebd49a;font-size:10px;text-decoration:none}
body[data-realm-panel="spot"] .skill-config-vip a:hover{text-decoration:underline}
body[data-realm-panel="spot"] .vip-state{padding:4px 7px;border:1px solid #686145;border-radius:5px;color:#c2c3b0;background:#191c14;font-size:9px;white-space:nowrap}
body[data-realm-panel="spot"] .vip-state.is-active{border-color:#64975c;color:#b8e6a4;background:#172917}
@media(max-width:1000px){
 body[data-realm-panel="spot"] .monster-roster-list{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(0,1fr))}
 body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-row:span 2}
 body[data-realm-panel="spot"] #company-status{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 body[data-realm-panel="spot"] .monster-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-column:1/-1;grid-row:auto}
 body[data-realm-panel="spot"] .monster-primary-main{grid-template-columns:74px minmax(0,1fr);gap:8px}
 body[data-realm-panel="spot"] .monster-primary-art{width:74px;height:96px}
 body[data-realm-panel="spot"] .monster-status-row{padding:8px;gap:7px}
 body[data-realm-panel="spot"] .monster-status-row.is-compact{padding:8px;gap:5px}
 body[data-realm-panel="spot"] .monster-compact-head{gap:5px}
 body[data-realm-panel="spot"] .monster-compact-head>.combat-effect-icon{flex-basis:25px;width:25px;height:25px}
 body[data-realm-panel="spot"] .monster-compact-head>.combat-effect-icon>svg{width:20px;height:20px}
 body[data-realm-panel="spot"] .monster-compact-head b{font-size:10px}
 body[data-realm-panel="spot"] .monster-compact-head small{font-size:8px}
 body[data-realm-panel="spot"] .monster-status-row.is-compact .monster-compact-hp-label{font-size:8px}
 body[data-realm-panel="spot"] .monster-status-row .combat-effect-chip{min-width:29px;padding:2px}
 body[data-realm-panel="spot"] .monster-status-row .combat-effect-icon{width:25px;height:25px;flex-basis:25px}
 body[data-realm-panel="spot"] .monster-status-row .combat-effect-icon>svg{width:20px;height:20px}
 body[data-realm-panel="spot"] .monster-status-row .combat-effect-count{font-size:8px}
 body[data-realm-panel="spot"] #company-status{grid-template-columns:minmax(0,1fr)}
 body[data-realm-panel="spot"] .company-unit{padding:9px}
 body[data-realm-panel="spot"] .company-card-head{gap:5px}
 body[data-realm-panel="spot"] .company-portrait{flex-basis:48px;width:48px;height:54px}
 body[data-realm-panel="spot"] .company-identity>b{font-size:13px}
 body[data-realm-panel="spot"] .company-panel-heading{align-items:start;flex-direction:column;gap:4px}
 body[data-realm-panel="spot"] .skill-config-shell{padding:10px;gap:9px}
 body[data-realm-panel="spot"] .skill-config-heading h2{font-size:18px}
 body[data-realm-panel="spot"] .skill-config-columns,body[data-realm-panel="spot"] .skill-config-row{grid-template-columns:minmax(0,1fr) 55px 72px;gap:5px;padding:6px}
 body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph{flex-basis:32px;width:32px;height:34px}
 body[data-realm-panel="spot"] .skill-config-row-info>.combat-skill-glyph>.reino-icon{width:30px;height:32px}
 body[data-realm-panel="spot"] .skill-config-row-info b{font-size:10px}
 body[data-realm-panel="spot"] .skill-config-toggle{font-size:8px}
 body[data-realm-panel="spot"] .skill-config-priority select{min-height:30px;padding:3px;font-size:9px}
}

 
/* chatE-136 · Companhia primeiro, roster em duas colunas e painéis independentes. */
body[data-realm-panel="spot"] .monster-roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:8px}
body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-column:auto;grid-row:auto;padding:9px;gap:8px}
body[data-realm-panel="spot"] .monster-primary-main{grid-template-columns:70px minmax(0,1fr);gap:8px}
body[data-realm-panel="spot"] .monster-primary-art{width:70px;height:90px}
body[data-realm-panel="spot"] .monster-unit-details{min-width:0}
body[data-realm-panel="spot"] .monster-detail-summary-label{display:inline-flex;align-items:center;gap:7px;min-width:0}
body[data-realm-panel="spot"] .monster-detail-summary-label>svg{display:block;flex:0 0 15px;width:15px;height:15px;color:#d9bc72}
body[data-realm-panel="spot"] .monster-detail-drops{min-width:0}
body[data-realm-panel="spot"] .monster-unit-details-drops .monster-detail-drops{padding:7px}
body[data-realm-panel="spot"] .skill-config-columns,body[data-realm-panel="spot"] .skill-config-row{grid-template-columns:minmax(0,1fr) 58px 78px minmax(112px,auto)}
body[data-realm-panel="spot"] .skill-config-vip-targets{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;color:#d9d2b9;font-size:9px;white-space:nowrap}
body[data-realm-panel="spot"] .skill-config-vip-targets>input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#73bd64}
body[data-realm-panel="spot"] .skill-config-vip-targets>span{color:#cbb779;font-weight:700;font-size:9px}
body[data-realm-panel="spot"] .skill-config-vip-targets>select{width:43px;min-width:0;min-height:29px;padding:3px 2px;border:1px solid #5f664a;border-radius:4px;background:#0e150f;color:#eee2c1;font-size:10px}
body[data-realm-panel="spot"] .skill-config-vip-targets>select:disabled{opacity:.55}
body[data-realm-panel="spot"] .skill-config-vip-empty{color:#737d68;text-align:center;font-size:11px}
@media(max-width:1000px){body[data-realm-panel="spot"] .monster-roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-column:auto;grid-row:auto}}
@media(max-width:700px){
 body[data-realm-panel="spot"] .monster-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body[data-realm-panel="spot"] .monster-status-row.is-primary{grid-column:1/-1;grid-row:auto}
 body[data-realm-panel="spot"] .monster-primary-main{grid-template-columns:74px minmax(0,1fr);gap:8px}
 body[data-realm-panel="spot"] .monster-primary-art{width:74px;height:96px}
 body[data-realm-panel="spot"] .skill-config-columns,body[data-realm-panel="spot"] .skill-config-row{grid-template-columns:minmax(0,1fr) 43px 58px minmax(82px,auto);gap:4px;padding:6px}
 body[data-realm-panel="spot"] .skill-config-vip-targets{gap:2px;font-size:8px}
 body[data-realm-panel="spot"] .skill-config-vip-targets>input{width:12px;height:12px}
 body[data-realm-panel="spot"] .skill-config-vip-targets>select{width:36px;min-height:28px;font-size:9px}
}

/* Keep the compact VIP checkbox as its own label; the target selector remains independent. */
body[data-realm-panel="spot"] .skill-config-vip-targets>label{display:flex;align-items:center;justify-content:center;gap:3px;margin:0;color:#d9d2b9;font-size:9px;white-space:nowrap}
body[data-realm-panel="spot"] .skill-config-vip-targets>label>input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#73bd64}
body[data-realm-panel="spot"] .skill-config-vip-targets>label>span{color:#cbb779;font-weight:700;font-size:9px}
@media(max-width:700px){body[data-realm-panel="spot"] .skill-config-vip-targets>label{gap:2px;font-size:8px}body[data-realm-panel="spot"] .skill-config-vip-targets>label>input{width:12px;height:12px}}