/* KI ARENA V5.1 — capsule arcade refinements */
:root{--v51-blue:#107de8;--v51-orange:#ff742d;--v51-ink:#102342}
.masthead{max-width:1370px;height:66px;border-radius:20px;gap:13px}.wordmark{font-size:29px}.desk-nav{gap:4px}.desk-nav .nav-tile{padding:12px 18px;font-size:12px}.head-right .icon-btn{width:39px;height:39px;display:grid;place-items:center;font-size:22px}.install-btn{padding:12px 19px}.app-shell main{width:min(1300px,calc(100% - 38px))}
.v51-slide{margin:17px 0 11px;min-height:480px;border-radius:27px;border:3px solid #fff;box-shadow:0 14px 45px #1b619c3a;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:#89c8f8}
.v51-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081d35e8 0%,#10355fcc 28%,#205d865e 63%,#081d3500 100%),var(--slide) center/cover;z-index:-2;transition:opacity .4s}
.v51-slide:after{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 70% 30%,#fff6a825,transparent 40%),linear-gradient(135deg,#ffffff28,transparent 55%);pointer-events:none;z-index:-1}
.v51-slide-badge{position:absolute;left:4%;top:25px;background:#081d3bcf;color:#fff;padding:10px 17px;border:1px solid #d5e9ff66;border-radius:16px;font:900 12px var(--font);letter-spacing:2px}.v51-slide-badge span{color:#ffc85a;margin:0 9px}
.v51-slide-copy{padding:72px 5% 73px;max-width:680px;color:#fff;position:relative;z-index:2;text-shadow:0 4px 14px #08132a8a}
.v51-slide-copy small{color:#bbe8ff;letter-spacing:3px;font-weight:950}.v51-slide-copy h1{font-size:clamp(77px,10vw,148px);line-height:.83;letter-spacing:-2px;max-width:680px;margin:20px 0 17px;overflow-wrap:break-word;text-wrap:balance;-webkit-text-stroke:1px #ffffff33}.v51-slide-copy p{font-size:20px;color:#edf8ff;font-weight:850;margin-bottom:25px}.v51-slide-copy .btn{font-size:18px;padding:17px 36px;box-shadow:0 6px 0 #b83710,0 12px 22px #08203499!important}
.v51-switch{position:absolute;bottom:18px;left:5%;display:flex;align-items:center;gap:20px;z-index:3}.v51-switch button{border:1px solid #ffffff7a;border-radius:50%;background:#061b3bb8;color:#fff;font-size:30px;width:43px;height:43px;line-height:1}.v51-switch span{display:flex;gap:7px}.v51-switch i{width:7px;height:7px;border-radius:99px;background:#ffffff85;transition:.2s}.v51-switch i.on{background:#ff9a32;width:26px;box-shadow:0 0 15px #ffb144}
.v51-peek{position:absolute;bottom:21px;right:18px;border:1px solid #d2ebff99;background:#091c3dd9;color:#fff;display:grid;text-align:left;gap:2px;padding:13px 17px;min-width:165px;border-radius:15px;z-index:3}.v51-peek small{color:#9bdcff;font-size:9px;letter-spacing:1.5px;font-weight:900}.v51-peek b{font:900 17px var(--display)}
.v51-mini-modes{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:11px 3px 17px;scroll-snap-type:x mandatory}.v51-mini-modes button{scroll-snap-align:center;white-space:nowrap;border:1px solid #c8dff5;background:#fff;color:#264666;padding:12px 15px;border-radius:13px;font-size:11px;font-weight:950;box-shadow:0 3px 8px #b8d5f63a}.v51-mini-modes button.active{background:#102b52;color:#fff;border-color:#102b52}.v51-mini-modes button span{color:#f47b2e;font-size:14px;margin-right:7px}
.v51-quick-links{display:flex;gap:10px;margin:4px 0 25px}.v51-quick-links button{border:1px solid #d2e3f1;background:#f9fdff;color:#163c5d;padding:14px 22px;border-radius:13px;font-weight:950;display:flex;gap:10px;justify-content:space-between;align-items:center;flex:1;text-align:left}.v51-quick-links button b{font-size:10px;color:#7189a1}
/* Card: artwork first, colored engraved corner gauges and cumulative rarity finish. */
.ki-card{transform-style:preserve-3d;perspective:950px;will-change:transform;filter:drop-shadow(0 9px 8px #0b3d7447);transition:transform .27s cubic-bezier(.2,.72,.1,1),filter .27s}.ki-card[data-action]:hover{transform:translateY(-8px) rotateX(3deg) rotateY(-2deg) scale(1.018);filter:drop-shadow(0 19px 16px #155ba260)}
.ki-card-shell{border-radius:15px!important;border-width:3px!important;box-shadow:inset 0 0 0 2px #ffffff73,inset 0 0 24px #ffffff32,0 3px 0 #08254a,0 9px 22px #082c6245!important;transform:translateZ(4px);isolation:isolate}
.ki-card-shell::after{content:"";position:absolute;inset:0;border-radius:13px;pointer-events:none;z-index:6;background:linear-gradient(115deg,#ffffff41 -9%,transparent 30%,transparent 65%,#ffffff20 85%);mix-blend-mode:screen}
.art-img{object-position:center 24%!important}.card-rarity-foil{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 48% 24%,#fff8,transparent 58%),repeating-linear-gradient(128deg,transparent 0 17px,#fff3 18px 20px,transparent 22px 52px)}
.rarity-uncommon .card-rarity-foil{opacity:.13}.rarity-rare .card-rarity-foil{opacity:.23}.rarity-epic .card-rarity-foil{opacity:.37;animation:foilBreath 4s ease-in-out infinite alternate}.rarity-legendary .card-rarity-foil{opacity:.57;animation:foilShift 4s ease-in-out infinite alternate;background:conic-gradient(from 35deg at 50% 44%,transparent,#ffcd344d,#ffffff86,transparent,#ff9c4260,transparent)}
.rarity-rare .ki-card-shell{box-shadow:inset 0 0 0 2px #ffffff80,inset 0 0 17px #48b4ff65,0 3px 0 #16416a,0 8px 25px #008cff61!important}
.rarity-epic .ki-card-shell{box-shadow:inset 0 0 0 2px #ffffff88,inset 0 0 19px #9856ff83,0 4px 0 #3c1d62,0 9px 27px #7842e58b!important}
.rarity-legendary .ki-card-shell{box-shadow:inset 0 0 0 2px #fff5bf,inset 0 0 28px #ffe484a3,0 4px 0 #9a5b0d,0 0 29px #ffcb58a3,0 14px 35px #d98e31a1!important}
@keyframes foilShift{to{filter:hue-rotate(18deg) brightness(1.32);transform:translateX(8px) rotate(3deg)}}@keyframes foilBreath{to{opacity:.54}}
.card-name,.fight-unit .card-name{height:auto!important;min-height:0!important;bottom:0;padding:20px 7px 9px!important;overflow:visible;background:linear-gradient(0deg,#061b34a8,transparent 100%)!important;text-shadow:0 1px 3px #061327,0 3px 5px #061327!important;align-items:flex-start}
.card-name b{font-weight:1000!important;letter-spacing:.3px!important;line-height:1.0!important;text-transform:uppercase}.card-name span{font-weight:900;color:#e7f5ff!important;line-height:1.08;letter-spacing:.3px;display:block;max-width:100%;text-wrap:balance}
.stat-bubble{min-width:0!important;min-height:0!important;width:42px!important;height:42px!important;border-radius:50%!important;padding:3px 2px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0!important;box-shadow:inset 0 2px 1px #fff9,inset 0 -4px 6px #17213973,0 2px 0 #02172b,0 4px 9px #0007!important;border:2px solid #fff9!important;text-shadow:0 1px 2px #0009!important}
.stat-bubble i{font:900 12px/1 var(--font)!important;color:#fffffff2;letter-spacing:0!important}.stat-bubble b{font:950 13px/1.1 var(--font)!important;letter-spacing:-.45px}.stat-atk{top:6px;left:6px;background:radial-gradient(circle at 25% 17%,#ffb19e,#fa392c 56%,#8d132d)!important}.stat-vit{top:6px;right:6px;background:radial-gradient(circle at 25% 17%,#c6fbff,#078de3 56%,#183ca1)!important}.stat-hp{bottom:55px;left:6px;background:radial-gradient(circle at 25% 17%,#fff5a2,#e7a118 54%,#9c490e)!important}
.led-rail{right:-9px!important;top:27%!important;gap:5px!important}.ability-led{width:20px!important;height:20px!important;background:#10284a!important;border:1.5px solid #fff!important;border-radius:8px!important;color:#fff!important;box-shadow:inset 0 0 5px #ffffff58,0 2px 3px #08264894,0 0 10px var(--rare)!important;font-size:13px!important;animation:ledBreathe 2.8s ease-in-out infinite alternate!important}.ability-led.led-def{background:#158ddb!important}.ability-led.led-heal{background:#21bb75!important}.ability-led.led-speed{background:#28a8e1!important}.ability-led.led-ult{background:#c45eea!important}.ability-led.led-attack{background:#ef6c32!important}.ability-led.is-used{filter:grayscale(1);opacity:.5!important}
.v51-gold-open .preview-scene:before{content:"";position:absolute;inset:-30%;z-index:9;pointer-events:none;background:conic-gradient(transparent,#fff0a3cc,transparent,#fffcd7,transparent);mix-blend-mode:screen;animation:legendBurst .85s ease-out both}
.v51-gold-open .preview-tilt{animation:legendLift .85s ease-out both}
@keyframes legendBurst{from{opacity:1;transform:scale(.18) rotate(90deg)}to{opacity:0;transform:scale(1.8) rotate(250deg)}}@keyframes legendLift{from{filter:brightness(3) drop-shadow(0 0 55px gold);transform:rotateY(-18deg) scale(.7)}to{filter:drop-shadow(0 14px 30px #fdd057);transform:rotateY(0) scale(1)}}
/* 2-player KI auction */
.v51-auction-top{display:flex;justify-content:space-between;align-items:center;margin:18px 0 13px;padding:12px 19px;border-radius:17px;background:#0e2b55;color:#d2eaff}.v51-auction-top>b{font:900 28px var(--display);color:#fff}.v51-auction-top b span{color:#8cbddd}.v51-auction-top>span{font-weight:900;font-size:11px;letter-spacing:.5px}
.v51-auction-board{background:linear-gradient(110deg,#c5eaff,#f6fbff,#d9eaff);border:1px solid #d8e8f6;border-radius:24px;padding:19px;box-shadow:0 13px 34px #175ea628}
.v51-auction-users{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v51-auction-player{min-width:0;background:#ffffffc9;border:2px solid #c6ddf5;border-radius:17px;padding:13px;transition:.2s}.v51-auction-player.now{border-color:#f58e35;box-shadow:0 0 0 3px #ffbd5b29}.v51-player-title{display:flex;justify-content:space-between;gap:10px;font-weight:950;font-size:16px;color:#153458}.v51-player-title b{color:#f16a20}.v51-auction-player>small{color:#6686a6;font-size:10px;font-weight:850}.auction-roster{display:flex;gap:4px;min-height:46px;overflow-x:auto;margin-top:8px}.auction-mini{width:39px;height:43px;flex:0 0 39px;border-radius:7px;overflow:hidden;border:2px solid #cee4f2;background:#174a72}.auction-mini .art-img{width:100%;height:100%;object-fit:cover}.auction-empty{color:#93a5bb;font-size:11px;padding-top:12px}
.v51-bid-stage{display:grid;grid-template-columns:minmax(150px,250px) minmax(170px,1fr);max-width:790px;margin:22px auto 10px;gap:30px;align-items:center}.v51-lot{max-width:235px;width:100%;margin:auto;filter:drop-shadow(0 10px 17px #1562b36b)}.v51-bid-controls{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.v51-bid-controls>small{font-size:10px;letter-spacing:.5px;font-weight:800;color:#6d8ca4}.v51-bid-controls>strong{font:1000 clamp(66px,7vw,105px)/.9 var(--display);color:#ff751f;text-shadow:2px 3px 0 #fff}.v51-bid-controls>strong span{font-size:24px}.v51-bid-controls>p{font-size:12px;font-weight:950;color:#245c91}.v51-turn-cue{padding:9px 14px;background:#10335c;color:#b0d7f7;border-radius:13px;font-size:13px;font-weight:850}.v51-turn-cue b{color:#fff}.v51-bid-controls .btn{width:min(100%,320px);font-size:14px}
.v51-auction-history{display:flex;gap:6px;overflow-x:auto;margin-top:14px}.v51-auction-history span{background:#fff;border:1px solid #d9e6f3;border-radius:10px;padding:9px 11px;white-space:nowrap;font-weight:750;color:#355371;font-size:10px}.v51-auction-history b{margin-left:6px;color:#f26c23}.v51-auction-finish{padding:40px 10px 25px;text-align:center}.v51-auction-finish>span{font-weight:900;color:#ed691a}.v51-auction-finish h2{font-size:75px;margin:15px}.v51-auction-finish em{font-style:normal;color:#ff7e21}.v51-auction-finish p{margin:12px;color:#507497}.v51-auction-finish .btn{margin:5px}
/* Stronger battle cues: instant readability, optional unfolding log */
.v51-live-event{position:relative;margin:15px auto 7px;border:1px solid #8fc4ed;background:linear-gradient(125deg,#0d2b53,#1a4c7f);border-radius:17px;color:#fff;display:flex;align-items:center;gap:15px;min-height:66px;padding:10px 20px;overflow:hidden;box-shadow:0 8px 17px #063b7560;animation:v51Enter .34s ease-out both}.v51-live-event>span{height:48px;width:48px;display:grid;place-items:center;font-size:29px;border-radius:50%;background:#1c6db9;box-shadow:0 0 18px #43baff7d}.v51-live-event>div{display:grid;gap:2px;min-width:0}.v51-live-event small{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#c1eaff}.v51-live-event b{font-size:clamp(14px,1.9vw,20px);line-height:1.1;overflow-wrap:anywhere;text-shadow:0 1px 4px #0006}.v51-live-event.type-ultimate,.v51-live-event.type-skill_hit{background:linear-gradient(110deg,#80317e,#cc57db);border-color:#e8b3fa}.v51-live-event.type-hit,.v51-live-event.type-ko{background:linear-gradient(110deg,#99351d,#ee6732);border-color:#ffcb89}.v51-live-event.type-heal,.v51-live-event.type-revive{background:linear-gradient(110deg,#095d5b,#0fa47b);border-color:#afffc9}.v51-live-event.type-shield,.v51-live-event.type-dodge{background:linear-gradient(110deg,#13518e,#179cda);border-color:#a4f1ff}.v51-live-event.type-ultimate:after{content:"";position:absolute;width:60%;height:200%;background:linear-gradient(90deg,transparent,#fffc,transparent);transform:skewX(-25deg);animation:ultFlash .62s ease-out;pointer-events:none}.v51-live-compact{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 2px}.v51-live-compact>div{flex:1;min-width:190px;font-size:11px;color:#2a4362;background:#fff;padding:10px 12px;border:1px solid #d9e6f4;border-radius:11px}.v51-live-compact span{display:inline-block;color:#ff6f2b;font-weight:1000;font-size:9px;margin-right:7px}.fight-action-text{display:none!important}
@keyframes v51Enter{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes ultFlash{from{left:-80%}to{left:140%}}
/* Local identity, accounts will require real backend */
.v51-profile{max-width:800px;margin:30px auto;background:#fff;border-radius:25px;border:1px solid #d0e6f7;padding:30px;box-shadow:0 12px 34px #0c518f24}.v51-profile-head{display:flex;gap:19px;align-items:center}.v51-avatar{width:74px;height:74px;display:grid;place-items:center;color:#fff;font-size:34px;border:4px solid #fff6;border-radius:50%;background:linear-gradient(145deg,#ffbc50,#fa6325);box-shadow:0 4px 15px #d26e3b4e}.v51-profile-head small{color:#6994bb;letter-spacing:1.4px;font-weight:900}.v51-profile-head h1{font-size:55px;margin:9px 0}.v51-profile-head p{color:#7894ac;font-size:12px}.v51-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.v51-profile-stats div{display:grid;gap:6px;background:#eaf6ff;border-radius:15px;text-align:center;padding:15px}.v51-profile-stats b{font:1000 34px var(--display);color:#f46e20}.v51-profile-stats small{font-size:10px;font-weight:900;color:#607f9a}.v51-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v51-local-profile{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:18px;background:#f0f8ff;border-radius:14px;padding:17px}.v51-local-profile label{display:grid;flex:1;font-weight:900;font-size:12px;gap:5px}.v51-local-profile input{padding:12px;border-radius:10px;border:1px solid #c8dceb}.v51-local-profile>small{width:100%;color:#667b8f}.v51-profile-note{margin:16px 0;color:#7f96ab;font-size:11px;line-height:1.5}
/* Avoid motion for people asking for it */
@media(prefers-reduced-motion:reduce){.ki-card,.ki-card-shell,.ability-led,.card-rarity-foil,.v51-live-event{animation:none!important;transition:none!important}}
@media(max-width:800px){.app-shell main{width:calc(100% - 22px)}.v51-slide{margin-top:12px;min-height:495px}.v51-slide-copy{padding:60px 7% 80px}.v51-slide-copy h1{font-size:clamp(66px,12vw,100px)}.v51-slide:before{background:linear-gradient(0deg,#071c38e8 0%,#0d3b64b8 38%,transparent 100%),var(--slide) center/cover}.v51-slide-badge{top:17px;left:7%;font-size:10px}.v51-peek{display:none}.v51-switch{left:7%}.v51-mini-modes button{padding:10px 13px}.mobile-nav{justify-content:space-around}.mobile-nav>.nav-tile{flex:1!important}.v51-auction-board{padding:10px}.v51-bid-stage{gap:10px}.v51-bid-controls>strong{font-size:60px}.v51-bid-controls .btn{font-size:11px;padding:12px 10px}}
@media(max-width:570px){.masthead{height:58px}.wordmark{font-size:25px}.v51-slide{min-height:455px;border-radius:20px}.v51-slide-copy h1{font-size:clamp(58px,15vw,82px);line-height:.91}.v51-slide-copy p{font-size:15px}.v51-slide-copy .btn{font-size:15px;padding:12px 27px}.v51-quick-links{flex-direction:column}.v51-profile{padding:18px;margin:13px auto}.v51-profile-actions{grid-template-columns:1fr}.v51-profile-head h1{font-size:40px}.v51-profile-head p{font-size:10px}.v51-auction-users{gap:6px}.v51-auction-player{padding:8px}.v51-player-title{font-size:11px}.v51-auction-player>small{font-size:8px}.v51-bid-stage{grid-template-columns:minmax(110px,45%) minmax(100px,1fr)}.v51-bid-controls>strong{font-size:46px}.v51-bid-controls>strong span{font-size:15px}.v51-bid-controls .btn{padding:11px 7px;font-size:10px}.v51-bid-controls>small{font-size:8px}.v51-turn-cue{font-size:10px}.v51-live-event{padding:10px}.v51-live-event>span{width:36px;height:36px;font-size:19px}.stat-bubble{width:32px!important;height:32px!important}.stat-bubble i{font-size:8px!important}.stat-bubble b{font-size:10px!important}.led-rail{right:-7px!important}.ability-led{width:17px!important;height:17px!important;font-size:10px!important}.fight-unit .stat-bubble{width:21px!important;height:21px!important}.fight-unit .stat-bubble i{font-size:7px!important}.fight-unit .stat-bubble b{font-size:8px!important}}

@media(min-width:801px){.v51-slide-copy h1{font-size:clamp(65px,7vw,98px);white-space:nowrap;letter-spacing:-2.8px}}
@media(max-width:570px){.v51-slide-copy h1{font-size:clamp(52px,13vw,72px);letter-spacing:-2.3px}}
.v51-forecast{display:flex;align-items:stretch;gap:10px;max-width:100%;overflow-x:auto;padding:14px 16px 16px;scrollbar-width:thin;background:#e6f4ffbd;border-radius:0 0 14px 14px}.v51-forecast-column{position:relative;flex:0 0 136px;padding:9px;background:#ffffffed;border:2px solid #c8e2f7;border-radius:12px;display:grid;gap:7px}.v51-forecast-column.active{border-color:#ff922e;background:#fff9ec;box-shadow:0 0 15px #ffc46b88}.v51-forecast-column:not(:last-child):after{content:'→';position:absolute;right:-14px;top:45%;z-index:3;color:#309ade;font-weight:900}.v51-forecast-column>b{color:#174977;font-size:10px}.v51-forecast-column>span{background:#0c3761;border-radius:8px;padding:5px;color:white;font-size:10px;white-space:nowrap;font-weight:900}.v51-forecast-column>span.type-boss,.v51-forecast-column>span.type-elite{background:#d84532}.v51-forecast-column>span.type-treasure,.v51-forecast-column>span.type-merchant{background:#ef961c}.v51-forecast-column>span.type-rest{background:#16ad88}
.v51-wish{text-align:center;padding:30px 18px 42px;border-radius:22px;background:linear-gradient(140deg,#0b3558,#1a6491,#093d76);color:white;box-shadow:0 0 20px #159dcb80}.v51-wish>span{font-size:27px;color:#ffd47b;letter-spacing:14px;filter:drop-shadow(0 0 9px #ff8b2f)}.v51-wish h2{font-size:65px;margin-top:18px;text-shadow:0 0 20px #5deaff}.v51-wish p{margin-top:9px;color:#d6eaff;font-weight:900}
.v51-live-event.type-phase{background:linear-gradient(100deg,#8d172d,#f2572f,#7a1542);border:2px solid #ffdd88;box-shadow:0 0 19px #ff3d497a}
@media(max-width:800px){footer{display:none!important}}