:root{--s: 1;--gold: #f2c744;--gold2: #b9892a;--ink: #fff4dc;--panel: rgba(36, 27, 19, .94);--panel2: #4a3826;--edge: #8a6a3c;--red: #e0503a;--blue: #5aa8ff;--orange: #ff9a30;--green: #7ac070;--purple: #b060ff;--ui: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}#kp-root{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,200vh);margin-left:calc(min(100vw,200vh)/-2);overflow:hidden;background:#2a2118;color:var(--ink);font-family:var(--ui);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.kp-stage{position:absolute;top:0;right:0;bottom:0;left:0}.kp-canvas{display:block;width:100%;height:100%;touch-action:none}.kp-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.kp-hud button,.kp-hud .kp-hit{pointer-events:auto;font-family:inherit}.kp-ic{display:inline-flex;align-items:center;justify-content:center;border-radius:22%;box-shadow:inset 0 0 0 2px #fff4dc59,0 2px 4px #00000080;flex:none;overflow:hidden}.kp-ic svg{display:block}.kp-top{position:absolute;left:0;right:0;top:calc(var(--s) * 10px);display:flex;align-items:flex-start;justify-content:space-between;padding:0 calc(var(--s) * 14px);gap:calc(var(--s) * 8px)}.kp-chip{display:inline-flex;align-items:center;gap:calc(var(--s) * 8px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 22px);padding:calc(var(--s) * 5px) calc(var(--s) * 14px) calc(var(--s) * 5px) calc(var(--s) * 6px);font-weight:800;font-size:calc(var(--s) * 22px);box-shadow:0 3px 8px #00000073}.kp-chip .kp-coin{width:calc(var(--s) * 28px);height:calc(var(--s) * 28px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0a0,#e0a82a 60%,#8a5a10);box-shadow:inset 0 0 0 2px #7a4a08}.kp-chip.bump{animation:kpBump .25s ease}@keyframes kpBump{50%{transform:scale(1.12)}}.kp-pill{background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 18px);padding:calc(var(--s) * 5px) calc(var(--s) * 16px);font-weight:700;font-size:calc(var(--s) * 17px);text-align:center;box-shadow:0 3px 8px #00000073;white-space:nowrap}.kp-pill b{color:var(--gold);font-weight:900}.kp-pill .sep{opacity:.45;margin:0 calc(var(--s) * 6px)}.kp-pill .boss{color:#ff9a80}.kp-pill .boss.soon{color:var(--red);animation:kpPulse .8s infinite}@keyframes kpPulse{50%{opacity:.55}}.kp-right{display:flex;gap:calc(var(--s) * 8px);align-items:center}.kp-iconbtn{width:calc(var(--s) * 44px);height:calc(var(--s) * 44px);border-radius:50%;border:calc(var(--s) * 2px) solid var(--edge);background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 3px 8px #00000073}.kp-iconbtn svg{width:60%;height:60%}.kp-iconbtn:active{transform:scale(.94)}.kp-iconbtn .num{position:absolute;top:calc(var(--s) * -4px);right:calc(var(--s) * -4px);background:var(--red);border-radius:999px;font-size:calc(var(--s) * 12px);padding:0 calc(var(--s) * 5px);font-weight:800}.kp-iconbtn{position:relative}.kp-port .kp-top{flex-wrap:wrap}.kp-port .kp-pill{order:3;width:100%;font-size:calc(var(--s) * 15px);padding:calc(var(--s) * 4px) calc(var(--s) * 10px)}.kp-port .kp-chip{font-size:calc(var(--s) * 20px)}.kp-roster{position:absolute;left:calc(var(--s) * 14px);top:calc(var(--s) * 62px);display:flex;gap:calc(var(--s) * 5px);flex-wrap:wrap;max-width:40%}.kp-port .kp-roster{top:calc(var(--s) * 100px)}.kp-rm{position:relative;width:calc(var(--s) * 30px);height:calc(var(--s) * 30px);border-radius:50%;border:calc(var(--s) * 2px) solid var(--edge);overflow:hidden;background:#3a2c1e;box-shadow:0 2px 4px #00000080}.kp-rm canvas{width:100%;height:100%;display:block}.kp-rm i{position:absolute;right:-1px;bottom:-2px;font-style:normal;font-size:calc(var(--s) * 10px);font-weight:900;color:var(--gold);text-shadow:0 1px 2px #000,0 0 3px #000}.kp-btns{position:absolute;left:0;right:0;bottom:0;height:0}.kp-btn{position:absolute;border-radius:50%;border:0;padding:0;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent;transition:transform .08s}.kp-btn:active,.kp-btn.down{transform:scale(.93)}.kp-btn .face{position:absolute;inset:calc(var(--s) * 5px);border-radius:50%;background:radial-gradient(circle at 35% 28%,var(--c1),var(--c2) 70%,var(--c3));box-shadow:inset 0 0 0 calc(var(--s) * 3px) #fff4dc40,inset 0 calc(var(--s) * -6px) calc(var(--s) * 10px) #0006,0 calc(var(--s) * 4px) calc(var(--s) * 10px) #0000008c;display:flex;align-items:center;justify-content:center}.kp-btn .rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--s) * 4px) solid #6e5230;background:linear-gradient(160deg,#a98650,#4a3622);z-index:0;box-shadow:0 calc(var(--s) * 3px) calc(var(--s) * 8px) #0000008c}.kp-btn .face{z-index:1}.kp-btn .ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;transform:rotate(-90deg);pointer-events:none;overflow:visible}.kp-btn .ring circle{fill:none;stroke-linecap:round}.kp-btn .ring .bg{stroke:#00000073;stroke-width:7}.kp-btn .ring .fg{stroke:var(--rc, #fff);stroke-width:7;stroke-dasharray:289;stroke-dashoffset:0}.kp-btn .ring .qte{stroke:#6cff7c;stroke-width:6;opacity:0;filter:drop-shadow(0 0 6px #6cff7c)}.kp-btn .glyph{position:relative;z-index:2;display:flex}.kp-btn .glyph svg{width:calc(var(--s) * var(--g, 46) * 1px);height:calc(var(--s) * var(--g, 46) * 1px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.kp-btn .lab{position:absolute;left:50%;bottom:calc(var(--s) * -2px);transform:translate(-50%,100%);font-weight:800;font-size:calc(var(--s) * 13px);text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;pointer-events:none;z-index:4;display:none}.kp-btn .key{position:absolute;left:calc(var(--s) * 2px);top:calc(var(--s) * 2px);min-width:calc(var(--s) * 22px);height:calc(var(--s) * 22px);padding:0 calc(var(--s) * 4px);box-sizing:border-box;border-radius:calc(var(--s) * 7px);background:#140e08e6;border:calc(var(--s) * 2px) solid var(--edge);font-size:calc(var(--s) * 12px);font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;color:var(--ink)}.kp-touch .kp-btn .key{display:none}.kp-btn.ready .face{box-shadow:inset 0 0 0 calc(var(--s) * 3px) #fff4dc8c,inset 0 calc(var(--s) * -6px) calc(var(--s) * 10px) #0000004d,0 0 calc(var(--s) * 16px) var(--rc, #fff),0 calc(var(--s) * 4px) calc(var(--s) * 10px) #0000008c}.kp-btn:not(.ready) .face{filter:saturate(.55) brightness(.78)}.kp-btn[data-id=attack]{--c1: #ffd878;--c2: #e0902a;--c3: #8a4a10;--rc: #ffd23a}.kp-btn[data-id=shield]{--c1: #9ad0ff;--c2: #3a78d0;--c3: #1a3e80;--rc: #8ac8ff}.kp-btn[data-id=pots]{--c1: #ffb070;--c2: #e0502a;--c3: #7a1c08;--rc: #ff9a50}.kp-btn[data-id=ult]{--c1: #fff2a0;--c2: #f0b020;--c3: #8a5a08;--rc: #ffe070}.kp-btn[data-id=ult].hot:not(.ready) .rim{animation:kpHot 1s infinite}.kp-btn[data-id=ult].ready .rim{animation:kpUlt .9s infinite;border-color:#ffe070;background:linear-gradient(160deg,#ffe9a0,#b8801c)}.kp-btn[data-id=ult].ready .face{filter:none}@keyframes kpUlt{50%{box-shadow:0 0 calc(var(--s) * 30px) calc(var(--s) * 8px) #ffdc64d9,0 3px 8px #0000008c}}@keyframes kpHot{50%{box-shadow:0 0 calc(var(--s) * 18px) #ffdc6499}}.kp-btn.pulse .rim{animation:kpHot .55s 3}.kp-btn.on .face{box-shadow:inset 0 0 0 calc(var(--s) * 3px) #fff,0 0 calc(var(--s) * 26px) calc(var(--s) * 6px) var(--rc)}.kp-btn .tag{position:absolute;left:50%;top:calc(var(--s) * -8px);transform:translate(-50%,-100%);background:#fff4dc;color:#2a2118;border-radius:calc(var(--s) * 10px);padding:calc(var(--s) * 3px) calc(var(--s) * 9px);font-size:calc(var(--s) * 13px);font-weight:800;white-space:nowrap;box-shadow:0 2px 6px #00000080;z-index:6;pointer-events:none;animation:kpTag 1.2s infinite}@keyframes kpTag{50%{transform:translate(-50%,calc(var(--s) * -108%))}}.kp-land .kp-btn[data-id=shield]{left:calc(var(--s) * 24px);bottom:calc(var(--s) * 26px);width:calc(var(--s) * 94px);height:calc(var(--s) * 94px);--g: 44}.kp-land .kp-btn[data-id=pots]{left:calc(var(--s) * 130px);bottom:calc(var(--s) * 26px);width:calc(var(--s) * 94px);height:calc(var(--s) * 94px);--g: 44}.kp-land .kp-btn[data-id=attack]{right:calc(var(--s) * 24px);bottom:calc(var(--s) * 26px);width:calc(var(--s) * 120px);height:calc(var(--s) * 120px);--g: 58}.kp-land .kp-btn[data-id=ult]{right:calc(var(--s) * 158px);bottom:calc(var(--s) * 26px);width:calc(var(--s) * 104px);height:calc(var(--s) * 104px);--g: 52}.kp-port .kp-btn{bottom:calc(var(--s) * 16px)}.kp-port .kp-btn[data-id=shield]{left:calc(var(--s) * 12px);width:calc(var(--s) * 68px);height:calc(var(--s) * 68px);--g: 32}.kp-port .kp-btn[data-id=pots]{left:calc(var(--s) * 88px);width:calc(var(--s) * 68px);height:calc(var(--s) * 68px);--g: 32}.kp-port .kp-btn[data-id=ult]{left:calc(var(--s) * 164px);width:calc(var(--s) * 76px);height:calc(var(--s) * 76px);--g: 38}.kp-port .kp-btn[data-id=attack]{right:calc(var(--s) * 12px);width:calc(var(--s) * 104px);height:calc(var(--s) * 104px);--g: 50}.kp-port .kp-btn .lab{display:block;font-size:calc(var(--s) * 11px)}.kp-land .kp-btn .lab{display:block}.kp-cardwrap{position:absolute;left:0;right:0;bottom:calc(var(--s) * 20px);display:flex;justify-content:center;pointer-events:none;padding:0 calc(var(--s) * 272px) 0 calc(var(--s) * 250px);box-sizing:border-box}.kp-port .kp-cardwrap{bottom:calc(var(--s) * 134px);padding:0 calc(var(--s) * 10px)}.kp-card{pointer-events:auto;width:min(100%,calc(var(--s) * 560px));background:var(--panel);border:calc(var(--s) * 3px) solid var(--edge);border-radius:calc(var(--s) * 16px);box-shadow:0 6px 18px #0009;padding:calc(var(--s) * 10px);box-sizing:border-box;animation:kpUp .28s ease-out}@keyframes kpUp{0%{transform:translateY(40%);opacity:0}}.kp-card-row{display:flex;gap:calc(var(--s) * 12px);align-items:center}.kp-card-art{width:calc(var(--s) * 82px);height:calc(var(--s) * 82px);border-radius:calc(var(--s) * 12px);overflow:hidden;border:calc(var(--s) * 2px) solid var(--edge);background:#3a2c1e;flex:none}.kp-card-art canvas{width:100%;height:100%;display:block}.kp-card-body{flex:1;min-width:0}.kp-card-kind{font-size:calc(var(--s) * 12px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.kp-card-title{font-size:calc(var(--s) * 21px);font-weight:900;line-height:1.1}.kp-card-line{font-size:calc(var(--s) * 15px);opacity:.85;margin-top:calc(var(--s) * 2px);line-height:1.2}.kp-buy{flex:none;min-width:calc(var(--s) * 118px);border:calc(var(--s) * 3px) solid #6e4a10;border-radius:calc(var(--s) * 14px);background:linear-gradient(180deg,#ffe07a,#e0a22a 55%,#b9791a);color:#3a2208;font-weight:900;font-size:calc(var(--s) * 20px);padding:calc(var(--s) * 10px) calc(var(--s) * 12px);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s) * 2px);box-shadow:0 calc(var(--s) * 3px) 0 #6e4a10,0 6px 12px #00000073}.kp-buy small{font-size:calc(var(--s) * 13px);font-weight:800;opacity:.85}.kp-buy:active{transform:translateY(2px)}.kp-buy.no{background:linear-gradient(180deg,#8a8478,#5a5448);color:#d8d0c0;border-color:#3a3428;box-shadow:0 calc(var(--s) * 3px) 0 #3a3428}.kp-buy.go{animation:kpBuy 1s infinite}@keyframes kpBuy{50%{box-shadow:0 calc(var(--s) * 3px) 0 #6e4a10,0 0 calc(var(--s) * 22px) #ffdc64e6}}.kp-need{margin-top:calc(var(--s) * 8px);height:calc(var(--s) * 6px);background:#00000073;border-radius:99px;overflow:hidden}.kp-need i{display:block;height:100%;background:linear-gradient(90deg,#ffd23a,#ff9a30);border-radius:99px}.kp-opts{display:flex;gap:calc(var(--s) * 10px);margin-top:calc(var(--s) * 8px)}.kp-opt{flex:1;min-width:0;background:#3a2c1e;border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 8px);display:flex;gap:calc(var(--s) * 8px);align-items:center;cursor:pointer;color:var(--ink);text-align:left;font-family:inherit}.kp-opt:hover,.kp-opt:focus{border-color:var(--gold)}.kp-opt .t{font-weight:900;font-size:calc(var(--s) * 16px);line-height:1.1}.kp-opt .d{font-size:calc(var(--s) * 12px);opacity:.85;line-height:1.15;margin-top:2px}.kp-opt.no{opacity:.55}.kp-adrow{display:flex;gap:calc(var(--s) * 10px);margin-top:calc(var(--s) * 10px)}.kp-adrow .b{flex:1 1 0;min-width:0;min-height:calc(var(--s) * 46px);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);font-family:inherit;font-weight:800;font-size:calc(var(--s) * 15px);padding:calc(var(--s) * 6px) calc(var(--s) * 10px);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.kp-adrow .b:active{transform:translateY(1px)}.kp-adrow .b.dim{opacity:.5}.kp-banner{position:absolute;left:0;right:0;top:24%;text-align:center;pointer-events:none}.kp-banner .st{display:inline-block;font-weight:900;letter-spacing:.06em;font-size:calc(var(--s) * 54px);color:#fff4dc;text-shadow:0 calc(var(--s) * 3px) 0 #6e4a10,0 0 calc(var(--s) * 18px) rgba(255,190,80,.7),0 calc(var(--s) * 4px) calc(var(--s) * 12px) #000;animation:kpStamp 1.4s ease-out forwards;padding:0 calc(var(--s) * 12px)}.kp-banner .st.big{font-size:calc(var(--s) * 70px);color:#ffe070}.kp-banner .st.boss{color:#ffb0a0}.kp-banner .sub{display:block;font-weight:800;font-size:calc(var(--s) * 20px);opacity:.9;text-shadow:0 2px 6px #000;margin-top:calc(var(--s) * 2px)}@keyframes kpStamp{0%{transform:scale(2.2);opacity:0}14%{transform:scale(.94);opacity:1}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(calc(var(--s) * -14px))}}.kp-plate{position:absolute;left:50%;top:calc(var(--s) * 124px);transform:translate(-50%);max-width:80%;background:#241b13f0;border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 7px) calc(var(--s) * 14px);font-weight:700;font-size:calc(var(--s) * 16px);text-align:center;pointer-events:none;animation:kpFade 3s forwards}.kp-port .kp-plate{top:calc(var(--s) * 204px)}@keyframes kpFade{0%{opacity:0;transform:translate(-50%,calc(var(--s) * -8px))}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.kp-bark{position:absolute;transform:translate(-50%,-100%);background:#fff4dc;color:#2a2118;border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 5px) calc(var(--s) * 11px);font-weight:800;font-size:calc(var(--s) * 15px);white-space:nowrap;box-shadow:0 3px 8px #00000080;pointer-events:none;animation:kpFade 3s forwards}.kp-bark:after{content:"";position:absolute;left:50%;bottom:calc(var(--s) * -6px);transform:translate(-50%);border:calc(var(--s) * 6px) solid transparent;border-top-color:#fff4dc;border-bottom:0}.kp-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kp-fl{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:calc(var(--s) * 15px);color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000;animation:kpFloat .8s ease-out forwards;white-space:nowrap}.kp-fl.crit{color:#ffe070;font-size:calc(var(--s) * 24px);animation-duration:1s}.kp-fl.fire{color:#ffb060}.kp-fl.gold{color:#ffd23a;font-size:calc(var(--s) * 17px)}.kp-fl.block{color:#b8e0ff;font-size:calc(var(--s) * 20px);letter-spacing:.1em}.kp-fl.ult{color:#ffe070;font-size:calc(var(--s) * 44px);letter-spacing:.08em;animation-duration:1.6s}@keyframes kpFloat{0%{opacity:0;margin-top:0}12%{opacity:1}to{opacity:0;margin-top:calc(var(--s) * -46px)}}.kp-toast{position:absolute;left:50%;top:calc(var(--s) * 124px);transform:translate(-50%);background:#241b13f0;border:2px solid var(--gold);border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 8px) calc(var(--s) * 16px);font-weight:800;font-size:calc(var(--s) * 17px);pointer-events:none;animation:kpFade 2.4s forwards}.kp-adbanner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;font-weight:900;font-size:calc(var(--s) * 36px);letter-spacing:.12em;pointer-events:auto;z-index:90}.kp-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0c08049e;pointer-events:auto;z-index:50;padding:calc(var(--s) * 10px);box-sizing:border-box;animation:kpIn .2s ease-out}@keyframes kpIn{0%{opacity:0}}.kp-sheet{background:var(--panel);border:calc(var(--s) * 3px) solid var(--edge);border-radius:calc(var(--s) * 18px);box-shadow:0 10px 30px #000000b3;padding:calc(var(--s) * 16px);max-width:100%;box-sizing:border-box;max-height:100%;display:flex;flex-direction:column}.kp-sheet h2{margin:0 0 calc(var(--s) * 4px);font-size:calc(var(--s) * 26px);font-weight:900;color:var(--gold);text-align:center}.kp-sheet .sub{text-align:center;opacity:.85;font-size:calc(var(--s) * 16px);margin-bottom:calc(var(--s) * 10px)}.kp-sheet .row{display:flex;align-items:center;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 6px) 0;font-weight:700;font-size:calc(var(--s) * 17px)}.kp-sheet .row .v{margin-left:auto;color:var(--gold);font-weight:900}.kp-main{width:100%;border:calc(var(--s) * 3px) solid #6e4a10;border-radius:calc(var(--s) * 14px);background:linear-gradient(180deg,#ffe07a,#e0a22a 55%,#b9791a);color:#3a2208;font-family:inherit;font-weight:900;font-size:calc(var(--s) * 20px);padding:calc(var(--s) * 12px);cursor:pointer;box-shadow:0 calc(var(--s) * 3px) 0 #6e4a10;min-height:calc(var(--s) * 52px)}.kp-main:active{transform:translateY(2px)}.kp-main.dim{background:linear-gradient(180deg,#8a8478,#5a5448);color:#d8d0c0;border-color:#3a3428;box-shadow:0 calc(var(--s) * 3px) 0 #3a3428}.kp-alt{border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);font-family:inherit;font-weight:800;font-size:calc(var(--s) * 17px);padding:calc(var(--s) * 10px);cursor:pointer;min-height:calc(var(--s) * 50px)}.kp-alt:active{transform:translateY(1px)}.kp-danger{width:100%;margin-top:calc(var(--s) * 14px);border:calc(var(--s) * 2px) solid #7a1e14;border-radius:calc(var(--s) * 14px);background:linear-gradient(180deg,#8a2a1e,#5a1810);color:#ffe0d8;font-family:inherit;font-weight:800;font-size:calc(var(--s) * 16px);padding:calc(var(--s) * 10px);cursor:pointer;min-height:44px}.kp-danger.sure{background:linear-gradient(180deg,#e0432e,#a52414);color:#fff;animation:kpdanger .5s ease-in-out infinite alternate}.kp-danger:disabled{opacity:.6}@keyframes kpdanger{0%{box-shadow:0 0 #ff503200}to{box-shadow:0 0 calc(var(--s) * 14px) 0 #ff5032cc}}.kp-list{display:flex;flex-direction:column;gap:calc(var(--s) * 8px)}.kp-seg{display:flex;gap:calc(var(--s) * 6px)}.kp-seg button{flex:1;border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 10px);background:#3a2c1e;color:var(--ink);font-family:inherit;font-weight:800;font-size:calc(var(--s) * 16px);padding:calc(var(--s) * 9px);cursor:pointer}.kp-seg button.on{background:linear-gradient(180deg,#ffe07a,#e0a22a);color:#3a2208;border-color:#6e4a10}.kp-tree{width:min(100%,calc(var(--s) * 1040px));height:min(100%,calc(var(--s) * 690px));padding:calc(var(--s) * 12px) calc(var(--s) * 14px) calc(var(--s) * 12px)}.kp-tree .head{display:flex;align-items:baseline;justify-content:center;gap:calc(var(--s) * 12px)}.kp-tree .head h2{margin:0}.kp-tree .head .pk{background:var(--gold);color:#3a2208;font-weight:900;border-radius:99px;padding:calc(var(--s) * 2px) calc(var(--s) * 12px);font-size:calc(var(--s) * 16px)}.kp-tabs{display:none;gap:calc(var(--s) * 6px);margin:calc(var(--s) * 8px) 0}.kp-tabs button{flex:1;border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);background:#3a2c1e;color:var(--ink);font-family:inherit;font-weight:900;font-size:calc(var(--s) * 15px);padding:calc(var(--s) * 8px) calc(var(--s) * 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(var(--s) * 6px)}.kp-tabs button.on{background:linear-gradient(180deg,#ffe07a,#e0a22a);color:#3a2208;border-color:#6e4a10}.kp-cols{flex:1;min-height:0;display:flex;gap:calc(var(--s) * 12px);margin-top:calc(var(--s) * 8px)}.kp-col{flex:1;min-width:0;display:flex;flex-direction:column;background:#00000040;border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);overflow:hidden}.kp-col .ch{display:flex;align-items:center;gap:calc(var(--s) * 8px);padding:calc(var(--s) * 7px) calc(var(--s) * 10px);background:linear-gradient(90deg,var(--b1),transparent);font-weight:900;font-size:calc(var(--s) * 17px);letter-spacing:.06em}.kp-col .ch small{display:block;font-size:calc(var(--s) * 12px);font-weight:700;opacity:.8;letter-spacing:0}.kp-col .ch .sp{margin-left:auto;font-size:calc(var(--s) * 14px);color:var(--gold)}.kp-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:calc(var(--s) * 6px);display:flex;flex-direction:column;gap:calc(var(--s) * 6px);scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.kp-node{position:relative;flex:none;display:flex;gap:calc(var(--s) * 10px);align-items:center;min-height:calc(var(--s) * 78px);padding:calc(var(--s) * 7px) calc(var(--s) * 10px) calc(var(--s) * 7px) calc(var(--s) * 7px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid #5a4630;background:#2e231a;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);width:100%;box-sizing:border-box;touch-action:pan-y}.kp-node:hover{border-color:#b88a4a}.kp-node.sel{border-color:var(--gold);background:#4a3a1e;box-shadow:0 0 calc(var(--s) * 14px) #ffd25080}.kp-node.lock{opacity:.5;cursor:default;filter:grayscale(.6)}.kp-node.max{border-color:#6a8a4a}.kp-node .nm{font-weight:900;font-size:calc(var(--s) * 17px);line-height:1.1}.kp-node .ds{font-size:calc(var(--s) * 13px);opacity:.85;line-height:1.2;margin-top:calc(var(--s) * 2px)}.kp-node .pips{display:flex;gap:calc(var(--s) * 4px);margin-top:calc(var(--s) * 5px)}.kp-node .pips i{width:calc(var(--s) * 11px);height:calc(var(--s) * 11px);border-radius:50%;background:#00000080;border:calc(var(--s) * 1.5px) solid #7a5a32}.kp-node .pips i.f{background:var(--gold);border-color:#fff0a0}.kp-node .pips i.n{border-color:var(--gold);box-shadow:0 0 6px var(--gold)}.kp-node .adv{position:absolute;right:calc(var(--s) * 8px);top:calc(var(--s) * 6px);background:var(--green);color:#14300f;border-radius:99px;font-size:calc(var(--s) * 11px);font-weight:900;padding:1px calc(var(--s) * 8px)}.kp-node .lk{font-size:calc(var(--s) * 12px);color:#ffb090;font-weight:700;margin-top:calc(var(--s) * 3px)}.kp-foot{display:flex;gap:calc(var(--s) * 10px);margin-top:calc(var(--s) * 10px)}.kp-foot>*{flex:1 1 0}.kp-foot .kp-alt{flex:0 0 28%}.kp-port .kp-tree{width:100%;height:100%;padding:calc(var(--s) * 10px)}.kp-port .kp-tabs{display:flex}.kp-port .kp-col{display:none}.kp-port .kp-col.show{display:flex}.kp-port .kp-cols{margin-top:0}.kp-port .kp-col .ch{display:none}.kp-port .kp-node{min-height:calc(var(--s) * 84px)}.kp-port .kp-sheet h2{font-size:calc(var(--s) * 22px)}.kp-map{width:min(100%,calc(var(--s) * 760px))}.kp-chaps{display:flex;flex-direction:column;gap:calc(var(--s) * 8px);overflow-y:auto;padding:calc(var(--s) * 2px)}.kp-ch{display:flex;align-items:center;gap:calc(var(--s) * 12px);padding:calc(var(--s) * 10px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid #5a4630;background:#2e231a;font-weight:800}.kp-ch.cur{border-color:var(--gold);background:#4a3a1e}.kp-ch.lock{opacity:.5}.kp-ch .no{width:calc(var(--s) * 44px);height:calc(var(--s) * 44px);border-radius:50%;background:linear-gradient(160deg,#ffd878,#a8701c);color:#3a2208;font-weight:900;font-size:calc(var(--s) * 22px);display:flex;align-items:center;justify-content:center;flex:none}.kp-ch .tx{flex:1;min-width:0}.kp-ch .tx small{display:block;font-weight:600;opacity:.8;font-size:calc(var(--s) * 13px)}.kp-ch.siege .no{background:linear-gradient(160deg,#d0a0ff,#5a2a8a);color:#fff}.kp-bar{height:calc(var(--s) * 8px);background:#00000073;border-radius:99px;overflow:hidden}.kp-bar i{display:block;height:100%;background:linear-gradient(90deg,#7ac070,#c8e070)}.kp-ad-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:calc(var(--s) * 34px);font-weight:900;letter-spacing:.1em;pointer-events:auto}.kp-lang{display:flex;gap:calc(var(--s) * 6px)}@media(prefers-reduced-motion:reduce){.kp-btn[data-id=ult].ready .rim,.kp-buy.go,.kp-btn .tag{animation:none}}.kp-cardwrap{gap:calc(var(--s) * 10px)}.kp-card.multi{width:auto;flex:1 1 0;min-width:0}.kp-card.multi .kp-card-art{width:calc(var(--s) * 64px);height:calc(var(--s) * 64px)}.kp-card.multi .kp-card-title{font-size:calc(var(--s) * 17px)}.kp-port .kp-cardwrap{flex-direction:column;align-items:stretch}.kp-repair{position:absolute;left:50%;top:calc(var(--s) * 62px);transform:translate(-50%);width:min(94%,calc(var(--s) * 520px));background:var(--panel);border:calc(var(--s) * 2px) solid #a8402a;border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 8px) calc(var(--s) * 10px);box-shadow:0 6px 18px #0000008c;z-index:20}.kp-repair .tt{text-align:center;font-weight:800;font-size:calc(var(--s) * 15px);color:#ffb090}.kp-repair .kp-adrow{margin-top:calc(var(--s) * 6px)}.kp-port .kp-repair{top:calc(var(--s) * 136px)}.kp-port .kp-banner .st{font-size:calc(var(--s) * 36px);white-space:normal;line-height:1.05}.kp-port .kp-banner .st.big{font-size:calc(var(--s) * 38px)}.kp-port .kp-banner{top:22%;padding:0 calc(var(--s) * 8px);box-sizing:border-box}.kp-port .kp-toast{top:calc(var(--s) * 190px);font-size:calc(var(--s) * 15px)}.kp-port .kp-btn{bottom:calc(var(--s) * 26px)}.kp-port .kp-cardwrap{bottom:calc(var(--s) * 142px)}.kp-port .kp-btn[data-id=attack] .tag{left:auto;right:0;transform:translateY(-100%);animation:none}.kp-port .kp-btn[data-id=shield] .tag{left:0;transform:translateY(-100%);animation:none}.kp-port .kp-btn[data-id=ult] .tag{animation:none}.kp-port .kp-plate{max-width:92%;font-size:calc(var(--s) * 14px)}.kp-tree .head{padding-right:calc(var(--s) * 44px);flex-wrap:wrap;row-gap:calc(var(--s) * 2px)}.kp-port .kp-tree .head h2{font-size:calc(var(--s) * 20px)}.kp-port .kp-tree .head .pk{font-size:calc(var(--s) * 13px)}.kp-port .kp-tabs button{font-size:calc(var(--s) * 13px);padding:calc(var(--s) * 8px) calc(var(--s) * 2px);gap:calc(var(--s) * 3px)}.kp-port .kp-tabs button .kp-ic{display:none}.kp-port .kp-tabs button .sp{opacity:.8}.kp-chipb{position:absolute;left:calc(var(--s) * 14px);bottom:calc(var(--s) * 156px);min-width:calc(var(--s) * 210px);max-width:calc(var(--s) * 330px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 7px) calc(var(--s) * 10px);box-shadow:0 4px 12px #00000080}.kp-chipb .tt{font-weight:800;font-size:calc(var(--s) * 14px);display:flex;justify-content:space-between;gap:calc(var(--s) * 8px)}.kp-chipb .kp-bar{margin-top:calc(var(--s) * 5px)}.kp-chipb .kp-adrow{margin-top:calc(var(--s) * 7px)}.kp-chipb .kp-adrow .b{min-height:calc(var(--s) * 38px);font-size:calc(var(--s) * 13px)}.kp-port .kp-chipb{left:calc(var(--s) * 10px);bottom:auto;top:calc(var(--s) * 150px)}.kp-win{position:absolute;left:50%;top:calc(var(--s) * 74px);transform:translate(-50%);width:min(94%,calc(var(--s) * 470px));background:var(--panel);border:calc(var(--s) * 3px) solid var(--gold);border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 12px);box-shadow:0 8px 24px #0009;z-index:30;animation:kpUp .3s ease-out}.kp-win h3{margin:0;text-align:center;color:var(--gold);font-size:calc(var(--s) * 22px);font-weight:900}.kp-win .sub{text-align:center;font-size:calc(var(--s) * 15px);opacity:.9;margin:calc(var(--s) * 4px) 0}.kp-port .kp-win{top:calc(var(--s) * 150px)}.kp-plate,.kp-toast{width:max-content;max-width:92%;box-sizing:border-box}.kp-port .kp-fl.ult{font-size:calc(var(--s) * 30px)}.kp-card.floor .kp-card-art{width:calc(var(--s) * 52px);height:calc(var(--s) * 52px)}.kp-card.floor .kp-card-title{font-size:calc(var(--s) * 18px)}.kp-card.floor .kp-card-line{display:none}.kp-port .kp-card.floor{padding:calc(var(--s) * 8px)}.kp-port .kp-card.floor .kp-card-art{display:none}.kp-port .kp-card.floor .kp-opts{margin-top:calc(var(--s) * 4px)}.kp-port .kp-card.floor .kp-opt{padding:calc(var(--s) * 6px)}.kp-port .kp-card.floor .kp-opt .kp-ic{width:calc(var(--s) * 38px)!important;height:calc(var(--s) * 38px)!important}.kp-port .kp-adrow .b{min-height:calc(var(--s) * 42px);font-size:calc(var(--s) * 14px)}.kp-chip .kp-coin .kp-ic-art{transform:scale(var(--s));transform-origin:center;width:34px!important;height:34px!important}.kp-btn.art .rim{display:none}.kp-btn.art .face,.kp-btn.art.ready .face{background:none;box-shadow:none;inset:calc(var(--s) * 1px)}.kp-btn.art .glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1;filter:drop-shadow(0 calc(var(--s) * 4px) calc(var(--s) * 6px) rgba(0,0,0,.55));transition:filter .15s}.kp-btn.art .glyph .kp-ic-art{display:block}.kp-btn.art.ready .glyph{filter:drop-shadow(0 0 calc(var(--s) * 12px) var(--rc)) drop-shadow(0 calc(var(--s) * 4px) calc(var(--s) * 6px) rgba(0,0,0,.5))}.kp-btn.art.on .glyph{filter:drop-shadow(0 0 calc(var(--s) * 22px) #fff) drop-shadow(0 0 calc(var(--s) * 10px) var(--rc))}.kp-btn[data-id=ult].art.ready .glyph{animation:kpUltG .9s infinite}@keyframes kpUltG{50%{filter:drop-shadow(0 0 calc(var(--s) * 26px) rgba(255,220,100,.95)) drop-shadow(0 0 calc(var(--s) * 8px) #fff4c0)}}.kp-btn.art .ring{inset:calc(var(--s) * -3px);width:calc(100% + var(--s) * 6px);height:calc(100% + var(--s) * 6px)}.kp-card.floor .kp-card-art{width:auto;min-width:calc(var(--s) * 52px);background:none;border:0;overflow:visible}.kp-card.floor .kp-card-art{height:auto}.kp-port .kp-opt{flex-direction:column;align-items:center;text-align:center;gap:calc(var(--s) * 2px)}.kp-port .kp-opt .t{font-size:calc(var(--s) * 15px)}.kp-port .kp-card.multi{padding:calc(var(--s) * 6px) calc(var(--s) * 8px)}.kp-port .kp-card.multi .kp-card-line{display:none}.kp-port .kp-card.multi .kp-card-art{width:calc(var(--s) * 46px);height:calc(var(--s) * 46px)}.kp-port .kp-card.multi .kp-card-title{font-size:calc(var(--s) * 16px)}.kp-port .kp-card.multi .kp-buy{min-width:calc(var(--s) * 96px);padding-top:calc(var(--s) * 4px);padding-bottom:calc(var(--s) * 4px)}.kp-port .kp-card.multi.floor .kp-opts{margin-top:calc(var(--s) * 3px)}.kp-port .kp-tree>.kp-iconbtn{width:calc(var(--s) * 38px);height:calc(var(--s) * 38px);top:calc(var(--s) * 6px)!important;right:calc(var(--s) * 8px)!important}.kp-port .kp-tabs{margin-top:calc(var(--s) * 12px)}.kp-port .kp-roster{left:auto;right:calc(var(--s) * 14px);justify-content:flex-end;max-width:calc(100% - var(--s) * 28px);gap:calc(var(--s) * 3px)}.kp-port .kp-rm{width:calc(var(--s) * 24px);height:calc(var(--s) * 24px);border-width:calc(var(--s) * 1.5px)}.kp-port .kp-btn .lab{white-space:normal;width:calc(var(--s) * 68px);text-align:center;line-height:1.02;font-size:calc(var(--s) * 11.5px)}.kp-iconbtn{width:max(44px,calc(var(--s) * 44px));height:max(44px,calc(var(--s) * 44px))}.kp-roster{left:auto;right:calc(var(--s) * 14px);top:max(58px,calc(var(--s) * 62px));justify-content:flex-end;max-width:52%;gap:calc(var(--s) * 4px);flex-wrap:nowrap}.kp-rm{width:max(32px,calc(var(--s) * 32px));height:max(32px,calc(var(--s) * 32px))}.kp-rm.more{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--s) * 13px);color:var(--gold);background:var(--panel)}.kp-port .kp-roster{right:calc(var(--s) * 10px);left:auto;top:calc(var(--s) * 96px);max-width:calc(100% - var(--s) * 20px)}.kp-tie{position:absolute;height:calc(var(--s) * 8px);border:calc(var(--s) * 2px) solid rgba(255,244,220,.75);border-bottom:0;border-radius:calc(var(--s) * 6px) calc(var(--s) * 6px) 0 0;box-sizing:border-box;background:#00000059;pointer-events:none}.kp-tie i{position:absolute;left:0;bottom:0;height:calc(var(--s) * 4px);background:linear-gradient(90deg,#8ac8ff,#ff9a50);border-radius:99px}.kp-tie .or{position:absolute;left:50%;top:calc(var(--s) * -11px);transform:translate(-50%);font-size:calc(var(--s) * 11px);font-weight:900;letter-spacing:.06em;padding:0 calc(var(--s) * 5px);background:var(--panel);border-radius:99px;border:calc(var(--s) * 1.5px) solid var(--edge);color:var(--ink)}.kp-tie.ready i{background:#ffe070;box-shadow:0 0 calc(var(--s) * 8px) #ffd23a}.kp-land .kp-tie{left:calc(var(--s) * 71px);width:calc(var(--s) * 106px);bottom:calc(var(--s) * 126px)}.kp-port .kp-tie{left:calc(var(--s) * 46px);width:calc(var(--s) * 76px);bottom:calc(var(--s) * 90px)}.kp-toast{top:calc(var(--s) * 118px)}.kp-bark{z-index:3;max-width:calc(var(--s) * 260px);white-space:normal;text-align:center}.kp-fl.ult{color:#ffe070;-webkit-text-stroke:calc(var(--s) * 2px) #2a1604;paint-order:stroke fill;text-shadow:0 calc(var(--s) * 3px) 0 #6e4a10,0 0 calc(var(--s) * 22px) rgba(255,190,60,.9);background:linear-gradient(90deg,transparent,rgba(20,10,4,.72) 18%,rgba(20,10,4,.72) 82%,transparent);padding:calc(var(--s) * 6px) calc(var(--s) * 40px)}.kp-node.can{border-color:#ffe27a;background:linear-gradient(180deg,#4e3d22,#3a2d1a);box-shadow:0 0 calc(var(--s) * 10px) #ffd65a8c,inset 0 0 calc(var(--s) * 8px) #ffd65a2e;animation:kpcan 1.5s ease-in-out infinite}.kp-node.can .nm{color:#fff4c8}.kp-node.dry{opacity:.62}.kp-node .pr{position:absolute;right:calc(var(--s) * 8px);bottom:calc(var(--s) * 6px);font-size:calc(var(--s) * 12px);font-weight:900;color:#7cf06a;text-shadow:0 1px 0 #0a2a06}.kp-node .pr.no{color:#b8a890;text-shadow:none}@keyframes kpcan{0%,to{box-shadow:0 0 calc(var(--s) * 6px) #ffd65a59,inset 0 0 calc(var(--s) * 8px) #ffd65a1f}50%{box-shadow:0 0 calc(var(--s) * 16px) #ffe06ed9,inset 0 0 calc(var(--s) * 10px) #ffd65a47}}.kp-opt.go{border-color:#7ad04a;box-shadow:0 0 calc(var(--s) * 8px) #7ad04a80;animation:kpcan 1.5s ease-in-out infinite}.kp-opt.no{opacity:.5;filter:grayscale(.4)}@media(prefers-reduced-motion:reduce){.kp-node.can,.kp-opt.go{animation:none}}.kp-bossbar{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--s) * 56px);width:min(calc(var(--s) * 520px),54%);text-align:center;pointer-events:none;z-index:3}.kp-bossbar .nm{line-height:1.15;margin-bottom:calc(var(--s) * 4px);font-weight:900;font-size:calc(var(--s) * 17px);letter-spacing:.04em;color:#ffe9b8;text-shadow:0 2px 0 #000,0 0 calc(var(--s) * 8px) rgba(0,0,0,.8)}.kp-bossbar .bar{position:relative;height:calc(var(--s) * 15px);border:calc(var(--s) * 2.5px) solid #3a2a1a;border-radius:99px;background:#1a1008;overflow:hidden;box-shadow:0 2px #00000080}.kp-bossbar .bar i{display:block;height:100%;background:linear-gradient(180deg,#e8604a,#a82a1e);transition:width .15s linear}.kp-bossbar .bar b{position:absolute;top:0;bottom:0;width:2px;background:#ffffff8c}.kp-bossbar .bar b.p1{left:66%}.kp-bossbar .bar b.p2{left:33%}.kp-bossbar.tl-red .bar{border-color:#ff3a2a;box-shadow:0 0 calc(var(--s) * 10px) #ff3a2acc}.kp-bossbar.tl-gold .bar{border-color:#ffd23a;box-shadow:0 0 calc(var(--s) * 10px) #ffd23acc}.kp-bossbar.tl-purple .bar{border-color:#b060ff;box-shadow:0 0 calc(var(--s) * 10px) #b060ffcc}.kp-bossbar.tl-green .bar{border-color:#5ae05a;box-shadow:0 0 calc(var(--s) * 10px) #5ae05acc}.kp-bossbar.stag .bar i{background:linear-gradient(180deg,#ffe27a,#e0a22a)}.kp-bossbar.ph2 .nm:after,.kp-bossbar.ph3 .nm:after{content:" ·";color:#ff9a80}.kp-port .kp-bossbar{top:calc(var(--s) * 134px);width:calc(100% - var(--s) * 24px)}.kp-arm{width:min(100%,calc(var(--s) * 720px));height:min(100%,calc(var(--s) * 660px));padding:calc(var(--s) * 12px) calc(var(--s) * 14px)}.kp-arm .head{display:flex;align-items:center;justify-content:center;gap:calc(var(--s) * 16px);flex-wrap:wrap}.kp-arm .head h2{margin:0}.kp-arm .head .gold{background:#00000059;border:calc(var(--s) * 2px) solid var(--edge);border-radius:99px;padding:calc(var(--s) * 2px) calc(var(--s) * 14px);font-weight:900;font-size:calc(var(--s) * 20px);color:var(--gold)}.kp-arm .sub{margin:calc(var(--s) * 6px) 0 calc(var(--s) * 8px)}.kp-arm .bt{text-align:center;font-size:calc(var(--s) * 13px);opacity:.85;min-height:calc(var(--s) * 16px);margin-top:calc(var(--s) * 4px)}.kp-armlist{border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);background:#00000040}.kp-armrow{min-height:calc(var(--s) * 84px)}.kp-armrow .kp-armbuy{min-width:calc(var(--s) * 112px);padding:calc(var(--s) * 6px) calc(var(--s) * 8px);font-size:calc(var(--s) * 15px)}.kp-armrow .kp-armbuy .bl{display:block;line-height:1.1}.kp-port .kp-arm{width:100%;height:100%;padding:calc(var(--s) * 10px)}.kp-port .kp-arm .head h2{font-size:calc(var(--s) * 20px)}.kp-port .kp-armrow{min-height:calc(var(--s) * 88px);padding-right:calc(var(--s) * 8px)}.kp-port .kp-armrow .kp-armbuy{min-width:calc(var(--s) * 92px);font-size:calc(var(--s) * 14px)}.kp-armrow.max{opacity:.85}.kp-armrow .rk{margin-top:calc(var(--s) * 4px);font-weight:900;font-size:calc(var(--s) * 14px);color:var(--gold);letter-spacing:.02em}.kp-armrow.max .rk{color:#9fd47a}.kp-btn.hint{animation:kpcan .9s ease-in-out infinite}.kp-btn.hint .tag{background:#ff8a30;color:#2a1204}@media(prefers-reduced-motion:reduce){.kp-btn.hint{animation:none;outline:3px solid #ff8a30}}.kp-port .kp-cardwrap{top:calc(var(--s) * 132px);bottom:auto}.kp-port .kp-hud.kp-bosson .kp-cardwrap{top:calc(var(--s) * 186px)}.kp-port .kp-hud.kp-bosson .kp-card .kp-card-line{display:none}.kp-port .kp-hud.kp-bosson .kp-card .kp-card-art{width:calc(var(--s) * 52px);height:calc(var(--s) * 52px)}.kp-port .kp-hud.kp-bosson .kp-plate{top:calc(var(--s) * 300px)}.kp-btn.glow1{animation:kpGlow .34s ease-in-out infinite alternate}.kp-btn.glow2{animation:kpGlow2 .22s ease-in-out infinite alternate}@keyframes kpGlow{0%{filter:brightness(1);box-shadow:0 0 calc(var(--s) * 4px) #ffdc6e40}to{filter:brightness(1.35);box-shadow:0 0 calc(var(--s) * 22px) #ffdc6ef2}}@keyframes kpGlow2{0%{filter:brightness(1.1);box-shadow:0 0 calc(var(--s) * 10px) #fff0a099}to{filter:brightness(1.6);box-shadow:0 0 calc(var(--s) * 34px) #fff5b4}}.kp-arrow{position:absolute;left:50%;top:calc(var(--s) * -14px);width:calc(var(--s) * 34px);height:calc(var(--s) * 40px);transform:translate(-50%,-100%);pointer-events:none;z-index:7;animation:kpArrow .5s ease-in-out infinite alternate;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M11 2h12v18h9L17 38 2 20h9z' fill='%23ffd23a' stroke='%232a1204' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}@keyframes kpArrow{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%,calc(-100% - var(--s) * 12px))}}.kp-auto{position:absolute;left:50%;top:calc(var(--s) * -30px);transform:translate(-50%);background:linear-gradient(180deg,#ffe07a,#e0a22a);color:#3a2208;border:calc(var(--s) * 2.5px) solid #fff4dc;border-radius:calc(var(--s) * 10px);padding:calc(var(--s) * 2px) calc(var(--s) * 9px);font-size:calc(var(--s) * 16px);font-weight:900;letter-spacing:.06em;pointer-events:none;z-index:8;box-shadow:0 0 calc(var(--s) * 12px) #ffd23ae6,0 2px 5px #00000080;animation:kpAuto 2.2s ease-out forwards}@keyframes kpAuto{0%{transform:translate(-50%) scale(1.8);opacity:0}10%{transform:translate(-50%) scale(1);opacity:1}85%{opacity:1;transform:translate(-50%) translateY(calc(var(--s) * -4px))}to{opacity:0;transform:translate(-50%) translateY(calc(var(--s) * -8px))}}.kp-earrow{position:absolute;width:calc(var(--s) * 36px);height:calc(var(--s) * 42px);margin-left:calc(var(--s) * -18px);pointer-events:none;z-index:5;animation:kpArrowE .45s ease-in-out infinite alternate;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M11 2h12v18h9L17 38 2 20h9z' fill='%23ffffff' stroke='%232a1204' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}@keyframes kpArrowE{0%{transform:translateY(-100%)}to{transform:translateY(calc(-100% - var(--s) * 12px))}}@media(prefers-reduced-motion:reduce){.kp-btn.glow1,.kp-btn.glow2{animation:none;outline:3px solid #ffd23a}.kp-arrow,.kp-earrow{animation:none}}.kp-plate.kp-plate-at{top:0;transform:translate(-50%,-100%);max-width:min(78%,calc(var(--s) * 420px));width:max-content;font-size:calc(var(--s) * 15px);padding:calc(var(--s) * 6px) calc(var(--s) * 12px);background:#fff4dc;color:#2a2118;border:calc(var(--s) * 2px) solid var(--gold);box-shadow:0 3px 10px #00000080;z-index:3;animation:kpFadeUp 3.6s forwards}.kp-plate.kp-plate-at:after{content:"";position:absolute;left:50%;bottom:calc(var(--s) * -8px);transform:translate(-50%);border:calc(var(--s) * 8px) solid transparent;border-top-color:var(--gold);border-bottom:0}.kp-plate.kp-plate-at.notail:after{display:none}.kp-port .kp-plate.kp-plate-at,.kp-port .kp-hud.kp-bosson .kp-plate.kp-plate-at{top:0;font-size:calc(var(--s) * 13px)}.kp-port .kp-chipb{top:auto;bottom:calc(var(--s) * 136px)}@keyframes kpFadeUp{0%{opacity:0;transform:translate(-50%,calc(-100% - var(--s) * 8px))}8%{opacity:1;transform:translate(-50%,-100%)}85%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,-100%)}}.kp-castlebar{position:absolute;left:calc(var(--s) * 14px);top:calc(var(--s) * 56px);width:min(calc(var(--s) * 330px),40%);pointer-events:auto;z-index:3}.kp-castlebar .nm{display:flex;justify-content:space-between;align-items:baseline;line-height:1.15;margin-bottom:calc(var(--s) * 4px);font-weight:900;font-size:calc(var(--s) * 17px);letter-spacing:.04em;color:#e9f2d0;text-shadow:0 2px 0 #000,0 0 calc(var(--s) * 8px) rgba(0,0,0,.8)}.kp-castlebar .nm .v{font-size:calc(var(--s) * 15px);color:#fff4dc}.kp-castlebar .bar{position:relative;height:calc(var(--s) * 15px);border:calc(var(--s) * 2.5px) solid #3a2a1a;border-radius:99px;background:#1a1008;overflow:hidden;box-shadow:0 2px #00000080}.kp-castlebar .bar i{display:block;height:100%;transition:width .15s linear;position:relative;z-index:1}.kp-castlebar .bar em{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.kp-castlebar .bar em.heal{background:#a0ffa08c;animation:kpcbheal .5s ease-out forwards}.kp-castlebar .bar b{position:absolute;z-index:3;top:0;bottom:0;width:2px;background:#ffffff8c}.kp-castlebar .bar b.p1{left:66%}.kp-castlebar .bar b.p2{left:33%}.kp-castlebar.hit .bar{border-color:#ff5a3a;box-shadow:0 0 calc(var(--s) * 10px) #ff5a3ae6}.kp-castlebar.low .bar{border-color:#c0402a;animation:kpcblow 1s ease-in-out infinite}.kp-castlebar.broke .bar{border-color:#ff3a2a}@keyframes kpcbheal{0%{opacity:1}to{opacity:0}}@keyframes kpcblow{50%{box-shadow:0 0 calc(var(--s) * 10px) #ff3a2acc}}@media(prefers-reduced-motion:reduce){.kp-castlebar.low .bar{animation:none}}.kp-bossbar{left:auto;right:calc(var(--s) * 14px);transform:none}.kp-bossbar{width:min(calc(var(--s) * 420px),48%)}.kp-port .kp-castlebar{top:calc(var(--s) * 134px);width:calc(50% - var(--s) * 18px);left:calc(var(--s) * 12px)}.kp-port .kp-castlebar .nm{font-size:calc(var(--s) * 13px)}.kp-port .kp-bossbar{top:calc(var(--s) * 134px);width:calc(50% - var(--s) * 18px);right:calc(var(--s) * 12px);left:auto}.kp-port .kp-bossbar .nm{font-size:calc(var(--s) * 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-soundbtn{flex:none!important;width:max(44px,calc(var(--s) * 44px))!important;height:max(44px,calc(var(--s) * 44px))!important}.kp-soundbtn svg{width:26px;height:26px;flex:none}.kp-soundbtn.off{opacity:.8}.kp-port .kp-pill{box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:calc(var(--s) * 14px)}.kp-port .kp-pill .sep{margin:0 calc(var(--s) * 4px)}.kp-port .kp-castlebar,.kp-port .kp-bossbar{top:var(--kp-y0, calc(var(--s) * 158px))}.kp-port .kp-cardwrap,.kp-port .kp-hud.kp-bosson .kp-cardwrap{top:var(--kp-y1, calc(var(--s) * 204px))}@media(max-height:500px){.kp-land .kp-bossbar{top:56px}}.kp-tframe{display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.kp-tframe.pic{width:calc(var(--s) * 64px);height:calc(var(--s) * 64px);border-radius:calc(var(--s) * 10px);background:radial-gradient(circle at 50% 40%,#6a5a3a,#2e2416);box-shadow:inset 0 0 0 calc(var(--s) * 2px) var(--edge)}.kp-tframe>div{transform-origin:center}.kp-tripbtn .ico{width:70%;height:70%}.kp-tripbtn.dim{opacity:.55}.kp-tripbtn .kp-triptime{position:absolute;left:50%;bottom:calc(var(--s) * -16px);transform:translate(-50%);background:var(--panel);border:1px solid var(--edge);border-radius:999px;font-size:calc(var(--s) * 11px);font-weight:800;padding:0 calc(var(--s) * 5px);color:var(--gold);white-space:nowrap}.kp-tripbtn .kp-triptime:empty{display:none}.kp-raid .kp-pill,.kp-raid .kp-tripbtn,.kp-raid .kp-right .kp-iconbtn[aria-label=tasks],.kp-raid .kp-cardwrap,.kp-raid .kp-castlebar{display:none!important}.kp-tsheet{width:min(100%,calc(var(--s) * 980px));max-height:100%}.kp-tsheet h2{margin-bottom:calc(var(--s) * 6px)}.kp-ttabs{display:flex;gap:calc(var(--s) * 8px);justify-content:center;margin-bottom:calc(var(--s) * 8px)}.kp-ttabs .tab{padding:calc(var(--s) * 5px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid var(--edge);font-weight:800;font-size:calc(var(--s) * 15px);display:flex;flex-direction:column;align-items:center}.kp-ttabs .tab.on{background:var(--panel2);color:var(--gold)}.kp-ttabs .tab.off{opacity:.55}.kp-ttabs .tab small{font-size:calc(var(--s) * 10px);font-weight:700;opacity:.85}.kp-tbody{overflow-y:auto;min-height:0;flex:1 1 auto}.kp-troutes{display:flex;gap:calc(var(--s) * 10px)}.kp-troute{flex:1 1 0;min-width:0;background:var(--panel2);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 10px);display:flex;flex-direction:column;gap:calc(var(--s) * 6px)}.kp-troute.lair{border-color:var(--red)}.kp-troute .top{display:flex;gap:calc(var(--s) * 8px);align-items:center}.kp-troute .tier{font-size:calc(var(--s) * 12px);font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.kp-troute .nm{font-size:calc(var(--s) * 18px);font-weight:900;line-height:1.1}.kp-troute .risk{font-size:calc(var(--s) * 12px);opacity:.9;display:flex;align-items:center;gap:calc(var(--s) * 3px)}.kp-troute .risk i{display:inline-block;width:calc(var(--s) * 9px);height:calc(var(--s) * 9px);border-radius:50%;background:#fff4dc33}.kp-troute .risk i.on{background:var(--red)}.kp-titems{display:flex;flex-wrap:wrap;gap:calc(var(--s) * 4px);font-size:calc(var(--s) * 12px);font-weight:700}.kp-titems .g{color:var(--gold);font-weight:900;width:100%}.kp-titems .it{display:inline-flex;align-items:center;gap:calc(var(--s) * 3px);background:#00000040;border-radius:calc(var(--s) * 8px);padding:calc(var(--s) * 1px) calc(var(--s) * 6px) calc(var(--s) * 1px) calc(var(--s) * 2px)}.kp-titems .kp-tframe{width:calc(var(--s) * 22px);height:calc(var(--s) * 22px)}.kp-ttags{display:flex;flex-wrap:wrap;gap:calc(var(--s) * 4px);font-size:calc(var(--s) * 11px);opacity:.9}.kp-ttags .day{color:var(--gold);font-weight:900}.kp-troute .swap{font-size:calc(var(--s) * 11px);opacity:.7}.kp-tparty{display:flex;gap:calc(var(--s) * 5px)}.kp-thero{width:calc(var(--s) * 46px);height:calc(var(--s) * 46px);border-radius:calc(var(--s) * 10px);overflow:hidden;border:calc(var(--s) * 2px) solid var(--edge);flex:none;cursor:pointer}.kp-tparty.sm .kp-thero,.kp-tactive .kp-thero{width:calc(var(--s) * 30px);height:calc(var(--s) * 30px);border-radius:calc(var(--s) * 7px);cursor:default}.kp-tgo{margin-top:auto;min-height:calc(var(--s) * 44px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid var(--edge);font-weight:900;font-size:calc(var(--s) * 17px);cursor:pointer;color:#2a1a08;background:linear-gradient(180deg,#f6d36a,#c8912a)}.kp-tgo.no{background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);opacity:.7;cursor:default}.kp-tlabel{margin-top:calc(var(--s) * 10px);font-weight:800;font-size:calc(var(--s) * 14px);color:var(--gold)}.kp-tactive .row{display:flex;align-items:center;gap:calc(var(--s) * 6px);padding:calc(var(--s) * 4px) 0;font-weight:700;font-size:calc(var(--s) * 15px)}.kp-tactive .row .v{margin-left:auto;color:var(--gold);font-weight:900}.kp-tcount{margin-top:calc(var(--s) * 8px);text-align:center;font-size:calc(var(--s) * 13px);opacity:.85;font-weight:700}.kp-tnote{text-align:center;color:var(--gold);font-weight:800;font-size:calc(var(--s) * 13px)}.kp-tback{align-self:center;margin-top:calc(var(--s) * 10px);min-height:calc(var(--s) * 42px);min-width:calc(var(--s) * 180px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid var(--edge);background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);font-weight:900;font-size:calc(var(--s) * 16px);cursor:pointer}.kp-port .kp-troutes,.kp-port .kp-troute{flex-direction:column}.kp-port .kp-tsheet{padding:calc(var(--s) * 10px)}.kp-tripcard{position:absolute;left:calc(var(--s) * 14px);top:calc(var(--s) * 150px);width:calc(var(--s) * 300px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 10px);box-shadow:0 6px 16px #0009;animation:kpIn .2s ease-out;z-index:20}.kp-tripcard .hd{display:flex;gap:calc(var(--s) * 8px);align-items:center}.kp-tripcard .hd .kp-tframe.pic{width:calc(var(--s) * 52px);height:calc(var(--s) * 52px)}.kp-tripcard .k{font-size:calc(var(--s) * 12px);color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.kp-tripcard .q{font-size:calc(var(--s) * 15px);font-weight:800;line-height:1.2}.kp-tripcard .hint{font-size:calc(var(--s) * 11px);opacity:.8}.kp-tripcard .opts{display:flex;flex-direction:column;gap:calc(var(--s) * 6px);margin-top:calc(var(--s) * 8px)}.kp-tripcard .lines .row{display:flex;align-items:center;gap:calc(var(--s) * 6px);font-weight:700;font-size:calc(var(--s) * 14px);padding:calc(var(--s) * 2px) 0}.kp-tripcard .lines .row.g{color:var(--gold);font-size:calc(var(--s) * 18px);font-weight:900}.kp-tripcard .lines .kp-tframe{width:calc(var(--s) * 22px);height:calc(var(--s) * 22px)}.kp-tripcard .ft{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--s) * 6px);gap:calc(var(--s) * 6px)}.kp-tring{font-size:calc(var(--s) * 11px);font-weight:700;opacity:.8;text-align:right}.kp-tchoice{min-height:calc(var(--s) * 40px);border-radius:calc(var(--s) * 10px);border:calc(var(--s) * 2px) solid var(--edge);background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);font-weight:800;font-size:calc(var(--s) * 14px);padding:calc(var(--s) * 4px) calc(var(--s) * 8px);cursor:pointer;text-align:center;line-height:1.15;display:flex;align-items:center;justify-content:center;gap:calc(var(--s) * 6px)}.kp-tchoice.safe{border-color:var(--green)}.kp-tchoice.go{background:linear-gradient(180deg,#f6d36a,#c8912a);color:#2a1a08}.kp-tchoice.no{opacity:.6}.kp-tchoice small{font-weight:900}.kp-tad .b.go{background:linear-gradient(180deg,#f6d36a,#c8912a);color:#2a1a08}.kp-port .kp-tripcard{left:calc(var(--s) * 10px);right:calc(var(--s) * 10px);width:auto;top:auto;bottom:calc(var(--s) * 150px)}.kp-raidtop{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--s) * 10px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 18px);padding:calc(var(--s) * 5px) calc(var(--s) * 16px);font-weight:800;font-size:calc(var(--s) * 17px);text-align:center;box-shadow:0 3px 8px #00000073;white-space:nowrap}.kp-raidtop b{color:var(--gold)}.kp-raidtop .sep{opacity:.45;margin:0 calc(var(--s) * 6px)}.kp-raidtop .goal{font-size:calc(var(--s) * 13px);font-weight:700;opacity:.9;white-space:normal}.kp-port .kp-raidtop{top:calc(var(--s) * 64px);font-size:calc(var(--s) * 15px);max-width:calc(100% - var(--s) * 20px)}.kp-runcard{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--s) * 20px);width:calc(var(--s) * 420px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--gold2);border-radius:calc(var(--s) * 14px);padding:calc(var(--s) * 8px) calc(var(--s) * 10px);box-shadow:0 6px 16px #0009;animation:kpIn .2s ease-out}.kp-runcard .k{font-size:calc(var(--s) * 12px);color:var(--gold);font-weight:900;text-transform:uppercase;text-align:center;margin-bottom:calc(var(--s) * 6px)}.kp-runcard .opts{display:flex;gap:calc(var(--s) * 8px)}.kp-runcard .kp-tchoice{flex:1 1 0}.kp-port .kp-runcard{width:auto;left:calc(var(--s) * 10px);right:calc(var(--s) * 10px);transform:none;bottom:calc(var(--s) * 150px)}.kp-tres .near{color:#ff9a80}.kp-raid .kp-roster,.kp-raid .kp-chipb,.kp-raid .kp-chip[aria-label=gold]{display:none!important}.kp-tripbtn{position:relative}.kp-tripbtn .num{position:absolute;right:calc(var(--s) * -4px);top:calc(var(--s) * -4px);background:#c83a2a;color:#fff;border-radius:999px;min-width:calc(var(--s) * 18px);height:calc(var(--s) * 18px);font-size:calc(var(--s) * 12px);font-weight:900;display:flex;align-items:center;justify-content:center}.kp-mgsheet{width:min(100%,calc(var(--s) * 1040px));max-height:100%;overflow-y:auto}.kp-mgsheet h2{font-size:calc(var(--s) * 34px);margin-bottom:calc(var(--s) * 2px)}.kp-mgsheet .sub{text-align:center;opacity:.85;font-size:calc(var(--s) * 14px);margin-bottom:calc(var(--s) * 10px)}.kp-mglock{text-align:center;font-weight:800;font-size:calc(var(--s) * 18px);padding:calc(var(--s) * 30px)}.kp-mgopts{display:flex;gap:calc(var(--s) * 12px)}.kp-mgopt{flex:1 1 0;min-width:0;background:var(--panel2);border:calc(var(--s) * 3px) solid var(--edge);border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 10px);display:flex;flex-direction:column;gap:calc(var(--s) * 6px)}.kp-mgopt.lair{border-color:#c83a2a}.kp-mgpic{position:relative;height:calc(var(--s) * 120px);border-radius:calc(var(--s) * 12px);overflow:hidden;background:linear-gradient(180deg,#8fb6d0,#c7d9b0 48%,#6f8a46 50%,#4f6a30);box-shadow:inset 0 0 0 calc(var(--s) * 2px) #00000059}.kp-mgpic-ford{background:linear-gradient(180deg,#8fb6d0,#c7d9b0 46%,#5d7f3c 48%,#3e86a8 70%,#5d7f3c 74%)}.kp-mgpic-rescue{background:linear-gradient(180deg,#a08cb0,#d6c39a 48%,#6d7a40 50%,#4a5a2c)}.kp-mgpic .kp-tframe{position:absolute;bottom:calc(var(--s) * 6px);align-items:flex-end}.kp-mgpic .kp-tframe.foe{transform:scaleX(-1)}.kp-mgopt .nm{font-size:calc(var(--s) * 22px);font-weight:900;line-height:1.05;color:var(--gold)}.kp-mgopt .dest{font-size:calc(var(--s) * 13px);font-weight:700;opacity:.85}.kp-mgopt .what{font-size:calc(var(--s) * 15px);font-weight:700;line-height:1.2;min-height:calc(var(--s) * 36px)}.kp-mgrew{display:flex;flex-wrap:wrap;gap:calc(var(--s) * 5px);align-items:center;font-size:calc(var(--s) * 13px);font-weight:800}.kp-mgrew .g{display:inline-flex;align-items:center;gap:calc(var(--s) * 4px);color:var(--gold);font-size:calc(var(--s) * 18px)}.kp-mgrew .g .kp-tframe{width:calc(var(--s) * 22px);height:calc(var(--s) * 22px)}.kp-mgrew .it{display:inline-flex;align-items:center;gap:calc(var(--s) * 3px);background:#00000040;border-radius:calc(var(--s) * 8px);padding:calc(var(--s) * 1px) calc(var(--s) * 6px) calc(var(--s) * 1px) calc(var(--s) * 2px)}.kp-mgrew .it .kp-tframe{width:calc(var(--s) * 24px);height:calc(var(--s) * 24px)}.kp-mgopt .meta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--s) * 6px);font-size:calc(var(--s) * 12px)}.kp-mgdiff{display:flex;align-items:center;gap:calc(var(--s) * 4px);font-weight:700}.kp-mgdiff i{display:inline-block;width:calc(var(--s) * 11px);height:calc(var(--s) * 11px);border-radius:50%;background:#fff4dc33}.kp-mgdiff i.on{background:#e8573a}.kp-mgopt .tag{color:var(--gold);font-weight:900;text-align:right}.kp-mggo{margin-top:auto;min-height:calc(var(--s) * 56px);border-radius:calc(var(--s) * 14px);border:calc(var(--s) * 3px) solid #6a4410;font-weight:900;font-size:calc(var(--s) * 24px);cursor:pointer;color:#2a1a08;background:linear-gradient(180deg,#ffe08a,#e0a22a);box-shadow:0 calc(var(--s) * 4px) 0 #7a4c12}.kp-mggo:active{transform:translateY(calc(var(--s) * 3px));box-shadow:0 calc(var(--s) * 1px) 0 #7a4c12}.kp-mgstay{align-self:center;margin-top:calc(var(--s) * 12px);min-height:calc(var(--s) * 46px);min-width:calc(var(--s) * 240px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 2px) solid var(--edge);background:linear-gradient(180deg,#5a4630,#3a2c1e);color:var(--ink);font-weight:900;font-size:calc(var(--s) * 18px);cursor:pointer}.kp-port .kp-mgopts{flex-direction:column}.kp-port .kp-mgstay{position:sticky;bottom:0;z-index:2;box-shadow:0 calc(var(--s) * -6px) calc(var(--s) * 12px) #00000080}.kp-port .kp-mgpic{height:calc(var(--s) * 70px)}.kp-port .kp-mgpic{height:calc(var(--s) * 84px)}.kp-port .kp-mgopt .what{min-height:0}.kp-port .kp-mggo{min-height:calc(var(--s) * 46px);font-size:calc(var(--s) * 20px)}.kp-mgtop{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--s) * 10px);width:calc(var(--s) * 440px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 6px) calc(var(--s) * 14px);box-shadow:0 3px 8px #00000073;pointer-events:none;z-index:5}.kp-mgtop .r1{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--s) * 10px);font-weight:800;font-size:calc(var(--s) * 16px);white-space:nowrap}.kp-mgtop .r1 b{color:var(--gold)}.kp-mgtop .r2{display:flex;align-items:center;gap:calc(var(--s) * 8px);font-size:calc(var(--s) * 12px);font-weight:800;margin-top:calc(var(--s) * 3px);color:#9ad8ff}.kp-mgbar{height:calc(var(--s) * 10px);background:#00000073;border-radius:999px;overflow:hidden;margin-top:calc(var(--s) * 4px);flex:1}.kp-mgbar i{display:block;height:100%;width:0;background:linear-gradient(180deg,#ffe08a,#d9962a);transition:width .2s}.kp-mgbar.party{margin-top:0;height:calc(var(--s) * 8px)}.kp-mgbar.party i{background:linear-gradient(180deg,#8fd8ff,#3a8ad0)}.kp-mgbar.party.low i{background:linear-gradient(180deg,#ff9a80,#c83a2a)}.kp-port .kp-mgtop{top:calc(var(--s) * 64px);width:calc(100% - var(--s) * 20px)}.kp-port .kp-mgtop .r1{white-space:normal;flex-wrap:wrap;font-size:calc(var(--s) * 14px)}.kp-mgintro{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:8;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s) * 6px)}.kp-mgintro small{font-size:calc(var(--s) * 20px);font-weight:800;color:#fff4dc;-webkit-text-stroke:calc(var(--s) * 1px) #2a1604;paint-order:stroke fill}.kp-mgintro b{font-size:calc(var(--s) * 44px);font-weight:900;color:#fff4c8;-webkit-text-stroke:calc(var(--s) * 2px) #2a1604;paint-order:stroke fill;text-shadow:0 calc(var(--s) * 4px) 0 #6e4a10,0 0 calc(var(--s) * 20px) rgba(255,190,60,.8);white-space:nowrap}.kp-mgintro span{font-size:calc(var(--s) * 16px);font-weight:800;color:#cfe8ff;background:#140e08a6;border-radius:999px;padding:calc(var(--s) * 3px) calc(var(--s) * 12px)}.kp-port .kp-mgintro b{font-size:calc(var(--s) * 28px);white-space:normal}.kp-mgforks .q{position:absolute;transform:translate(-50%,-100%);font-weight:900;font-size:calc(var(--s) * 20px);color:#fff4c8;-webkit-text-stroke:calc(var(--s) * 1.4px) #2a1604;paint-order:stroke fill;white-space:nowrap;pointer-events:none;z-index:7}.kp-mgfork{position:absolute;transform:translate(-50%,-100%);z-index:7;display:flex;flex-direction:column;align-items:center;gap:calc(var(--s) * 2px);min-width:calc(var(--s) * 150px);padding:calc(var(--s) * 8px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 12px);border:calc(var(--s) * 3px) solid #6a4410;background:linear-gradient(180deg,#f2d9a0,#c99a52);color:#2a1a08;cursor:pointer;box-shadow:0 calc(var(--s) * 4px) 0 #5a3a10,0 0 calc(var(--s) * 16px) #ffdc78b3}.kp-mgfork b{font-size:calc(var(--s) * 18px);font-weight:900}.kp-mgfork small{font-size:calc(var(--s) * 12px);font-weight:700}.kp-mgfork.safe{border-color:#2e6a2a}.kp-mgbark{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:6;background:#fff4dc;color:#2a1a08;border:calc(var(--s) * 2px) solid #2a1604;border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 4px) calc(var(--s) * 10px);font-weight:900;font-size:calc(var(--s) * 15px);white-space:nowrap}.kp-mgarrow{position:absolute;width:calc(var(--s) * 44px);height:calc(var(--s) * 44px);margin:calc(var(--s) * -22px) 0 0 calc(var(--s) * -22px);pointer-events:none;z-index:6;animation:kpMgPulse .35s ease-in-out infinite alternate;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M4 20 L22 4 V13 H36 V27 H22 V36 Z' fill='%23ff4a2a' stroke='%232a0804' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.kp-mgarrow.L{margin-left:0;transform:scaleX(-1)}.kp-mgarrow.R{margin-left:calc(var(--s) * -44px)}.kp-mgarrow.T{transform:rotate(-90deg)}.kp-mgarrow.B{transform:rotate(90deg)}@keyframes kpMgPulse{0%{opacity:.65}to{opacity:1}}.kp-mgstamp{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:9;display:flex;flex-direction:column;align-items:center}.kp-mgstamp b{font-size:calc(var(--s) * 64px);font-weight:900;color:#fff4c8;-webkit-text-stroke:calc(var(--s) * 2.5px) #2a1604;paint-order:stroke fill;text-shadow:0 calc(var(--s) * 5px) 0 #6e4a10,0 0 calc(var(--s) * 30px) rgba(255,190,60,.9)}.kp-mgstamp.lose b{color:#ffd0c0;text-shadow:0 calc(var(--s) * 5px) 0 #7a1a10,0 0 calc(var(--s) * 30px) rgba(255,80,50,.8)}.kp-mgstamp span{font-size:calc(var(--s) * 22px);font-weight:800;color:#fff4dc;-webkit-text-stroke:calc(var(--s) * 1px) #2a1604;paint-order:stroke fill}.kp-mgres{width:min(100%,calc(var(--s) * 480px))}.kp-mgloot{display:flex;flex-direction:column;gap:calc(var(--s) * 4px);margin:calc(var(--s) * 8px) 0 calc(var(--s) * 12px)}.kp-mgloot .row{display:flex;align-items:center;gap:calc(var(--s) * 8px);font-weight:800;font-size:calc(var(--s) * 17px)}.kp-mgloot .row.g{color:var(--gold);font-size:calc(var(--s) * 24px)}.kp-mgloot .kp-tframe{width:calc(var(--s) * 30px);height:calc(var(--s) * 30px)}.kp-mgloot .near{color:#ff9a80}.kp-mgboss{position:absolute;display:flex;align-items:center;gap:calc(var(--s) * 4px);pointer-events:none;z-index:6;transform:translateY(-50%);padding:calc(var(--s) * 4px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 14px);background:#280a06b8;border:calc(var(--s) * 2px) solid #ff6a3a;box-shadow:0 calc(var(--s) * 3px) calc(var(--s) * 8px) #00000080;animation:kpMgPulse .5s ease-in-out infinite alternate}.kp-mgboss.R{right:calc(var(--s) * 6px);flex-direction:row-reverse}.kp-mgboss.L{left:calc(var(--s) * 6px)}.kp-mgboss .ar{width:calc(var(--s) * 30px);height:calc(var(--s) * 30px);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M4 20 L22 4 V13 H36 V27 H22 V36 Z' fill='%23ff4a2a' stroke='%232a0804' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}.kp-mgboss.R .ar{transform:scaleX(-1)}.kp-mgboss .pt{width:calc(var(--s) * 54px);height:calc(var(--s) * 54px);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.kp-mgboss .d{font-size:calc(var(--s) * 18px);font-weight:900;color:#fff4dc;-webkit-text-stroke:calc(var(--s) * 1px) #2a1604;paint-order:stroke fill;white-space:nowrap}.kp-mgintro .kp-mgpic.mini{width:calc(var(--s) * 220px);height:calc(var(--s) * 70px)}.kp-mgintro em{font-style:normal;max-width:min(92vw,calc(var(--s) * 640px));font-size:calc(var(--s) * 17px);font-weight:800;color:#fff4dc;background:#140e08b8;border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 5px) calc(var(--s) * 14px);line-height:1.25}.kp-port .kp-mgintro em{font-size:calc(var(--s) * 14px)}.kp-mgcue{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:8;animation:kpMgBob .5s ease-in-out infinite alternate}.kp-mgcue b{font-size:calc(var(--s) * 30px);font-weight:900;color:#fff4c8;-webkit-text-stroke:calc(var(--s) * 2px) #2a1604;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 16px) rgba(255,200,60,.9)}.kp-mgcue i{width:calc(var(--s) * 40px);height:calc(var(--s) * 40px);background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 36 L4 18 H13 V4 H27 V18 H36 Z' fill='%23ffd23a' stroke='%232a1604' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}@keyframes kpMgBob{0%{margin-top:0}to{margin-top:calc(var(--s) * 10px)}}.kp-mgalmost{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);pointer-events:none;z-index:9;font-size:calc(var(--s) * 48px);font-weight:900;color:#fff4c8;-webkit-text-stroke:calc(var(--s) * 2px) #2a1604;paint-order:stroke fill;text-shadow:0 calc(var(--s) * 4px) 0 #6e4a10,0 0 calc(var(--s) * 24px) rgba(255,190,60,.9);animation:kpMgAlmost 1.5s ease-out forwards}@keyframes kpMgAlmost{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.kp-mgtop .r2 .cr{color:#ffd0c0;white-space:nowrap}.kp-mgtop .r2 .cr:empty{display:none}.kp-chat{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.kp-bub{position:absolute;left:0;top:0;max-width:calc(var(--s) * 240px);padding:calc(var(--s) * 4px) calc(var(--s) * 10px);background:#fff4dc;color:#2a2118;border-radius:calc(var(--s) * 11px);font-weight:800;font-size:calc(var(--s) * 14px);line-height:1.2;text-align:center;box-shadow:0 2px 6px #00000073;opacity:0;transition:opacity .25s ease-out;will-change:transform,opacity}.kp-bub:after{content:"";position:absolute;left:50%;bottom:calc(var(--s) * -6px);transform:translate(-50%);border:calc(var(--s) * 6px) solid transparent;border-top-color:inherit;border-bottom:0;border-top-color:#fff4dc}.kp-bub.on{opacity:.96}.kp-bub.foe{background:#e9ddd0;color:#3a1810}.kp-bub.foe:after{border-top-color:#e9ddd0}.kp-bub.boss{background:#3a1410;color:#ffe0c8}.kp-bub.boss:after{border-top-color:#3a1410}.kp-chat.phone .kp-bub{font-size:calc(var(--s) * 12px);max-width:calc(var(--s) * 190px);padding:calc(var(--s) * 3px) calc(var(--s) * 8px)}.kp-records{width:min(100%,calc(var(--s) * 440px))}.kp-lblist{display:flex;flex-direction:column;gap:calc(var(--s) * 4px);overflow-y:auto;min-height:0;flex:1 1 auto}.kp-lbrow{display:flex;align-items:center;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 6px) calc(var(--s) * 10px);border-radius:calc(var(--s) * 10px);border:calc(var(--s) * 2px) solid #5a4630;background:#2e231a;font-weight:700;font-size:calc(var(--s) * 16px)}.kp-lbrow .rk{min-width:calc(var(--s) * 44px);color:var(--gold);font-weight:900}.kp-lbrow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-lbrow .sc{font-weight:900;white-space:nowrap}.kp-lbrow.me{border-color:var(--gold);background:#4a3a1e;box-shadow:0 0 calc(var(--s) * 8px) #f2c74473}.kp-lbrow.me .nm{color:var(--gold);font-weight:900}.kp-lbgap{text-align:center;opacity:.6;line-height:1}.kp-lbnote{text-align:center;opacity:.8;font-size:calc(var(--s) * 15px);padding:calc(var(--s) * 10px) 0}.kp-lbmine{text-align:center;font-weight:900;color:var(--gold);font-size:calc(var(--s) * 19px);margin:calc(var(--s) * 10px) 0 calc(var(--s) * 4px)}.kp-lbfoot{display:flex;margin-top:calc(var(--s) * 10px)}.kp-pill .rk{color:var(--gold)}.kp-port .kp-pill.hasrk .td{display:none}.kp-recbtn{flex:none!important;width:max(44px,calc(var(--s) * 44px))!important;height:max(44px,calc(var(--s) * 44px))!important}.kp-lbmini{pointer-events:auto;cursor:pointer;background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);box-shadow:0 3px 8px #00000073;font-weight:700;font-size:calc(var(--s) * 13px);line-height:1.25;color:var(--ink);box-sizing:border-box;overflow:hidden}.kp-land .kp-lbmini{position:absolute;right:calc(var(--s) * 14px);top:calc(var(--s) * 92px);width:calc(var(--s) * 190px);padding:calc(var(--s) * 4px) calc(var(--s) * 8px)}.kp-lbmini .r{display:flex;gap:calc(var(--s) * 6px);white-space:nowrap}.kp-lbmini .r .k{color:var(--gold);min-width:calc(var(--s) * 24px);font-weight:900}.kp-lbmini .r .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.kp-lbmini .r .v{font-weight:900}.kp-lbmini .r.me{color:var(--gold);font-weight:900;justify-content:center;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center}.kp-lbmini .bd .r.me:not(:first-child){border-top:1px solid rgba(138,106,60,.6);margin-top:calc(var(--s) * 2px);padding-top:calc(var(--s) * 2px)}.kp-lbmini .ps{display:none;text-align:center;font-weight:900;color:#3a2208;background:linear-gradient(180deg,#ffe07a,#e0a22a);border-radius:calc(var(--s) * 8px);margin-top:calc(var(--s) * 3px);padding:calc(var(--s) * 2px) calc(var(--s) * 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-lbmini.pulse .ps{display:block}.kp-lbmini.pulse{animation:kpLbPulse .5s ease-out 2;border-color:var(--gold)}@keyframes kpLbPulse{50%{box-shadow:0 0 calc(var(--s) * 14px) #f2c744e6;transform:scale(1.04)}}.kp-port .kp-lbmini{order:4;width:100%;padding:calc(var(--s) * 2px) calc(var(--s) * 10px);font-size:calc(var(--s) * 13px);border-radius:calc(var(--s) * 14px)}.kp-port .kp-lbmini .ps{margin-top:calc(var(--s) * 2px)}.kp-balon .kp-lbmini,.kp-mageon .kp-lbmini,.kp-raid .kp-lbmini{display:none!important}.kp-balon .kp-btns,.kp-balon .kp-cardwrap,.kp-balon .kp-roster,.kp-balon .kp-pill,.kp-balon .kp-castlebar,.kp-balon .kp-bossbar,.kp-balon .kp-earrow,.kp-balon .kp-plate,.kp-balon .kp-bosshud,.kp-balon .kp-bark,.kp-balon .kp-chipb,.kp-balon .kp-tripbtn,.kp-balon .kp-right .kp-iconbtn:not(:last-child):not(.kp-soundbtn),.kp-balon .kp-fl,.kp-balon .kp-toast{display:none!important}.kp-balon .kp-stage{cursor:var(--balcur, crosshair)}.kp-baloffer{position:absolute;right:calc(var(--s) * 22px);top:36%;width:calc(var(--s) * 300px);pointer-events:none;z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--s) * 6px);animation:kpBalIn .35s ease-out}.kp-port .kp-baloffer{right:50%;transform:translate(50%);top:auto;bottom:calc(var(--s) * 236px);width:calc(var(--s) * 320px)}@keyframes kpBalIn{0%{opacity:0;margin-top:calc(var(--s) * 30px)}}.kp-baloffer .go{pointer-events:auto;display:flex;align-items:center;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 8px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 16px);border:calc(var(--s) * 3px) solid #ffe27a;background:linear-gradient(180deg,#7a4a14,#4e2e0c);color:#fff4dc;cursor:pointer;text-align:left;box-shadow:0 0 calc(var(--s) * 18px) #ffc8508c,0 6px 16px #0009;animation:kpBalPulse 1.2s ease-in-out infinite}@keyframes kpBalPulse{50%{box-shadow:0 0 calc(var(--s) * 30px) #ffd25ad9,0 6px 16px #0009}}.kp-baloffer .go .art{flex:none;width:calc(var(--s) * 84px);height:calc(var(--s) * 64px);display:flex;align-items:center;justify-content:center}.kp-baloffer .go b{display:block;font-size:calc(var(--s) * 22px);font-weight:900;color:#ffe27a;text-shadow:0 2px 0 #2a1604;line-height:1.1}.kp-baloffer .go small{display:block;font-size:calc(var(--s) * 13px);font-weight:600;opacity:.92;margin-top:calc(var(--s) * 3px)}.kp-baloffer .bar{height:calc(var(--s) * 5px);border-radius:3px;background:#00000073;overflow:hidden}.kp-baloffer .bar i{display:block;height:100%;background:#ffe27a}.kp-baloffer .skip{pointer-events:auto;align-self:flex-end;background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);color:var(--ink);font-weight:700;font-size:calc(var(--s) * 14px);padding:calc(var(--s) * 5px) calc(var(--s) * 14px);cursor:pointer}.kp-baltop{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--s) * 12px);display:flex;align-items:center;gap:calc(var(--s) * 12px);background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 6px) calc(var(--s) * 14px);font-weight:800;font-size:calc(var(--s) * 17px);box-shadow:0 3px 8px #00000073;pointer-events:none;z-index:4;white-space:nowrap}.kp-port .kp-baltop{top:calc(var(--s) * 70px);font-size:calc(var(--s) * 15px);gap:calc(var(--s) * 8px)}.kp-baltop .gate{display:flex;align-items:center;gap:calc(var(--s) * 6px)}.kp-baltop .hp{width:calc(var(--s) * 120px);height:calc(var(--s) * 12px);border-radius:6px;background:#2a1a10;overflow:hidden;box-shadow:inset 0 0 0 1.5px #7a5a30}.kp-port .kp-baltop .hp{width:calc(var(--s) * 84px)}.kp-baltop .hp i{display:block;height:100%;background:linear-gradient(180deg,#ffd060,#d08a20);transition:width .2s}.kp-baltop .hp.low i{background:linear-gradient(180deg,#ff7050,#b02a10)}.kp-baltop .kills b{color:var(--gold)}.kp-baltop .time{width:calc(var(--s) * 60px);height:calc(var(--s) * 6px);border-radius:3px;background:#00000080;overflow:hidden}.kp-baltop .time i{display:block;height:100%;background:#e8dcc0}.kp-balcap{position:absolute;left:50%;top:calc(var(--s) * 70px);transform:translate(-50%);pointer-events:none;z-index:5;text-align:center;font-weight:900;font-size:calc(var(--s) * 24px);color:#fff;padding:calc(var(--s) * 6px) calc(var(--s) * 26px);background:linear-gradient(90deg,transparent,rgba(20,10,4,.74) 14%,rgba(20,10,4,.74) 86%,transparent);text-shadow:0 2px 3px #000;white-space:nowrap}.kp-port .kp-balcap{top:calc(var(--s) * 128px);font-size:calc(var(--s) * 18px);white-space:normal;width:86%}.kp-baladr{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;font-weight:900;font-size:calc(var(--s) * 64px);letter-spacing:.06em;color:#ffe14a;-webkit-text-stroke:calc(var(--s) * 3px) #7a1200;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 24px) rgba(255,160,40,.9);animation:kpBalAdr 1.4s ease-out forwards;white-space:nowrap}.kp-port .kp-baladr{font-size:calc(var(--s) * 40px)}@keyframes kpBalAdr{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}.kp-balpop{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5;font-weight:900;font-size:calc(var(--s) * 16px);color:#ffd23a;text-shadow:0 1px 3px #000,0 0 4px #000;animation:kpFloat .9s ease-out forwards;white-space:nowrap}.kp-balpop.streak{font-size:calc(var(--s) * 30px);color:#ffe27a;-webkit-text-stroke:calc(var(--s) * 1.5px) #5a2a04;paint-order:stroke fill;animation-duration:1.2s}.kp-balarrow{position:absolute;width:calc(var(--s) * 40px);height:calc(var(--s) * 46px);margin-left:calc(var(--s) * -20px);pointer-events:none;z-index:5;animation:kpArrowE .45s ease-in-out infinite alternate;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M11 2h12v18h9L17 38 2 20h9z' fill='%23ffe27a' stroke='%232a1204' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.kp-balres{position:absolute;left:50%;top:30%;transform:translate(-50%);pointer-events:none;z-index:7;min-width:calc(var(--s) * 300px);background:var(--panel);border:calc(var(--s) * 3px) solid #ffe27a;border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 12px) calc(var(--s) * 20px);text-align:center;box-shadow:0 0 calc(var(--s) * 20px) #ffc85073,0 8px 18px #0009;animation:kpBalIn .3s ease-out}.kp-balres .art{height:calc(var(--s) * 70px);display:flex;justify-content:center;margin-bottom:calc(var(--s) * 4px)}.kp-balres b{display:block;font-size:calc(var(--s) * 26px);font-weight:900;color:#ffe27a}.kp-balres .g{font-size:calc(var(--s) * 20px);font-weight:900;color:var(--gold);margin-top:calc(var(--s) * 4px)}.kp-balres .w{font-size:calc(var(--s) * 15px);font-weight:700;margin-top:calc(var(--s) * 4px)}.kp-balres .w.lose{color:#ff9a80}.kp-balres .s{font-size:calc(var(--s) * 14px);opacity:.85;margin-top:calc(var(--s) * 2px)}@media(prefers-reduced-motion:reduce){.kp-baloffer .go,.kp-balarrow{animation:none}}.kp-balgo{color:#fff4dc;-webkit-text-stroke-color:#3a2208;text-shadow:0 0 calc(var(--s) * 28px) rgba(255,210,90,.95);animation-duration:1.3s}.kp-baltop .sec{min-width:calc(var(--s) * 52px);text-align:center;font-size:calc(var(--s) * 22px);color:#fff4dc;font-variant-numeric:tabular-nums}.kp-baltop .sec.end{color:#ffd23a;animation:kpBalPulse .5s ease-in-out infinite}.kp-balres .praise{font-size:calc(var(--s) * 40px);font-weight:900;color:#ffe14a;-webkit-text-stroke:calc(var(--s) * 2px) #5a2a04;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 18px) rgba(255,190,60,.8);line-height:1.1}.kp-balres.g2 .praise{font-size:calc(var(--s) * 34px);color:#fff0b0}.kp-balres.g1 .praise{font-size:calc(var(--s) * 30px);color:#e8dcc0}.kp-balres .g{font-size:calc(var(--s) * 30px)!important}.kp-balres .mult{display:flex;gap:calc(var(--s) * 8px);justify-content:center;margin-top:calc(var(--s) * 6px)}.kp-balres .mult span{background:#6a3a0a;border:calc(var(--s) * 2px) solid #ffd23a;border-radius:calc(var(--s) * 10px);padding:calc(var(--s) * 2px) calc(var(--s) * 10px);font-weight:900;font-size:calc(var(--s) * 20px);color:#ffe27a}.kp-balres .perk{margin-top:calc(var(--s) * 6px);font-weight:900;font-size:calc(var(--s) * 18px);color:#a8f0a0}.kp-port .kp-balres{top:36%}.kp-mageon .kp-cardwrap,.kp-mageon .kp-chipb,.kp-mageon .kp-tripbtn,.kp-mageon .kp-bark,.kp-mageon .kp-pill,.kp-mageon .kp-earrow{display:none!important}.kp-magepad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}.kp-magecv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.kp-mageoffer{position:absolute;right:calc(var(--s) * 22px);top:34%;width:calc(var(--s) * 310px);pointer-events:none;z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--s) * 6px);animation:kpMageIn .35s ease-out}.kp-port .kp-mageoffer{right:50%;transform:translate(50%);top:auto;bottom:calc(var(--s) * 236px);width:calc(var(--s) * 330px)}@keyframes kpMageIn{0%{opacity:0;margin-top:calc(var(--s) * 30px)}}.kp-mageoffer .go{pointer-events:auto;display:flex;align-items:center;gap:calc(var(--s) * 10px);padding:calc(var(--s) * 8px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 16px);border:calc(var(--s) * 3px) solid #9ad8ff;background:linear-gradient(180deg,#2a3e78,#16224a);color:#eef6ff;cursor:pointer;text-align:left;box-shadow:0 0 calc(var(--s) * 18px) #78beff99,0 6px 16px #0009;animation:kpMagePulse 1.2s ease-in-out infinite}@keyframes kpMagePulse{50%{box-shadow:0 0 calc(var(--s) * 32px) #96d2ffe6,0 6px 16px #0009}}.kp-mageoffer .go .art{flex:none;width:calc(var(--s) * 70px);height:calc(var(--s) * 84px);display:flex;align-items:flex-end;justify-content:center}.kp-mageoffer .go b{display:block;font-size:calc(var(--s) * 23px);font-weight:900;color:#cfeeff;text-shadow:0 2px 0 #0a1230,0 0 10px rgba(120,190,255,.6);line-height:1.1}.kp-mageoffer .go small{display:block;font-size:calc(var(--s) * 13px);font-weight:600;opacity:.95;margin-top:calc(var(--s) * 3px)}.kp-mageoffer .bar{height:calc(var(--s) * 5px);border-radius:3px;background:#00000073;overflow:hidden}.kp-mageoffer .bar i{display:block;height:100%;background:#9ad8ff}.kp-mageoffer .skip{pointer-events:auto;align-self:flex-end;background:var(--panel);border:calc(var(--s) * 2px) solid var(--edge);border-radius:calc(var(--s) * 12px);color:var(--ink);font-weight:700;font-size:calc(var(--s) * 14px);padding:calc(var(--s) * 5px) calc(var(--s) * 14px);cursor:pointer}.kp-magetop{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--s) * 12px);display:flex;align-items:center;gap:calc(var(--s) * 10px);background:#0e1228db;border:calc(var(--s) * 2px) solid #6a9ad8;border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 6px) calc(var(--s) * 14px);font-weight:800;font-size:calc(var(--s) * 16px);color:#eef6ff;box-shadow:0 3px 8px #00000073,0 0 calc(var(--s) * 12px) #78b4ff59;pointer-events:none;z-index:4;white-space:nowrap}.kp-port .kp-magetop{top:calc(var(--s) * 70px);font-size:calc(var(--s) * 14px);gap:calc(var(--s) * 7px)}.kp-magetop .lab{color:#9ad8ff}.kp-magetop .mana{position:relative;width:calc(var(--s) * 150px);height:calc(var(--s) * 14px);border-radius:7px;background:#0c1430;overflow:hidden;box-shadow:inset 0 0 0 1.5px #3a5a98}.kp-port .kp-magetop .mana{width:calc(var(--s) * 96px)}.kp-magetop .mana i{display:block;height:100%;background:linear-gradient(180deg,#8ad8ff,#2a6ad8);box-shadow:0 0 8px #6ab8ff;transition:width .12s}.kp-magetop .mana em{position:absolute;right:calc(var(--s) * 5px);top:50%;transform:translateY(-50%);font-style:normal;font-size:calc(var(--s) * 11px);font-weight:900;text-shadow:0 1px 2px #000}.kp-magetop .kills{color:#ffd23a}.kp-magetop .time{width:calc(var(--s) * 70px);height:calc(var(--s) * 6px);border-radius:3px;background:#00000080;overflow:hidden}.kp-magetop .time i{display:block;height:100%;background:#e8dcc0}.kp-magelegend{position:absolute;left:calc(var(--s) * 12px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(var(--s) * 6px);pointer-events:none;z-index:4}.kp-port .kp-magelegend{top:auto;transform:none;left:50%;translate:-50% 0;bottom:calc(var(--s) * 200px);flex-direction:row;gap:calc(var(--s) * 4px)}.kp-magelegend .sg{display:flex;align-items:center;gap:calc(var(--s) * 6px);background:#0e1228c7;border:calc(var(--s) * 1.5px) solid #4a6aa8;border-radius:calc(var(--s) * 12px);padding:calc(var(--s) * 3px) calc(var(--s) * 10px) calc(var(--s) * 3px) calc(var(--s) * 4px);color:#eef6ff;font-weight:800;font-size:calc(var(--s) * 13px);transition:opacity .15s,filter .15s}.kp-port .kp-magelegend .sg{flex-direction:column;gap:0;padding:calc(var(--s) * 2px) calc(var(--s) * 3px);font-size:calc(var(--s) * 9px);width:calc(var(--s) * 58px);text-align:center;line-height:1.1}.kp-port .kp-magelegend .gl{width:calc(var(--s) * 26px);height:calc(var(--s) * 26px)}.kp-port .kp-magepop{font-size:calc(var(--s) * 17px)}.kp-magelegend .gl{width:calc(var(--s) * 34px);height:calc(var(--s) * 34px);filter:drop-shadow(0 0 4px rgba(150,210,255,.7))}.kp-magelegend .sg.off{opacity:.45;filter:grayscale(.6)}.kp-magelegend .sg.used{opacity:.3;text-decoration:line-through}.kp-magelegend .sg.want{border-color:#ffe27a;box-shadow:0 0 calc(var(--s) * 12px) #ffdc78cc;animation:kpMagePulse .9s ease-in-out infinite}.kp-magecap{position:absolute;left:50%;top:calc(var(--s) * 64px);transform:translate(-50%);pointer-events:none;z-index:5;text-align:center;color:#fff;padding:calc(var(--s) * 6px) calc(var(--s) * 30px);background:linear-gradient(90deg,transparent,rgba(10,14,36,.8) 14%,rgba(10,14,36,.8) 86%,transparent);text-shadow:0 2px 3px #000;white-space:nowrap}.kp-magecap b{display:block;font-weight:900;font-size:calc(var(--s) * 28px);color:#ffe27a}.kp-magecap small{display:block;font-weight:700;font-size:calc(var(--s) * 15px);opacity:.92}.kp-port .kp-magecap{top:23%;white-space:normal;width:86%}.kp-port .kp-magecap b{font-size:calc(var(--s) * 22px)}.kp-magetitle{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none;z-index:6;font-weight:900;font-size:calc(var(--s) * 66px);letter-spacing:.04em;color:#dff4ff;-webkit-text-stroke:calc(var(--s) * 3px) #142a6a;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 28px) rgba(120,190,255,.95);white-space:nowrap;animation:kpMageTitle 1.4s ease-out both}.kp-port .kp-magetitle{font-size:calc(var(--s) * 40px)}.kp-magetitle.out{animation:kpMageOut .45s ease-in forwards}.kp-magetitle.storm{color:#efe4ff;-webkit-text-stroke-color:#3a1a6a;text-shadow:0 0 calc(var(--s) * 30px) rgba(190,150,255,.95)}@keyframes kpMageTitle{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:1}}@keyframes kpMageOut{to{opacity:0;transform:translate(-50%,-60%) scale(.96)}}.kp-magepop{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:5;font-weight:900;font-size:calc(var(--s) * 22px);color:#fff;-webkit-text-stroke:calc(var(--s) * 1.2px) #0a1230;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 10px) rgba(0,0,0,.6);white-space:nowrap;animation:kpMagePop 1.3s ease-out forwards}.kp-magepop.ok.circle{color:#ffc070}.kp-magepop.ok.zig{color:#bfe8ff}.kp-magepop.ok.line{color:#dff6ff}.kp-magepop.ok.tri{color:#ffa060}.kp-magepop.ok.star{color:#e4d4ff}.kp-magepop.bad{color:#c8bcd8;font-size:calc(var(--s) * 17px)}@keyframes kpMagePop{0%{opacity:0;margin-top:calc(var(--s) * 8px)}15%{opacity:1;margin-top:0}75%{opacity:1}to{opacity:0;margin-top:calc(var(--s) * -22px)}}.kp-mageres{position:absolute;left:50%;top:26%;transform:translate(-50%);pointer-events:none;z-index:7;min-width:calc(var(--s) * 300px);background:#0e1228f0;border:calc(var(--s) * 3px) solid #9ad8ff;border-radius:calc(var(--s) * 16px);padding:calc(var(--s) * 10px) calc(var(--s) * 20px) calc(var(--s) * 14px);text-align:center;color:#eef6ff;box-shadow:0 0 calc(var(--s) * 22px) #78beff80,0 8px 18px #0009;animation:kpMageIn .3s ease-out}.kp-mageres .art{height:calc(var(--s) * 110px);display:flex;justify-content:center}.kp-mageres .praise{font-size:calc(var(--s) * 40px);font-weight:900;color:#ffe14a;-webkit-text-stroke:calc(var(--s) * 2px) #5a2a04;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 18px) rgba(255,190,60,.8);line-height:1.1}.kp-mageres.g2 .praise{font-size:calc(var(--s) * 34px);color:#fff0b0}.kp-mageres.g1 .praise{font-size:calc(var(--s) * 30px);color:#e8dcc0}.kp-mageres b{display:block;font-size:calc(var(--s) * 20px);font-weight:900;color:#cfeeff;margin-top:calc(var(--s) * 4px)}.kp-mageres .acc{font-size:calc(var(--s) * 18px);font-weight:800;color:#9ad8ff;margin-top:calc(var(--s) * 2px)}.kp-mageres .g{font-size:calc(var(--s) * 30px);font-weight:900;color:var(--gold);margin-top:calc(var(--s) * 4px)}@media(prefers-reduced-motion:reduce){.kp-mageoffer .go,.kp-magelegend .sg.want{animation:none}}.kp-magetop .sec{min-width:calc(var(--s) * 30px);text-align:center;font-size:calc(var(--s) * 20px);color:#fff4dc;font-variant-numeric:tabular-nums}.kp-magetop .sec.end{color:#ffd23a}.kp-magelegend .sg.locked{opacity:.4;filter:grayscale(.8)}.kp-magebeat{position:absolute;left:50%;top:22%;transform:translate(-50%);pointer-events:none;z-index:5;font-weight:900;font-size:calc(var(--s) * 26px);color:#ffe27a;-webkit-text-stroke:calc(var(--s) * 1.4px) #3a1a04;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 14px) rgba(0,0,0,.55);white-space:nowrap;animation:kpMageTitle 2.6s ease-out both}.kp-port .kp-magebeat{top:30%;font-size:calc(var(--s) * 19px);white-space:normal;width:90%;text-align:center}.kp-magetop.sortie{top:auto;bottom:calc(var(--s) * 12px);padding:calc(var(--s) * 4px) calc(var(--s) * 12px)}.kp-magetop.sortie .time,.kp-magetop.sortie .sec,.kp-magetop.sortie .kills{display:none}.kp-magelegend.sortie{top:auto;bottom:calc(var(--s) * 56px);left:50%;transform:translate(-50%);flex-direction:row;gap:calc(var(--s) * 4px)}.kp-magelegend.sortie .sg{padding:calc(var(--s) * 2px)}.kp-magelegend.sortie .nm{display:none}.kp-magelegend.sortie .gl{width:calc(var(--s) * 28px);height:calc(var(--s) * 28px)}.kp-port .kp-magetop.sortie{bottom:auto;top:calc(var(--s) * 150px)}.kp-port .kp-magelegend.sortie{bottom:auto;top:calc(var(--s) * 196px);translate:none}.kp-magecombo{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);pointer-events:none;z-index:6;text-align:center;animation:kpMageTitle 2.2s ease-out both}.kp-magecombo b{display:block;font-weight:900;font-size:calc(var(--s) * 46px);letter-spacing:.03em;color:#fff1a8;-webkit-text-stroke:calc(var(--s) * 2.5px) #20307a;paint-order:stroke fill;text-shadow:0 0 calc(var(--s) * 24px) rgba(140,200,255,.95);white-space:nowrap}.kp-magecombo small{display:block;margin-top:calc(var(--s) * 4px);font-weight:800;font-size:calc(var(--s) * 17px);color:#eef6ff;text-shadow:0 1px 3px #000}.kp-port .kp-magecombo b{font-size:calc(var(--s) * 28px);white-space:normal}.kp-mageres .cb{font-size:calc(var(--s) * 17px);font-weight:800;color:#fff1a8;margin-top:calc(var(--s) * 3px)}.kp-mageres .cbnew{font-size:calc(var(--s) * 14px);font-weight:700;color:#cfeeff;margin-top:calc(var(--s) * 2px)}