/* KI ARENA V7 — ARCADE ADVENTURE. Restricted to Roguelike surfaces. NEVER restyle card templates. */
:root{--v7-night:#0d1f3a;--v7-blue:#20476b;--v7-energy:#ff942f;--v7-gold:#f6c35a;--v7-cyan:#4ed6cf;--v7-mystery:#9972ed}
.is-rogue-page{background:radial-gradient(ellipse 90% 35% at 50% 12%,#d4f1fb,#ecf6f9 75%,#f2f5f7);min-height:100vh}
.is-rogue-page main{width:min(1540px,calc(100% - 44px));margin:0 auto}
.is-rogue-page .masthead{width:min(1560px,calc(100% - 44px));border-radius:20px;background:linear-gradient(115deg,#0b2143,#113961 75%,#0c2547);border:1px solid #2f6294;box-shadow:0 15px 35px #1a427333,inset 0 1px #ffffff1e}
.is-rogue-page .mobile-nav{display:none}
.is-rogue-page footer{margin-top:26px}
.rogue-v7{margin:24px 0 44px;color:#e9f4fc}
.rogue-v7 *{min-width:0}
/* HUD: always glanceable, no stacked dashboard boxes */
.v7-hud{display:grid;grid-template-columns:minmax(250px,1fr) minmax(370px,auto);grid-template-rows:auto 8px;gap:16px 28px;align-items:center;border-radius:23px 23px 17px 17px;background:linear-gradient(130deg,#0b2445 4%,#16456a 72%,#0c294f);color:#fff;padding:16px 21px 18px;border:1px solid #487a99;box-shadow:0 7px 0 #0b294d,0 18px 30px #10325226;position:relative;overflow:hidden}
.v7-hud:before{content:'';position:absolute;width:400px;height:260px;right:-50px;top:-160px;border-radius:50%;background:radial-gradient(ellipse,#5bd6f923,transparent 66%);pointer-events:none}
.v7-hud-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.v7-hud-crest{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:17px;background:linear-gradient(145deg,#ffe1a3,#f4a34b 55%,#dd5e2b);color:#74330b;font-size:27px;text-shadow:0 1px 1px #fff4;border:2px solid #fff4d4;box-shadow:0 4px 0 #7a371e,0 6px 23px #ffa5454f}
.v7-hud-brand>div{display:grid;gap:2px}.v7-hud-brand small{font-size:9px;letter-spacing:1.65px;font-weight:900;color:#ffd69a}.v7-hud-brand strong{font:900 clamp(19px,2vw,28px)/1.1 var(--display);letter-spacing:.2px;color:#fff}.v7-hud-brand span:not(.v7-hud-crest){color:#c4e8f7;font-size:11px;font-weight:800}
.v7-hud-right{display:flex;align-items:center;justify-content:flex-end;gap:7px;z-index:1;position:relative}.v7-hud-stat{display:grid;grid-template-columns:24px auto;grid-template-rows:19px 12px;column-gap:5px;padding:7px 12px;background:linear-gradient(150deg,#ffffff12,#ffffff06);border:1px solid #b5d5eb2c;border-radius:11px;min-width:81px}
.v7-hud-stat i{grid-row:span 2;align-self:center;font-style:normal;font-size:21px;color:#aaf0ef}.v7-hud-stat strong{font:900 18px/1 var(--display);letter-spacing:.4px;font-variant-numeric:tabular-nums}.v7-hud-stat strong small{font:800 11px var(--font);color:#abc4dd}.v7-hud-stat>small{font:700 9px/1.2 var(--font);color:#bdd4e7}.v7-hud-stat.zeni i,.v7-hud-stat.ball i{color:#ffd268}.v7-hud-stat.alive i{color:#6beaaf}
.v7-hud-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;height:7px}.v7-hud-step{height:7px;border-radius:999px;background:#ffffff35;position:relative;box-shadow:inset 0 1px 2px #0003}.v7-hud-step.done{background:#5cdcc4}.v7-hud-step.now{background:linear-gradient(90deg,#ffd568,#ff982f);box-shadow:0 0 9px #ffb95176}.v7-hud-step span{position:absolute;right:4px;top:-4px;font-size:8px;color:#fff}
/* Frame */
.rogue-v7 .rogue-main{margin:20px 0 0!important;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:18px}
.rogue-v7 .v7-game-screen{min-width:0;position:relative;animation:v7-in .34s ease-out}
.rogue-v7 .v7-sidebar{display:grid;align-content:start;gap:13px;position:sticky;top:16px}
.rogue-v7 .v7-team-preview{color:#fff;border-radius:20px;padding:17px;background:linear-gradient(145deg,#102e53,#194769);border:1px solid #4b8eb8;box-shadow:0 7px 0 #0a2441,0 15px 30px #16395732}
.v7-panel-title{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #ffffff22;padding-bottom:13px;margin-bottom:11px}.v7-panel-title span{font-size:11px;font-weight:950;letter-spacing:.9px}.v7-panel-title small{font-size:9px;white-space:nowrap;color:#82e7cd;font-weight:900}
.v7-mini-team{display:grid;gap:8px}.v7-mini-fighter{display:flex;align-items:center;gap:10px;min-width:0;border-radius:10px;padding:5px;background:#d1e9f00d;border:1px solid #d2edff1c}.v7-mini-art{width:43px;height:47px;flex:none;position:relative;overflow:hidden;border-radius:8px;background:#a6dbe345;border:1px solid #ffffff32}.v7-mini-art>.art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v7-mini-data{min-width:0;flex:1;display:grid;gap:4px}.v7-mini-data b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:900 12px/1.1 var(--font)}.v7-mini-data small{color:#c4ddeb;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}.v7-hpbar{height:6px;border-radius:99px;background:#071c34;overflow:hidden}.v7-hpbar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3bda9b,#9aefd0);transition:width .3s}.v7-mini-fighter.is-ko{filter:grayscale(1);opacity:.5}.v7-mini-fighter.is-ko .v7-hpbar>span{background:#fc5e5e}
.v7-item-preview{display:flex;justify-content:space-between;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid #ffffff27;font-size:9px;font-weight:850;color:#ffd78a}
.rogue-v7 .v5-team-drawer,.rogue-v7 .inventory-panel{margin:0;border:1px solid #bdcfe1;border-radius:14px;background:#fff;box-shadow:0 5px 14px #12385c1b;color:#122d4e}.rogue-v7 .v5-team-drawer>summary,.rogue-v7 .inventory-panel>summary{border:0;padding:14px 15px;font:900 11px var(--font);letter-spacing:.3px;min-height:48px;display:flex;align-items:center;gap:8px;justify-content:space-between}.rogue-v7 .v5-team-drawer>summary span{color:#e87538;font-size:10px}.rogue-v7 .inventory-panel>summary b{font-size:10px;background:#fff0dc;padding:5px 8px}.rogue-v7 .v5-team-drawer[open],.rogue-v7 .inventory-panel[open]{grid-column:1 / -1}.rogue-v7 .v5-team-drawer .section-inline{margin:13px 12px}.rogue-v7 .v5-team-drawer .section-inline h2{font-size:21px}.rogue-v7 .v5-team-drawer .rogue-party{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px 12px 18px}.rogue-v7 .v5-team-drawer .party-slot{min-width:0}.rogue-v7 .v5-team-drawer .offer-row{padding:12px}.rogue-v7 .inventory-panel .inv-grid{padding:12px;display:grid;grid-template-columns:1fr;gap:9px}.rogue-v7 .inventory-panel .item-token{width:auto;min-width:0}.rogue-v7 .inventory-panel .item-token b,.rogue-v7 .inventory-panel .item-token small{overflow-wrap:anywhere}.v7-retreat .btn{width:100%;border-color:#d5dde6!important;background:transparent!important;color:#536b83!important;font-size:10px!important;box-shadow:none!important}.v7-retreat .btn:hover{border-color:#c46666!important;color:#a43844!important}
/* World: scenic sky with active path floating over it */
.rogue-v7 .ki-world{background:#0c2342;border-radius:24px;border:1px solid #386586;box-shadow:0 10px 0 #0b2b51,0 26px 50px #11365d39;overflow:hidden}
.rogue-v7 .ki-world-head{padding:23px 27px 16px;min-height:118px;background:linear-gradient(105deg,#0d3158,#194c75 65%,#113a62);position:relative;overflow:hidden}
.rogue-v7 .ki-world-head:after{content:'';position:absolute;right:-50px;top:-100px;width:300px;height:200px;border-radius:50%;background:radial-gradient(ellipse,#71d2ed23,transparent 68%);pointer-events:none}
.rogue-v7 .ki-world-head h2{font:900 clamp(27px,3.3vw,39px)/1.05 var(--display);margin:5px 0!important;letter-spacing:.3px}.rogue-v7 .ki-world-head p{color:#cae7f3;font-size:12px;max-width:48ch}.rogue-v7 .ki-overline{color:#ffd68c;font-size:10px}.rogue-v7 .ki-world-stats b{font-size:15px;color:#ffcb67}.rogue-v7 .ki-world-stats small{font-size:9px}
.rogue-v7 .ki-world-landscape{height:235px;background-position:center 47%;background-size:cover;isolation:isolate}.rogue-v7 .ki-world-landscape:before{background:linear-gradient(0deg,#0d2b4a 0%,#0e305022 39%,transparent 75%);z-index:2}.v7-sunflare{position:absolute;top:10%;right:21%;width:155px;height:155px;background:radial-gradient(circle,#fffcbb3d,transparent 68%);border-radius:50%;animation:v7-light 10s ease-in-out infinite alternate}.v7-fog{position:absolute;bottom:-10px;left:-10%;width:120%;height:73px;border-radius:50%;background:#cae6f312;filter:blur(18px);animation:v7-fog 12s ease-in-out infinite alternate}.v7-landscape-caption{position:absolute;left:25px;bottom:20px;font:900 10px var(--font);color:#f5f1dc;letter-spacing:1.9px;text-shadow:0 2px 8px #001f38;z-index:3}
.rogue-v7 .ki-mapboard{background:linear-gradient(180deg,#0d2b4a 0%,#163f5a 8%,#183955 45%,#0d2745);padding:0 7px;isolation:isolate;overflow:hidden}
.rogue-v7 .ki-mapboard:before{background:radial-gradient(circle at 60% 0%,#55dccc13,transparent 52%),radial-gradient(circle at 25% 60%,#bb89ff10,transparent 54%);opacity:1;z-index:0}
.rogue-v7 .ki-mapboard:after{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/wilderness.svg');background-size:cover,auto 720px;background-position:center,center bottom;background-repeat:no-repeat;opacity:.13;pointer-events:none}
.rogue-v7 .biome-desert .ki-mapboard:after{background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/desert.svg')}
.rogue-v7 .biome-namek .ki-mapboard:after{background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/namek.svg')}
.rogue-v7 .biome-ruins .ki-mapboard:after{background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/ruins.svg')}
.rogue-v7 .biome-sky .ki-mapboard:after{background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/sky.svg')}
.rogue-v7 .biome-void .ki-mapboard:after{background-image:linear-gradient(90deg,#061a3329,#ffffff03,#061a3329),url('../assets/rogue/void.svg')}
.rogue-v7 .ki-map-lines{z-index:1;filter:drop-shadow(0 0 8px #4ed6cf26)}.rogue-v7 .ki-line{stroke:#6e9fc38e;stroke-dasharray:2 8;stroke-width:3}.rogue-v7 .ki-line.available{stroke:#a8f5dd;stroke-width:4.3;stroke-dasharray:9 8;filter:drop-shadow(0 0 5px #38d7b2a0);animation:kiMarch 10s linear infinite}.rogue-v7 .ki-line.past{stroke:#ffc45e;stroke-dasharray:none;stroke-width:3.5}
/* Nodes as arcade emblems rather than admin rectangles */
.rogue-v7 .ki-mapnode{width:min(145px,22%);height:93px;padding:4px 3px 2px;gap:2px;border:0!important;border-radius:16px 16px 19px 19px;background:transparent!important;box-shadow:none!important;color:#d7e8f6;overflow:visible;animation:none!important;filter:none;transform:translate(-50%,-50%);transition:transform .2s,opacity .2s,filter .2s}
.rogue-v7 .ki-mapnode:before{content:'';position:absolute;inset:22px 8px 2px;border-radius:12px;background:linear-gradient(160deg,#244f74eb,#153151f0);border:1px solid #a9d3e961;box-shadow:0 5px 0 #071e37,0 9px 12px #0816274d;z-index:-1;transition:background .2s,border-color .2s}
.rogue-v7 .ki-mapnode-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:radial-gradient(circle at 30% 20%,#80b4d0,#2c6384 60%,#1b3f60);border:3px solid #a6d5eb;box-shadow:0 4px 0 #071d34,0 7px 12px #0017;color:#fff;margin-top:-9px;position:relative;z-index:2;transition:transform .2s,box-shadow .2s}
.rogue-v7 .ki-mapnode strong{font:900 12px/1.2 var(--font);color:#eaf6ff;text-shadow:0 1px 2px #001c39}.rogue-v7 .ki-mapnode small{font:800 9px/1.2 var(--font);color:#b9d6e6}
.rogue-v7 .ki-mapnode.muted{opacity:.62}.rogue-v7 .ki-mapnode.cleared{opacity:.55}.rogue-v7 .ki-mapnode.reachable{opacity:1;color:white;cursor:pointer}.rogue-v7 .ki-mapnode.reachable:before{background:linear-gradient(155deg,#316689,#112f56);border-color:#d6f6f4;box-shadow:0 5px 0 #0b233e,0 12px 21px #03162d78,0 0 15px #55d9d839!important}.rogue-v7 .ki-mapnode.reachable .ki-mapnode-icon{background:radial-gradient(circle at 32% 18%,#ffe4a5,#ffac4c 57%,#b45b33);border-color:#fff0c9;box-shadow:0 4px 0 #87461c,0 0 21px #ffb64c7a!important;animation:v7-node-breathe 3.2s ease-in-out infinite alternate}.rogue-v7 .ki-mapnode.reachable:hover,.rogue-v7 .ki-mapnode.reachable:focus-visible{transform:translate(-50%,-56%) scale(1.065);outline:none!important}.rogue-v7 .ki-mapnode.reachable:hover .ki-mapnode-icon,.rogue-v7 .ki-mapnode.reachable:focus-visible .ki-mapnode-icon{transform:scale(1.12);box-shadow:0 2px 0 #8a4a22,0 0 22px #fff3ad!important}.rogue-v7 .ki-mapnode:focus-visible:before{outline:3px solid white;outline-offset:4px}
.rogue-v7 .ki-mapnode.ki-type-rest.reachable .ki-mapnode-icon{background:radial-gradient(circle at 20% 10%,#cbffe9,#42cba7 66%,#047c80);border-color:#b8fff0;box-shadow:0 4px 0 #07615e,0 0 20px #2ef4bc72!important}
.rogue-v7 .ki-mapnode.ki-type-event.reachable .ki-mapnode-icon,.rogue-v7 .ki-mapnode.ki-type-quest.reachable .ki-mapnode-icon{background:radial-gradient(circle at 20% 10%,#f1ddff,#9e79ea 65%,#6140ac);border-color:#e3d5ff;box-shadow:0 4px 0 #402b7b,0 0 20px #d39cff7d!important}
.rogue-v7 .ki-mapnode.ki-type-treasure.reachable .ki-mapnode-icon,.rogue-v7 .ki-mapnode.ki-type-merchant.reachable .ki-mapnode-icon{background:radial-gradient(circle at 20% 10%,#fff8bf,#ffbf47 65%,#ad6326);border-color:#fff4c6;box-shadow:0 4px 0 #834218,0 0 20px #fbcf5c84!important}
.rogue-v7 .ki-mapnode.ki-type-elite.reachable .ki-mapnode-icon{background:radial-gradient(circle at 30% 15%,#ffc3be,#dd5d63 65%,#821f4a);border-color:#ffd6d2;box-shadow:0 4px 0 #782d46,0 0 21px #f0577a98!important}
.rogue-v7 .ki-mapnode.is-boss .ki-mapnode-icon{width:65px;height:65px;border-radius:18px;clip-path:polygon(50% 0%,92% 17%,100% 68%,50% 100%,0 68%,8% 17%);background:linear-gradient(145deg,#ffe59c,#ac783f 75%);box-shadow:0 0 23px #ffc662a1!important;border-color:#fff0bb}.rogue-v7 .ki-mapnode.is-boss.reachable .ki-mapnode-icon{background:linear-gradient(145deg,#ffe79f,#e45c43 65%,#81214e);animation:v7-boss 3.4s ease-in-out infinite alternate}
.rogue-v7 .ki-map-start{background:linear-gradient(135deg,#d8fff3,#75dfd5);border:2px solid #fff5c7;color:#13435d;font-size:9px;letter-spacing:.4px;box-shadow:0 0 22px #2cdcc3a1;z-index:4;white-space:nowrap;max-width:132px;text-overflow:ellipsis;overflow:hidden}
.rogue-v7 .ki-map-legend{background:#0d294b;gap:18px;padding:14px;font-size:10px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:#5d809c}.legend-dot.is-open{background:#ffd27e;box-shadow:0 0 7px #ffbc57}.legend-dot.is-later{background:#5d809c}.legend-dot.is-boss{background:#db7174}
/* Stronger scene illustrations and panels */
.rogue-v7 .ki-encounter,.rogue-v7 .ki-event-choice,.rogue-v7 .ki-reward{border-radius:24px;background:linear-gradient(118deg,#0b284a,#17476a)!important;color:#fff;border:1px solid #6fa8c7!important;min-height:380px;position:relative;overflow:hidden;padding:clamp(22px,3vw,35px)}
.rogue-v7 .ki-encounter:before,.rogue-v7 .ki-event-choice:before,.rogue-v7 .ki-reward:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e2c50eb 5%,#0d2b44a5 75%,#0b2e3b51),url('../assets/theme/battle-realm.webp') center/cover;opacity:.24;pointer-events:none}
.rogue-v7 .v7-scene-boss:before{opacity:.42;background-image:linear-gradient(90deg,#28183eec,#151a3c96),url('../assets/rogue/void.svg')}
.rogue-v7 .v7-scene-event:before{opacity:.36;background-image:linear-gradient(90deg,#131d48df,#35236198),url('../assets/rogue/sky.svg')}
.rogue-v7 .v7-scene-reward:before{opacity:.3;background-image:linear-gradient(90deg,#47301cec,#13294b91),url('../assets/theme/rogue-islands.webp')}
.rogue-v7 .ki-encounter>*,.rogue-v7 .ki-event-choice>*,.rogue-v7 .ki-reward>*{position:relative;z-index:1}
.rogue-v7 .ki-encounter h2,.rogue-v7 .ki-event-choice h2,.rogue-v7 .ki-reward h2{font:900 clamp(30px,4vw,51px)/.95 var(--display);text-shadow:0 3px 0 #061c36}.rogue-v7 .ki-encounter p,.rogue-v7 .ki-event-choice p,.rogue-v7 .ki-reward p{color:#d3e9f5}
.rogue-v7 .ki-preview-bar{border:1px solid #b9def456;background:#102f50be;backdrop-filter:blur(5px);border-radius:13px;color:#c9eafa}
.rogue-v7 .ki-roster-preview{gap:8px;margin:18px 0}.rogue-v7 .ki-roster-preview>div{padding:8px;justify-content:start;align-items:center;text-align:center;background:linear-gradient(180deg,#1e4e75d9,#0c2f50eb);border:1px solid #9bcaea83;box-shadow:0 4px 0 #081f34;border-radius:13px;min-height:148px}
.rogue-v7 .v7-enemy-portrait{width:100%;height:75px;position:relative;overflow:hidden;border-radius:8px;background:#194168}.rogue-v7 .v7-enemy-portrait .art-img{height:100%;width:100%;object-fit:cover}.rogue-v7 .ki-roster-preview>div b{font-size:11px}.rogue-v7 .ki-roster-preview>div small{font-size:9px}
.rogue-v7 .ki-boss-intel{border:1px solid #ffd2798a;background:#ffd36925;box-shadow:inset 4px 0 #ffd36c}
.rogue-v7 .ki-event-symbol{background:radial-gradient(circle at 20% 10%,#eddbff,#9278de 68%,#524088);border:2px solid #e4c7ff;box-shadow:0 0 35px #ab7aff66;animation:v7-light 6s ease-in-out infinite alternate}
.rogue-v7 .ki-event-button{border:1px solid #b5cfee67;border-radius:15px;background:linear-gradient(160deg,#2c5887e8,#16365de8);box-shadow:0 5px 0 #0a2748;color:#fff;padding:18px;min-height:156px;transition:transform .17s,box-shadow .17s,border-color .17s}
.rogue-v7 .ki-event-button:hover:not(:disabled),.rogue-v7 .ki-event-button:focus-visible{transform:translateY(-4px);border-color:#fce4a1;background:linear-gradient(160deg,#3b7095,#254b75);box-shadow:0 9px 0 #0a2748,0 9px 22px #ffc76c40}.rogue-v7 .ki-event-button small{font-size:12px;line-height:1.45}
.rogue-v7 .ki-reward-card{position:relative;border:1px solid #dfbc6c!important;background:linear-gradient(150deg,#244d70,#0d2e4d)!important;box-shadow:0 6px 0 #081a30,0 12px 18px #061b3480;border-radius:20px;min-height:225px;transition:transform .2s,box-shadow .2s;overflow:hidden}
.rogue-v7 .ki-reward-card:after{content:'✧';position:absolute;right:13px;top:10px;font-size:38px;color:#fff2be24}.rogue-v7 .ki-reward-card:hover,.rogue-v7 .ki-reward-card:focus-visible{transform:translateY(-6px);box-shadow:0 12px 0 #081a30,0 15px 28px #ffcf7355}.rogue-v7 .ki-reward-card>span{font-size:43px;filter:drop-shadow(0 0 9px #ffe8a699)}.rogue-v7 .ki-reward-card strong{font:900 20px var(--display)}
.rogue-v7 .v7-game-screen>.event-feature,.rogue-v7 .v7-game-screen>.reward-compact,.rogue-v7 .v7-game-screen>.section-inline+.inv-grid{border-radius:22px;border:1px solid #6f9bb9;background:linear-gradient(140deg,#ecf8ff,#d9ecf1);box-shadow:0 8px 0 #2b5b78,0 16px 27px #0f3f6435;padding:28px}
.rogue-v7 .event-feature{min-height:360px;position:relative;overflow:hidden;align-items:center}.rogue-v7 .event-feature.v7-scene-rest{background:linear-gradient(105deg,#f2fcf6eb,#d8ecddbd),url('../assets/rogue/namek.svg') center/cover}.rogue-v7 .event-feature.v7-scene-treasure{background:linear-gradient(105deg,#fff9e2ef,#d1deefcd),url('../assets/rogue/sky.svg') center/cover}.rogue-v7 .event-feature.v7-scene-quest{background:linear-gradient(105deg,#edf3ffeb,#d1dcefbb),url('../assets/rogue/ruins.svg') center/cover}
.rogue-v7 .v7-game-screen>.section-inline{border-radius:17px 17px 0 0;background:#11395b;margin:0;padding:20px 23px;color:white}.rogue-v7 .v7-game-screen>.section-inline h2{font-size:29px}.rogue-v7 .v7-game-screen>.section-inline h2 em{color:#ffc26c}.rogue-v7 .v7-game-screen>.section-inline+.inv-grid{border-radius:0 0 18px 18px;margin:0}.rogue-v7 .v7-game-screen>.section-inline~.btn{margin:22px 0}
/* Buttons: tactile, motion restrained */
.rogue-v7 .btn{border-radius:13px!important;min-height:44px;padding:12px 17px!important;font:900 11px/1.2 var(--font)!important;letter-spacing:.4px!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.rogue-v7 .btn.primary{color:#402311!important;border:1px solid #ffe0a3!important;background:linear-gradient(180deg,#ffdc8a,#ffad49 53%,#e86a2d)!important;box-shadow:0 4px 0 #a34e1c,0 9px 17px #b95d2b38!important;text-shadow:0 1px #ffffff59}
.rogue-v7 .btn.primary:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 7px 0 #a34e1c,0 12px 22px #b95d2b55!important}
.rogue-v7 .btn.outline{background:#f2f8fc!important;color:#17415f!important;border:1px solid #a9c9dc!important;box-shadow:0 3px 0 #8bb0c45a!important}
.rogue-v7 .btn.mini{padding:10px!important;border:1px solid #366389!important;min-height:38px;color:#fff!important;background:linear-gradient(145deg,#1c4d72,#113050)!important;box-shadow:0 3px 0 #0a213a!important}
.rogue-v7 .btn:active:not(:disabled){transform:translateY(3px)!important;box-shadow:0 1px 0 #813d1b!important}.rogue-v7 .btn:focus-visible,.rogue-v7 button:focus-visible{outline:3px solid #ffdc8e!important;outline-offset:3px}.rogue-v7 button:disabled{cursor:not-allowed;filter:grayscale(.42);opacity:.42}
.rogue-v7 .inv-grid .item-token{border:1px solid #c0d9e8;border-radius:13px;background:linear-gradient(145deg,#fff,#eaf5fc)}
/* Combat overlays only; existing card components unchanged */
.rogue-battle{position:relative;border:1px solid #447399!important;border-radius:23px!important;overflow:hidden;box-shadow:0 16px 40px #123e6a4d}
.rogue-battle .fight-field{background-image:radial-gradient(ellipse at 50% 55%,#67daee40,transparent 44%),linear-gradient(0deg,#081d38dd,transparent 62%),url('../assets/theme/battle-realm.webp')!important;background-position:center!important;background-size:cover!important}
.rogue-battle .battle-header{background:linear-gradient(90deg,#0b294b,#1d466b)!important;color:#fff}
.rogue-battle .battle-center .battle-glare{filter:drop-shadow(0 0 24px #ffe2ab);animation:v7-aurora 8s ease-in-out infinite alternate}
.rogue-battle .fight-action-text.fx-ultimate,.rogue-battle .fight-action-text.fx-phase{filter:drop-shadow(0 0 25px #ffe287);animation:v7-battle-impact .85s ease-out}
.rogue-battle .fight-action-text.fx-heal,.rogue-battle .fight-action-text.fx-revive{filter:drop-shadow(0 0 20px #65f3cb)}
.rogue-battle .fight-action-text.fx-ko{filter:drop-shadow(0 0 20px #f5838e)}
.rogue-battle .v51-live-event{background:linear-gradient(100deg,#102b50,#254c70);border:1px solid #a4cbea73}
/* Ergonomics and screen breakpoints */
@keyframes v7-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes v7-node-breathe{to{filter:brightness(1.12);transform:translateY(-2px)}}@keyframes v7-boss{to{filter:brightness(1.22);transform:scale(1.06)}}@keyframes v7-light{to{opacity:.53;transform:scale(1.12)}}@keyframes v7-fog{to{transform:translateX(9%)}}@keyframes v7-aurora{to{filter:drop-shadow(0 0 38px #ffc06e)}}@keyframes v7-battle-impact{0%{opacity:.6;transform:scale(.8)}55%{opacity:1;transform:scale(1.17)}100%{transform:scale(1)}}
@media(max-width:1100px){.rogue-v7 .rogue-main{grid-template-columns:minmax(0,1fr) 238px;gap:13px}.v7-hud{grid-template-columns:1fr 1.4fr}.v7-hud-stat{padding:7px 9px;min-width:64px}.v7-hud-stat strong{font-size:15px}.rogue-v7 .ki-world-head{padding:20px}}
@media(max-width:780px){.is-rogue-page main{width:calc(100% - 24px)}.is-rogue-page .masthead{width:100%;margin:0;border-radius:0 0 17px 17px}.rogue-v7{margin:13px 0 20px}.rogue-v7 .rogue-main{grid-template-columns:minmax(0,1fr);margin-top:14px!important}.rogue-v7 .v7-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rogue-v7 .v7-team-preview{grid-column:1/-1}.v7-mini-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.v7-mini-fighter{padding:3px;display:grid;gap:4px;justify-items:stretch}.v7-mini-art{width:100%;height:65px}.v7-mini-data b{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.v7-mini-data small{font-size:8px}.rogue-v7 .v5-team-drawer,.rogue-v7 .inventory-panel{align-self:start}.rogue-v7 .v7-retreat{grid-column:1/-1}.rogue-v7 .ki-world-landscape{height:175px}.rogue-v7 .ki-mapnode{width:28%;max-width:116px}.rogue-v7 .ki-roster-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.rogue-v7{margin-top:9px}.v7-hud{padding:11px 12px 14px;gap:10px;grid-template-columns:1fr;grid-template-rows:auto auto 6px;border-radius:15px}.v7-hud-crest{height:39px;width:39px;border-radius:12px;font-size:21px}.v7-hud-brand small{font-size:8px}.v7-hud-brand strong{font-size:20px}.v7-hud-brand span:not(.v7-hud-crest){font-size:10px}.v7-hud-right{justify-content:space-between;gap:4px}.v7-hud-stat{flex:1;min-width:0;padding:6px 5px;grid-template-columns:16px 1fr;grid-template-rows:18px 11px;column-gap:3px;border-radius:9px}.v7-hud-stat i{font-size:16px}.v7-hud-stat strong{font-size:16px}.v7-hud-stat>small{font-size:7px}.v7-hud-path{grid-column:1;gap:4px;height:6px}.v7-hud-step{height:6px}.rogue-v7 .ki-world-head{padding:16px 16px 13px;min-height:0}.rogue-v7 .ki-world-head h2{font-size:29px}.rogue-v7 .ki-world-head p{font-size:11px}.rogue-v7 .ki-world-stats{margin-top:10px}.rogue-v7 .ki-world-stats b{font-size:12px}.rogue-v7 .ki-world-landscape{height:149px;background-position:center}.v7-landscape-caption{left:13px;bottom:15px;font-size:8px}.rogue-v7 .ki-world{border-radius:17px}.rogue-v7 .ki-mapnode{width:30%;height:91px;max-width:119px}.rogue-v7 .ki-mapnode-icon{height:49px;width:49px;font-size:24px}.rogue-v7 .ki-mapnode strong{font-size:11px}.rogue-v7 .ki-mapnode small{font-size:8px}.rogue-v7 .ki-map-legend{gap:11px;font-size:9px}.v7-mini-art{height:51px}.v7-mini-data b{font-size:8px}.rogue-v7 .v7-sidebar{gap:7px}.rogue-v7 .v7-team-preview{padding:12px}.rogue-v7 .v7-game-screen>.event-feature,.rogue-v7 .v7-game-screen>.reward-compact,.rogue-v7 .v7-game-screen>.section-inline+.inv-grid{padding:17px}.rogue-v7 .ki-event-options{grid-template-columns:1fr}.rogue-v7 .ki-event-button{min-height:86px;padding:13px;gap:6px}.rogue-v7 .ki-roster-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.rogue-v7 .ki-roster-preview>div{min-height:115px}.rogue-v7 .v7-enemy-portrait{height:58px}.rogue-v7 .ki-reward-grid{grid-template-columns:1fr}.rogue-v7 .ki-reward-card{min-height:142px}.rogue-v7 .ki-encounter,.rogue-v7 .ki-event-choice,.rogue-v7 .ki-reward{padding:17px}.rogue-v7 .ki-encounter h2,.rogue-v7 .ki-event-choice h2,.rogue-v7 .ki-reward h2{font-size:35px}.rogue-v7 .ki-event-cover{align-items:flex-start}.rogue-v7 .ki-event-symbol{width:65px;height:65px;font-size:37px}.rogue-v7 .v5-team-drawer>summary,.rogue-v7 .inventory-panel>summary{padding:13px 9px;font-size:10px}.rogue-v7 .v5-team-drawer>summary span{font-size:9px}.rogue-v7 .ki-map-start{padding:6px 9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.rogue-v7 *, .rogue-v7 *:before, .rogue-v7 *:after,.rogue-battle *:not(.ki-card *),.rogue-battle *:before,.rogue-battle *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* QA corrections: restore enemy cell structure and eliminate inherited giant landscape symbol. */
.rogue-v7 .ki-world-landscape>.v7-landscape-caption{position:absolute;left:25px;bottom:21px;top:auto;display:block;width:auto;height:auto;font:900 11px/1.2 var(--font)!important;letter-spacing:1.6px;color:#fff0cf;text-shadow:0 2px 7px #122c52;transform:none;animation:none!important;filter:none}
.rogue-v7 .ki-world-landscape>.v7-sunflare,.rogue-v7 .ki-world-landscape>.v7-fog{font-size:0;text-shadow:none}
.rogue-v7 .ki-roster-preview>.v7-enemy-unit{display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:center;gap:7px;padding:9px;min-height:159px}
.rogue-v7 .ki-roster-preview>.v7-enemy-unit b{width:100%;overflow-wrap:anywhere}
.rogue-v7 .ki-roster-preview>.v7-enemy-unit small{overflow-wrap:anywhere}
@media(max-width:520px){.rogue-v7 .ki-world-landscape>.v7-landscape-caption{left:14px;bottom:13px;font-size:9px!important}.rogue-v7 .ki-roster-preview>.v7-enemy-unit{min-height:138px}}
/* Cut-in images: anchor to their own viewport rather than the arena. */
.rogue-battle .v52-live-portrait{position:relative!important;isolation:isolate;overflow:hidden;flex:none}
.rogue-battle .v52-live-portrait>.art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rogue-battle .v51-live-event{position:relative;overflow:hidden}
/* Standalone first-run foyer. The game is still the same; only its stage is richer. */
.is-rogue-page .mode-heading{margin:22px 0 14px}.is-rogue-page .mode-heading h1{font-size:clamp(38px,5vw,68px)}
.is-rogue-page .rogue-intro{min-height:360px;padding:40px clamp(24px,5vw,70px);background:linear-gradient(90deg,#0b294bdc 0%,#0b294b88 53%,#101c3a22 100%),url('../assets/theme/rogue-islands.webp') center/cover!important;color:#fff!important;border:1px solid #e5b36496!important;box-shadow:0 9px 0 #17416c,0 25px 40px #19447043!important;isolation:isolate}
.is-rogue-page .rogue-intro h2{font-size:clamp(62px,8vw,106px);color:white;text-shadow:0 5px 15px #082442}
.is-rogue-page .rogue-intro h2 em{color:#ffcb77;text-shadow:0 3px 0 #803e29}
.is-rogue-page .rogue-intro p{color:#dbeefa;text-shadow:0 1px 3px #082442}
.is-rogue-page .rogue-intro .orbit{color:#ffe5b1;text-shadow:0 2px 6px #102e44}
.is-rogue-page .rogue-intro .rogue-mini-metrics{color:#fff}
.is-rogue-page .rogue-intro .btn.primary{background:linear-gradient(180deg,#ffe0a0,#ff9f38,#e87334)!important;border:1px solid #ffe2a6!important;color:#492415!important;box-shadow:0 5px 0 #98401d,0 8px 22px #ff9d3c55!important;min-height:49px}
.is-rogue-page .rogue-intro .btn.primary:disabled{opacity:.5}
.is-rogue-page .rogue-intro:before{opacity:.28}
.is-rogue-page .rogue-intro:after{opacity:.07}
@media(max-width:520px){.is-rogue-page .rogue-intro{min-height:285px;padding:28px 22px}.is-rogue-page .rogue-intro h2{font-size:62px}.is-rogue-page .mode-heading h1{font-size:47px}}
/* Post-run story panel: visual recap only, never changes progression. */
.is-rogue-page .v7-last-run{margin:26px 0 45px;padding:25px 30px;border-radius:19px;background:linear-gradient(120deg,#122d4e,#23587c);border:1px solid #578eb0;color:#fff;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:0 7px 0 #123557,0 13px 28px #20476b38}
.v7-last-run>div>span{font:950 10px var(--font);letter-spacing:1.5px;color:#ffcd7b}.v7-last-run h2{font:900 clamp(23px,3vw,34px)/1.1 var(--display);margin:7px 0}.v7-last-run p{font-size:12px;color:#c3deeb;line-height:1.5;max-width:48ch}.v7-last-run-metrics{display:grid;grid-template-columns:repeat(4,minmax(73px,1fr));gap:8px}.v7-last-run-metrics>div{display:grid;gap:4px;background:#ffffff10;border:1px solid #ffffff22;padding:12px;border-radius:11px;text-align:center}.v7-last-run-metrics b{font:900 24px var(--display);color:#ffd27a}.v7-last-run-metrics small{font-size:9px;color:#d1eaf5}
@media(max-width:850px){.is-rogue-page .v7-last-run{grid-template-columns:1fr;gap:17px}}
@media(max-width:520px){.is-rogue-page .v7-last-run{padding:20px 15px}.v7-last-run-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}