/* KI ARENA V5 · capsule sky / premium arcade / shared design across every mode */
:root{--ink:#102445;--navy:#071832;--coral:#ff5a20;--orange:#ff8b24;--cream:#f8fbff;--line:#dfe9f3;--display:Impact,'Barlow Condensed',system-ui,sans-serif;--font:'Barlow',system-ui,sans-serif}
*{-webkit-tap-highlight-color:transparent}
html{background:#e8f4ff}body{background:linear-gradient(180deg,#e6f5ff 0,#fbfcff 520px,#f9fcff 100%);color:var(--ink)}
.app-shell{background:radial-gradient(ellipse at 96% 1%,#c7edff94,transparent 34%);min-height:100vh}
.masthead{height:73px;width:min(1500px,calc(100% - 30px));margin:12px auto 0;padding:0 17px 0 24px;border:1px solid #2c4c83;border-radius:22px;background:linear-gradient(130deg,#07172f,#112953 72%,#10244b);box-shadow:0 12px 32px #193f6d33;position:relative;gap:20px;z-index:40}
.masthead:before{display:none}.wordmark{color:#fff;font:1000 28px/1 var(--display);text-shadow:0 3px 0 #0a1630;align-items:center}.wordmark>b{letter-spacing:-1px;transform:skew(-8deg)}.wordmark>b span{color:#ff8927}.wordmark small{letter-spacing:1.2px;color:#d2eaff;background:transparent;transform:none;margin:0 0 0 5px;font-size:8px}
.wordmark .ki-burst{width:30px;height:30px;border:2px solid #ffdf87;background:radial-gradient(circle at 30% 24%,#ffe97d,#ff8123 74%,#e4490c);color:#be3d05;font-size:15px;box-shadow:0 0 15px #ffb13a77;transform:none}
.desk-nav{gap:3px;margin-left:auto}.desk-nav .nav-tile{color:#cee3fd;border-radius:13px;font-size:11px;padding:11px 13px;white-space:nowrap}.desk-nav .nav-tile:hover,.desk-nav .nav-tile.selected{color:white;background:#ffffff1c;box-shadow:inset 0 -3px 0 #ff9225}.head-right{gap:7px}.currency-counter{color:#ffdda0;font-size:12px;font-weight:900;background:#162d52;border-radius:999px;padding:9px 11px;white-space:nowrap}.head-right .icon-btn{border:1px solid #59729e;background:#142c54;color:white;padding:8px 11px;font-size:15px;border-radius:13px}.head-right .icon-btn .top-hint{display:none}.premium-btn{padding:10px 13px;border:1px solid #e4ac4d;border-radius:13px;background:#26304b;color:#ffd98e;font-size:15px}.install-btn{font-size:11px;font-weight:950;color:#fff;background:linear-gradient(160deg,#ff962f,#ff4d27);border:1px solid #ffe2b0;border-radius:999px;padding:12px 17px;white-space:nowrap;box-shadow:0 3px 14px #fb7d38aa}
main{width:min(1420px,calc(100% - 54px));min-height:75vh}footer{margin-top:65px;background:#0a1831;color:#b8cbe2;font-size:10px;letter-spacing:1px}
h1,h2,h3{font-family:var(--display);font-weight:950}h2{font-size:clamp(30px,3.6vw,46px)}
.btn{border-radius:15px!important;letter-spacing:.3px!important;box-shadow:none;transition:transform .18s,filter .18s,box-shadow .18s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07)}.btn.primary{background:linear-gradient(165deg,#ffa033,#ff5723)!important;color:white!important;border:1.5px solid #ffd08e!important;box-shadow:0 6px 0 #da431b,0 8px 21px #fc662547!important;text-shadow:0 1px 2px #91270c}.btn.outline{color:#19345d!important;border:1px solid #c6dcf1!important;background:#fff!important}.btn.mini{border:1px solid #bcd4ef!important;border-radius:12px!important}
/* Main hero */
.v5-hero{height:430px;margin:20px 0 25px;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:linear-gradient(90deg,#d8f5ffec 0%,#e2f5ffb9 46%,#acdffa00 76%),url('../assets/theme/sky-realm.webp') center/cover;border:1px solid #add6f4;box-shadow:0 19px 40px #0c4a8233}
.v5-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,#ffdd789c 0 8%,transparent 32%),radial-gradient(ellipse at 50% 99%,#54baff3d,transparent 52%);z-index:-1}.v5-hero:after{content:'';position:absolute;bottom:-75px;left:-10%;width:124%;height:126px;background:radial-gradient(ellipse,#fff9 13%,transparent 72%)}
.v5-hero-copy{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 4.5%;height:100%;max-width:710px}.v5-kicker{font-size:11px;font-weight:1000;letter-spacing:3px;color:#226e9b;margin-bottom:5px}
.v5-mega-logo{font:italic 1000 clamp(78px,8vw,138px)/.97 var(--display);letter-spacing:-4px;color:#0c1a38;-webkit-text-stroke:1px #0a2143;transform:skew(-7deg);text-shadow:6px 6px 0 #fff,10px 11px 0 #1b39633b;white-space:nowrap}.v5-mega-logo span{color:#ff6c1a;background:linear-gradient(180deg,#ffb34b,#ff4d20);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 3px 0 #fff)}.v5-mega-logo b{font-size:58px;color:#ffbd2e;text-shadow:0 0 14px #ff9f2f}
.v5-hero-copy>p{font-weight:1000;color:#1b365f;font-size:13px;letter-spacing:4px;margin:16px 0 28px}.v5-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.v5-hero .hero-actions .btn{padding:14px 23px;font-size:13px;font-weight:950}.v5-hero .hero-actions .outline{color:#174470!important;background:#fffdf4e8!important}.hero-mini-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.hero-mini-stats span{background:#ffffffe6;border:1px solid #e3f1fa;color:#225071;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900}
.v5-hero-figure{position:absolute;width:42%;height:110%;right:-1%;top:0;pointer-events:none}.hero-energy{position:absolute;inset:5% -8% 1%;border-radius:50%;background:radial-gradient(circle,#ffe18db8 0 15%,#ff953778 25%,transparent 67%);filter:blur(13px);animation:charge 4s ease-in-out infinite}.hero-portrait{position:absolute;right:2%;top:4%;width:90%;height:95%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 17%);mask-composite:intersect;transform:rotate(3deg)}.hero-portrait .art-img{width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:38%;transform:scale(1.15);filter:saturate(1.25) contrast(1.08)}.hero-orbs{position:absolute;right:7%;top:5%;z-index:4}.hero-orbs i{display:inline-grid;place-items:center;width:32px;height:32px;font-size:13px;font-style:normal;background:radial-gradient(circle at 28% 23%,#fff7ab,#ffaf1b,#ee5817);color:#be4b04;border:2px solid #ffec98;border-radius:50%;box-shadow:0 0 19px #ffaa45b0;animation:floatOrb 3s ease-in-out infinite alternate}.hero-orbs i:nth-child(2){position:absolute;left:170px;top:130px;animation-delay:-1s}.hero-orbs i:nth-child(3){position:absolute;left:-40px;top:220px;animation-delay:-2s}
@keyframes floatOrb{to{transform:translateY(-18px) rotate(15deg)}}@keyframes charge{50%{transform:scale(1.12);opacity:.7}}
.v5-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 15px}.v5-section-title h2{font-size:36px;letter-spacing:-.5px}.v5-section-title h2 em{font-style:normal;color:#ff671b}.v5-section-title span{font-size:11px;color:#6184a4;font-weight:900}
.v5-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v5-mode{min-height:150px;border-radius:21px;border:3px solid #f9fbff;box-shadow:0 9px 23px #082c5633;display:flex;align-items:flex-end;text-align:left;position:relative;overflow:hidden;padding:16px;color:white;background:linear-gradient(0deg,#07182bea,#0b213e20 79%),var(--mode-image) center/cover;isolation:isolate;transition:transform .2s,box-shadow .2s}.v5-mode:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#1975ff18,transparent 60%);z-index:-1}.v5-mode:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 15px 29px #075da755}.v5-mode b{font:900 27px/1 var(--display);letter-spacing:.5px;text-shadow:0 3px 9px #000;max-width:85%;position:relative}.v5-mode .mode-icon{position:absolute;left:16px;top:13px;font-size:25px;color:#fff2b2;background:#092a5e9c;display:grid;place-items:center;border:1px solid #ffffff73;width:40px;height:40px;border-radius:13px;box-shadow:0 0 16px #21b9ff88}.v5-mode .mode-arrow{position:absolute;right:13px;bottom:12px;font-size:23px;color:#ffb949}.v5-mode-rogue{grid-column:span 2;min-height:185px}.v5-mode-free{grid-column:span 2;min-height:185px}.v5-mode-rogue:after,.v5-mode-free:after{content:'';position:absolute;inset:0;border-top:4px solid #ffad35;pointer-events:none}.v5-mode-free:after{border-color:#26adff}.v5-mode-draft{border-bottom:4px solid #fcb040}.v5-mode-blind{border-bottom:4px solid #bd86ff}.v5-mode-tournament{border-bottom:4px solid #f5c446}.v5-mode-ranking{border-bottom:4px solid #50ddea}.v5-mode-versus{border-bottom:4px solid #f78ab1}.v5-bottom-feature{display:flex;align-items:center;gap:13px;padding:13px 18px;background:#e3f3ff;border:1px solid #badbf7;border-radius:18px;margin-top:20px}.v5-bottom-feature>span{font-size:32px}.v5-bottom-feature>b{font-size:13px;letter-spacing:1px}.v5-bottom-feature>button{margin-left:auto}
/* All mode screens */
.mode-heading.v5-heading{margin:30px 0 13px;align-items:center}.v5-heading .eyebrow.dark{color:#ff6429;font-size:11px;letter-spacing:2px}.v5-heading h1{color:#102b51;font-size:clamp(43px,5vw,67px);margin:0;letter-spacing:0;line-height:1}.v5-heading>.btn{padding:10px 17px}.mode-heading p,.mode-heading .title-spark{display:none}.settings-wrap{margin:6px 0 22px}.settings-toggle{padding:10px 16px;background:#fff;border:1px solid #d5e7f4;border-radius:14px!important;box-shadow:0 5px 14px #2d68910c;color:#153455;font-size:12px}.settings-toggle span{color:#e96921}.settings-panel{background:white;border:1px solid #d5e7f4;padding:15px;border-radius:15px;box-shadow:0 12px 18px #0f345010}.settings-panel label{font-size:11px;color:#406681;font-weight:900}.settings-panel select{border-radius:10px;border:1px solid #b9d4e9;background:#f8fcff;color:#1d4566}
.section-inline{margin:22px 0 12px;align-items:center}.section-inline h2{font-size:32px}.section-inline h2 em{color:#f65c25}.section-inline small,.sub-head{font-size:11px;font-weight:900;color:#6581a3}.arena-panel,.ranking-stage,.draft-bar,.event-feature,.reward-compact,.stat-quiz,.free-editor{box-shadow:0 11px 25px #0c3d6620!important;border-radius:19px!important;border-color:#d5e8f6!important}.controls-row{margin:15px 0;gap:9px!important}.controls-row .btn{font-size:11px;padding:10px 15px}
/* Color-only number coins on three corners; 3D card */
.ki-card{transform-style:preserve-3d;perspective:500px;filter:drop-shadow(2px 9px 5px #0b2b4b33)!important}.ki-card-shell{border-radius:16px!important;border:3px solid var(--rare)!important;background:#1a3764!important;box-shadow:inset 0 0 0 2px #ffffff52,inset 0 -30px 44px #030f2b95,0 1px 3px #ffffffa8,0 3px 13px var(--rare)!important;transition:transform .24s}.ki-card:hover .ki-card-shell{transform:rotateY(-5deg) rotateX(3deg) translateZ(5px)}.ki-card .art-img{object-fit:cover;object-position:center top;filter:saturate(1.18) contrast(1.08)}
.ki-card .card-name,.ki-card.small .card-name{min-height:60px!important;padding:8px 8px 9px!important;background:linear-gradient(0deg,#061229 0,#081932ef 70%,#10294c00)!important}.ki-card .card-name b,.ki-card.small .card-name b{font-family:var(--display);font-weight:900;font-size:clamp(13px,1.25vw,19px)!important;line-height:.97!important;color:white!important;text-shadow:0 1px 3px #000}.ki-card .card-name span,.ki-card.small .card-name span{font-size:9px!important;color:#d7eaff!important;letter-spacing:.1px!important;line-height:1.16}.ki-card .card-name span strong{color:#ffd476!important}
.stat-bubble{min-width:35px!important;width:35px;height:35px;min-height:35px!important;padding:2px!important;border-radius:50%!important;border:2px solid #fff!important;display:grid;place-items:center!important;box-shadow:0 2px 9px #081a30b5,inset 0 1px 3px #ffffffa4!important;backdrop-filter:blur(2px)}.stat-bubble i{display:none!important}.stat-bubble b{font-family:var(--display)!important;font-size:14px!important;letter-spacing:-.2px;color:#fff!important;text-shadow:0 1px 3px #122a5e!important}.stat-atk{background:radial-gradient(circle at 35% 25%,#ff8585,#e31c33 70%,#9e1833)!important}.stat-vit{background:radial-gradient(circle at 35% 25%,#86e3ff,#167ce1 70%,#0647ae)!important}.stat-hp{background:radial-gradient(circle at 35% 25%,#ffdf5c,#ff9c1c 70%,#ce560c)!important}
.ability-led{height:19px!important;width:19px!important;font-size:10px!important;border-radius:50%!important;border:1.5px solid white!important;color:white!important;background:var(--rare)!important;text-shadow:0 1px 3px #002!important;box-shadow:0 0 8px var(--rare),0 2px 5px #162c42!important}.led-rail{right:-8px!important;top:22%!important;gap:5px!important}.ability-led:hover{scale:1.25;z-index:10}.ability-led.is-used{filter:grayscale(1) brightness(.6)!important}.ability-led:focus-visible:after{content:attr(data-tip);position:absolute}
.ki-card.rarity-common .ki-card-shell{border-color:#dbe3ee!important}.ki-card.rarity-uncommon .ki-card-shell{border-color:#33df88!important}.ki-card.rarity-rare .ki-card-shell{border-color:#29aaff!important}.ki-card.rarity-epic .ki-card-shell{border-color:#bf7cff!important}.ki-card.rarity-legendary .ki-card-shell{border-color:#ffd15a!important;box-shadow:inset 0 0 0 2px #fff9,inset 0 -28px 40px #0006,0 0 17px #ffc6369c!important}
.collection-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:19px 16px}.collection-grid .ki-card{max-width:205px}.collect-head{margin-top:25px!important}.collect-bar{background:#fff!important;border-radius:14px!important;border:1px solid #dfebf9!important;padding:12px!important}.collect-bar input,.collect-bar select{border:1px solid #d8e5f4;border-radius:10px;background:#f6fbff}.collection-grid .ki-card:hover{z-index:12}.preview-box{border-radius:23px!important}.preview-tilt{transform-style:preserve-3d;filter:drop-shadow(0 20px 20px #062f6b8c)}.preview-scene{background:radial-gradient(circle at center,#92d1ff66,#0b2b57)!important}
/* Rogue: visual map stage with connected, clickable branches */
.rogue-intro{background:linear-gradient(90deg,#d4efffd6 0%,#b6eaff99 53%,#ffffff09 100%),url('../assets/theme/sky-realm.webp') center/cover!important;color:#092d53!important;border:1px solid #99d6fa!important;box-shadow:0 13px 35px #1967b744!important;border-radius:25px!important}.rogue-intro h2{color:#0d3762}.rogue-intro h2 em{color:#ff5c20;text-shadow:2px 3px 0 #fff}.rogue-intro .orbit{background:#fff;box-shadow:0 4px 8px #0f558427}.rogue-mini-metrics{color:#173b5b}.rogue-dashboard{min-height:160px!important;background:linear-gradient(110deg,#103668f2,#1366a8e5),url('../assets/theme/sky-realm.webp') center/cover!important;padding:17px 25px!important}.rogue-dashboard:before{display:none}.rogue-dashboard .orbit{color:#fff}.rogue-metrics{margin:10px 0 13px!important}.rogue-metrics b{font-size:18px!important}.rogue-topline>b{font-size:24px!important}.rogue-path{gap:6px}.rogue-path .path-tile{height:31px;border-radius:30px;font-size:10px}.rogue-path .path-tile span{font-size:14px}.rogue-path .path-tile small{font-size:8px}
.v5-route{overflow:hidden;margin:15px 0 12px;border-radius:24px;background:#fff;border:1px solid #b8ddfa;box-shadow:0 15px 27px #14588724}.route-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;background:#0e2e57;color:#fff}.route-top span{font-size:10px;color:#9ed8ff;font-weight:950;letter-spacing:2px}.route-top h2{font-size:30px;margin:1px 0}.route-top>b{font-size:12px;background:#1d4c7a;padding:9px 12px;border-radius:30px}.route-scene{position:relative;background:linear-gradient(180deg,#2a98e93b,#0c5cba18),url('../assets/theme/rogue-islands.webp') center/cover;min-height:390px;overflow:hidden;isolation:isolate}.route-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14396db8,transparent 28%,#ffffff5b);z-index:-1}.route-planet{position:absolute;right:3%;top:12%;font-size:92px;color:#fff4;text-shadow:0 0 25px #fff9;pointer-events:none}.route-journey{position:relative;z-index:1;display:flex;gap:9px;align-items:center;justify-content:center;padding:17px 18px;background:#09264f80;overflow-x:auto;scrollbar-width:thin}.journey-stop{flex:1;min-width:23px;max-width:59px;height:25px;background:#ffffff47;display:grid;place-items:center;border-radius:40px;color:#d9f1ff;font-size:10px;font-weight:950;border:1px solid #fff5}.journey-stop.done{background:#68cda9b6;color:#fff}.journey-stop.here{background:#ff9324;color:#fff;box-shadow:0 0 18px #ffbd6b}.journey-stop.final{border-color:#ffa0a0}.route-branch{height:290px;position:relative;max-width:1020px;margin:5px auto 0}.route-branch svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;pointer-events:none}.route-branch svg path{fill:none;stroke:#ffffffd9;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 12;filter:drop-shadow(0 0 5px #0862a3);animation:routeDash 23s linear infinite}.route-branch svg path:nth-child(2){stroke:#ffe08b}.route-branch svg path:nth-child(3){stroke:#9ce7ff}@keyframes routeDash{to{stroke-dashoffset:-500}}
.route-origin{position:absolute;left:6%;top:42%;color:#fff;text-align:center;display:grid;gap:5px;justify-items:center;font-weight:900}.route-origin span{display:grid;place-items:center;background:#136cbd;border:4px solid #fff;border-radius:50%;width:69px;height:69px;font-size:30px;box-shadow:0 0 28px #36c9ff,0 7px 15px #03365b}.route-origin small{font-size:9px;text-shadow:0 2px 5px #002}.route-choices{position:absolute;left:55%;top:0;width:130px;height:100%}.route-choice{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:center;left:0;top:calc(8% + var(--ridx) * 31%);width:116px;min-height:82px;border:2px solid #ffecd0;background:linear-gradient(155deg,#ffad31,#ec641d);border-radius:18px;color:white;box-shadow:0 0 22px #ff9c48,0 5px 13px #092f48a1;cursor:pointer;transition:transform .2s,filter .2s;animation:choiceGlow 2.6s ease-in-out infinite alternate;animation-delay:calc(var(--ridx)*-450ms)}.route-choices:has(.route-choice:only-child) .route-choice{top:34%}.route-choices:has(.route-choice:nth-child(2):last-child) .route-choice:first-child{top:17%}.route-choices:has(.route-choice:nth-child(2):last-child) .route-choice:nth-child(2){top:59%}.route-choice>span{font-size:25px}.route-choice>b{font-size:11px;font-weight:1000;letter-spacing:.3px;text-shadow:0 1px 2px #0005}.route-choice:hover{filter:brightness(1.16);scale:1.1;z-index:4}.route-elite,.route-boss{background:linear-gradient(145deg,#ef6271,#9a1136);box-shadow:0 0 21px #ff536c}.route-rest{background:linear-gradient(145deg,#52e0be,#008d93);box-shadow:0 0 21px #63fff2}.route-treasure,.route-merchant{background:linear-gradient(145deg,#ffd56a,#a97519);box-shadow:0 0 21px #ffcf69}.route-event,.route-quest{background:linear-gradient(145deg,#b38bff,#6d37cc);box-shadow:0 0 21px #bd88ff}
@keyframes choiceFloat{to{transform:translateY(-6px)}}.route-gate{position:absolute;right:4%;top:39%;display:flex;flex-direction:column;align-items:center;color:#fff;gap:4px}.route-gate>b{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;font-size:42px;background:#802234;border:3px solid #ff847b;box-shadow:0 0 27px #ef456c}.route-gate small{font-weight:1000;font-size:10px}.route-caption{padding:11px 18px;background:#e9f6ff;text-align:center;color:#1f6399;font-size:10px;letter-spacing:1.4px;font-weight:950}
.v5-team-drawer{margin-top:15px;border:1px solid #d3e4f4;border-radius:16px;background:#fff;overflow:hidden}.v5-team-drawer>summary{cursor:pointer;list-style:none;padding:17px 19px;font-size:13px;font-weight:950;color:#153b60;display:flex;justify-content:space-between}.v5-team-drawer>summary span{font-size:10px;color:#e77331}.v5-team-drawer>summary::-webkit-details-marker{display:none}.v5-team-drawer[open]>summary{border-bottom:1px solid #d8e9f7}.v5-team-drawer .section-inline,.v5-team-drawer .rogue-party{margin:15px;padding:0 8px}.v5-team-drawer .section-inline{padding:0 8px}.inventory-panel{margin:12px 0 18px!important;border-color:#d3e4f4}.inventory-panel summary{font-size:12px;color:#173b5d}.item-token{border:1px solid #d5e8f7;background:#f9fcff}.item-token.relic{background:#fff6db}
/* Battle arena: stage, kinetic feedback, live log */
.battle-wrap{background:linear-gradient(180deg,#f7fbff,#edf6ff);padding:24px 16px 22px!important;border-radius:25px;border:1px solid #cae2f4;box-shadow:0 15px 30px #17476724}.battle-header{margin-bottom:12px}.battle-header strong{border-radius:99px;background:#143967}.battle-header span{color:#ef6b21}.fight-field{min-height:395px;background:linear-gradient(90deg,#0d2b56ba,#083c6073 50%,#3d195a99),url('../assets/theme/battle-realm.webp') center/cover!important;border:3px solid #b1d8f4;border-radius:19px;box-shadow:inset 0 0 100px #0b295e,0 9px 20px #12365b35;overflow:visible}.fight-field:before{background:radial-gradient(circle at center,#fff8 0,#40adff38 6%,transparent 33%)}.fight-team>b{background:#0a2b56bf;border:1px solid #ffffff4d;border-radius:30px;padding:8px 15px;display:inline-block;font-size:15px}.fight-team.enemy>b{color:#ffacac;float:right}.fighter-grid{gap:13px}.fight-unit{width:clamp(80px,8.7vw,127px);filter:drop-shadow(0 4px 6px #071c37)}.fight-unit .stat-bubble{min-width:26px!important;width:26px;height:26px;min-height:26px!important;border-width:1px!important}.fight-unit .stat-bubble b{font-size:11px!important}.fight-unit .ability-led{width:14px!important;height:14px!important;font-size:8px!important}.fight-unit .card-name{height:49px}.fight-unit .card-name b{font-size:13px!important}.fight-unit .card-name span{font-size:7px!important}.fight-unit.unit-strike{z-index:15;animation:v5CardLunge .38s cubic-bezier(.1,.5,.1,1)}.fight-team.enemy .fight-unit.unit-strike{animation:v5EnemyLunge .38s cubic-bezier(.1,.5,.1,1)}.fight-unit.unit-impact{animation:v5Impact .45s ease-out}.fight-unit.unit-aura{animation:v5Aura .55s ease-out}.fight-unit.unit-ultimate{animation:v5Ultimate .72s ease-out}.fight-unit.unit-heal{animation:v5Heal .6s ease-out}.fight-unit.unit-defend{animation:v5Guard .5s ease-out}@keyframes v5CardLunge{45%{translate:55px -19px;scale:1.13;filter:brightness(1.4) drop-shadow(0 0 25px #ffb434)}to{translate:0 0}}@keyframes v5EnemyLunge{45%{translate:-55px -19px;scale:1.13;filter:brightness(1.4) drop-shadow(0 0 25px #db53f3)}to{translate:0 0}}@keyframes v5Impact{20%{rotate:-5deg;scale:.92;filter:brightness(2)}50%{rotate:4deg;translate:10px 0}to{rotate:0;translate:0}}@keyframes v5Aura{50%{scale:1.16;filter:drop-shadow(0 0 23px #83fff7) brightness(1.4)}}@keyframes v5Ultimate{25%{scale:1.23;filter:drop-shadow(0 0 32px #ffc735) brightness(1.55)}60%{translate:25px -20px;rotate:4deg}}@keyframes v5Heal{50%{translate:0 -15px;filter:drop-shadow(0 0 21px #53ffc1)}}@keyframes v5Guard{50%{scale:1.15;filter:drop-shadow(0 0 20px #35dcff)}}
.battle-center b{font-size:56px;color:#fff;text-shadow:3px 4px #ff7c36,0 0 21px #fff}.fight-action-text{border:1px solid #b6d9ee;background:#fff;border-radius:14px;box-shadow:0 3px 15px #3c75a31b;font-family:var(--display);font-size:19px;letter-spacing:.3px;animation:v5Event .32s ease-out}.fight-action-text.fx-ultimate{background:linear-gradient(90deg,#fff0aa,#ffd59d);color:#a73a0b;box-shadow:0 0 28px #ffba3f99}.fight-action-text.fx-buff,.fight-action-text.fx-heal,.fight-action-text.fx-revive{background:#d8ffeb;color:#116852}.fight-action-text.fx-guard,.fight-action-text.fx-shield,.fight-action-text.fx-dodge{background:#d9f6ff;color:#095eb5}.fight-action-text.fx-ko{background:#ffe0df;color:#b02d40}@keyframes v5Event{0%{opacity:.4;transform:translateY(8px) scale(.98)}100%{opacity:1;transform:none}}.battle-bottom{gap:12px}.battle-controls .btn{padding:9px 12px}.log-toggle{border:1px solid #bdd9ef!important;color:#174568;background:#fff}.battle-log{border:1px solid #b1d4ef;background:#fff;border-radius:14px;max-height:235px}.battle-timeline{font-size:9px}.fight-result{background:#ffcc69;border:2px solid #fff;border-radius:18px;box-shadow:0 4px 14px #cf843033}
/* drafts / tournament / quizzes */
.offer-item .ki-card{margin-bottom:9px}.offer-item .btn{width:100%}.draft-bar{background:#0f3158!important;color:#fff!important;padding:14px 20px}.draft-bar small{color:#bee0ff}.draft-bar b{color:#ffd780}.bracket-column{border-radius:16px}.champion-banner{background:linear-gradient(130deg,#ffcc64,#ff8b30)!important;color:#183454!important;border:2px solid #fff5;border-radius:16px!important}.rank-slot{border-radius:13px!important}.rank-slot:hover{border-color:#ff872d}.quiz-answer{background:#fff3d5!important;border-radius:13px!important}.free-editor{background:#fff}.free-editor>.section-inline{margin-top:9px}
/* responsive web / mobile from a single application */
@media(max-width:1150px){.masthead{gap:8px}.desk-nav .nav-tile{padding:10px 8px}.wordmark small{display:none}.v5-mega-logo{font-size:90px}.v5-games{grid-template-columns:repeat(3,minmax(0,1fr))}.v5-mode-rogue,.v5-mode-free{grid-column:span 1;min-height:160px}.head-right .currency-counter{display:none}}
@media(max-width:800px){.masthead{height:60px;border-radius:0;margin:0;width:100%;padding:0 13px}.desk-nav{display:none}.head-right{margin-left:auto}.install-btn{display:none}.wordmark{font-size:25px}.currency-counter{display:inline-flex!important;font-size:10px}.app-shell{padding-bottom:85px}main{width:calc(100% - 24px)}.v5-hero{height:475px;margin-top:13px}.v5-hero-copy{padding:35px 5%;max-width:95%;justify-content:flex-end;padding-bottom:35px}.v5-mega-logo{font-size:clamp(56px,12vw,95px)}.v5-hero-figure{width:75%;right:-8%;height:67%;top:-4%}.v5-hero-copy>p{font-size:10px;margin:8px 0 14px;letter-spacing:2px}.v5-kicker{font-size:9px;letter-spacing:1px}.hero-mini-stats{display:none}.v5-hero .hero-actions .btn{padding:12px 14px;font-size:11px}.v5-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v5-mode{min-height:130px;border-radius:16px;padding:12px}.v5-mode b{font-size:23px}.v5-mode-rogue,.v5-mode-free{grid-column:span 1;min-height:160px}.v5-section-title h2{font-size:28px}.v5-section-title span{font-size:9px}.mobile-nav{background:#0b2448!important;border-top:1px solid #28507a!important;height:72px;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -7px 24px #0b345d55}.mobile-nav .nav-tile{color:#bcdafa!important;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:22px;padding:6px 8px;border-radius:14px}.mobile-nav .nav-tile small{font-size:8px;font-weight:950;letter-spacing:.2px;color:inherit}.mobile-nav .nav-tile.selected{color:#fff!important;background:#1c4778!important;box-shadow:0 0 13px #ffaa3380}.mode-heading.v5-heading{margin-top:19px}.v5-heading h1{font-size:45px}.fight-field{padding:13px;min-height:310px}.fighter-grid{gap:8px}.fight-unit{width:clamp(69px,12vw,105px)}.battle-wrap{padding:12px!important}.battle-bottom{display:block}.battle-controls{justify-content:center}.battle-timeline{text-align:center;padding-top:12px}.rogue-dashboard{padding:14px!important}.route-scene{min-height:410px}.route-branch{height:300px}.route-choices{left:52%}}
@media(max-width:570px){.masthead{padding:0 9px}.wordmark{font-size:25px}.currency-counter{display:none!important}.premium-btn{padding:8px}.v5-hero{height:470px;border-radius:20px}.v5-hero-copy{padding:22px 18px 22px}.v5-hero-figure{width:95%;right:-9%;height:75%;top:0}.hero-portrait .art-img{transform:scale(1.3)}.v5-mega-logo{font-size:clamp(56px,16vw,79px);letter-spacing:-3px}.v5-mega-logo b{font-size:22px}.v5-hero-copy>p{color:#16375a;text-shadow:0 1px 1px #fff}.v5-hero .hero-actions{gap:7px}.v5-hero .hero-actions .btn{padding:11px 11px;font-size:10px}.v5-games{gap:9px}.v5-mode{min-height:116px}.v5-mode-rogue,.v5-mode-free{min-height:150px}.v5-mode b{font-size:21px}.v5-mode .mode-icon{width:32px;height:32px;font-size:18px}.v5-mode .mode-arrow{font-size:18px}.v5-bottom-feature>b{font-size:11px}.v5-bottom-feature{padding:8px}.v5-bottom-feature .btn{font-size:9px}.mode-heading.v5-heading h1{font-size:36px}.v5-heading .btn{font-size:9px;padding:9px}.settings-toggle{width:100%;justify-content:space-between}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.stat-bubble{width:31px!important;height:31px;min-width:31px!important;min-height:31px!important}.stat-bubble b{font-size:12px!important}.ki-card .card-name b,.ki-card.small .card-name b{font-size:14px!important}.ki-card .card-name span{font-size:8px!important}.led-rail{right:-8px!important}.ability-led{height:17px!important;width:17px!important}.route-top{padding:11px 13px}.route-top h2{font-size:23px}.route-top span{font-size:9px}.route-scene{min-height:375px}.route-journey{padding:10px}.route-branch{height:300px}.route-branch svg path{stroke-width:7}.route-origin{left:4%;top:45%}.route-origin span{width:49px;height:49px;font-size:21px}.route-origin small{font-size:7px}.route-choices{left:43%;width:88px}.route-choice{width:90px;min-height:75px;border-radius:14px}.route-choice>span{font-size:24px}.route-choice>b{font-size:9px}.route-gate{right:4%;top:43%}.route-gate>b{width:45px;height:45px;font-size:27px}.route-gate small{font-size:9px}.rogue-metrics{gap:6px}.rogue-metrics b{font-size:15px!important}.rogue-metrics small{font-size:8px}.rogue-path{overflow-x:auto}.rogue-path .path-tile{min-width:25px}.fight-field{grid-template-columns:1fr 25px 1fr;gap:4px;min-height:265px;padding:13px 5px}.fight-team>b{font-size:11px;margin-bottom:9px;padding:6px}.fight-unit{width:clamp(59px,17vw,79px)}.fight-unit .stat-bubble{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}.fight-unit .stat-bubble b{font-size:9px!important}.fight-unit .card-name b{font-size:10px!important}.fight-unit .card-name{height:38px;min-height:43px!important}.fight-unit .card-name span{font-size:6px!important}.fight-unit .hp-number{font-size:8px}.fight-team .fighter-grid{gap:7px}.battle-center b{font-size:30px}.fight-action-text{font-size:15px;padding:11px}.battle-controls{gap:5px!important}.battle-controls .btn{padding:8px 9px;font-size:9px}.battle-header{font-size:10px}.battle-header strong{padding:6px}.hero-portrait{border-radius:30%}.rogue-party{grid-template-columns:repeat(3,1fr)}.v5-team-drawer .section-inline h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Visual QA polish */
.hero-portrait .hero-keyart{width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:saturate(1.2) contrast(1.1) drop-shadow(0 9px 11px #0a468544);transform:none}
.hero-portrait{mask-image:linear-gradient(0deg,transparent 1%,black 16%,black 98%),linear-gradient(90deg,transparent 0%,black 12%,black 100%);mask-composite:intersect}
.v5-mode{background-size:cover!important;background-position:center!important;background-blend-mode:normal!important}
.collection-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:21px 18px}
@media(max-width:600px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}}

@keyframes choiceGlow{to{filter:brightness(1.08) drop-shadow(0 0 6px #ffffff80)}}

.collection-more{text-align:center;margin:24px auto 40px}.collection-more .btn{padding:15px 24px;border:1px solid #c2ddf2;border-radius:14px}