:root{--ink: #282830;--ink-soft: #484858;--paper: #f8f8f8;--panel: #f0f0f0;--line: #a8b0c0;--blue: #3870c8;--blue-soft: #d8e4f8;--red: #e83838;--gold: #ffd040;--hp-green: #40d860;--hp-yellow: #f8c020;--hp-red: #f84030;--xp: #48a8f8;--font: "Pixelify Sans", ui-monospace, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html,body{margin:0;height:100%;overflow:hidden;background:#202028;color:var(--ink);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;display:block}.hidden{display:none!important}img.px{image-rendering:pixelated}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:10px;box-shadow:inset 0 0 0 2px var(--line),0 3px #00000059}.btn{font-family:var(--font);font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--paper);background:linear-gradient(#4888e0,#3060b8);border:3px solid var(--ink);border-radius:10px;padding:12px 22px;box-shadow:inset 0 2px #ffffff59,0 4px 0 var(--ink);text-shadow:1px 1px 0 var(--ink);cursor:pointer;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff59,0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(1);opacity:.6}.btn.red{background:linear-gradient(#f05050,#c82828)}.btn.ghost{background:var(--paper);color:var(--ink);text-shadow:none}.type{display:inline-block;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);padding:1px 6px;border-radius:4px;border:1.5px solid rgba(0,0,0,.35);text-transform:uppercase}#screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;touch-action:pan-y}#screen:empty{display:none}.title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(100deg,#18181c 0,#18181c 50%,#f4f4f4 50%,#f4f4f4);cursor:pointer;overflow:hidden}.title .legends{display:flex;gap:12vw;align-items:flex-end;margin-bottom:10px}.title .legends img{width:clamp(110px,28vw,220px);image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25))}.logo{font-weight:700;font-size:clamp(40px,11vw,96px);line-height:1;color:var(--gold);-webkit-text-stroke:3px var(--ink);text-shadow:0 5px 0 var(--ink),0 0 30px rgba(255,208,64,.35);letter-spacing:2px}.subtitle{margin-top:10px;letter-spacing:6px;font-size:clamp(16px,4.4vw,26px);font-weight:700;color:var(--paper);background:var(--ink);padding:4px 14px;border-radius:6px}.press{margin-top:34px;font-size:18px;font-weight:700;color:var(--ink);background:var(--paper);border:3px solid var(--ink);padding:8px 18px;border-radius:8px;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.menu{min-height:100%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 6px),linear-gradient(#5070b8,#283868);padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) calc(110px + var(--safe-b)) calc(14px + var(--safe-l));display:flex;flex-direction:column;align-items:center}.menu h1{margin:4px 0 2px;font-size:26px;color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.menu .hint{color:#dce4f8;font-size:14px;margin-bottom:12px;text-align:center}.grid{display:grid;gap:10px;width:100%;max-width:820px}.grid.trainers{grid-template-columns:repeat(4,1fr)}.grid.roster{grid-template-columns:repeat(3,1fr)}@media (min-width: 640px){.grid.roster{grid-template-columns:repeat(4,1fr)}.grid.trainers{grid-template-columns:repeat(8,1fr)}}.card{position:relative;padding:8px 6px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .08s}.card:active{transform:scale(.97)}.card.sel{border-color:var(--red);box-shadow:inset 0 0 0 2px #f8a0a0,0 0 0 3px var(--red),0 3px #00000059;background:#fff4f0}.card .art{width:100%;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 85%,#c8d8b8 0 30%,transparent 31%),var(--blue-soft);border-radius:6px;border:2px solid var(--line);overflow:hidden}.card .art img{width:80%;image-rendering:pixelated}.card .art img.anim{width:auto;max-width:90%;max-height:90%;transform:scale(1.35);transform-origin:bottom center;margin-bottom:10%}.card .name{margin-top:6px;font-weight:700;font-size:15px}.card .types{display:flex;gap:3px;margin-top:4px}.card .badge{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.detail{width:100%;max-width:820px;margin-top:12px;padding:10px 12px;font-size:14px}.detail .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail .movelist{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:8px}.detail .mv{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:2px 0}.detail .mv span:last-child{color:var(--ink-soft)}.stat{display:grid;grid-template-columns:34px 1fr;gap:2px 6px;align-items:center;font-size:12px;margin-top:6px}.stat i{display:block;height:6px;border-radius:3px;background:var(--blue)}.bottombar{position:fixed;left:0;right:0;bottom:0;padding:10px calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) calc(14px + var(--safe-l));background:#202028eb;border-top:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px}.team{display:flex;gap:6px}.team .slot{width:52px;height:52px;border-radius:8px;border:2px dashed #8890a8;display:flex;align-items:center;justify-content:center;overflow:hidden}.team .slot.on{border:2px solid var(--paper);background:#ffffff1f}.team .slot img{width:110%;image-rendering:pixelated}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}.stick-zone{position:absolute;left:0;bottom:0;width:55%;height:70%;touch-action:none}.stick-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(40,40,48,.6);pointer-events:none}.stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c8d0e0);border:3px solid var(--ink)}.mon-box{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));width:min(230px,54vw);padding:6px 10px;pointer-events:none!important}.mon-box .top{display:flex;justify-content:space-between;font-weight:700;font-size:15px}.hpbar{display:flex;align-items:center;gap:4px;margin-top:3px;background:var(--ink);border-radius:4px;padding:2px 3px}.hpbar b{color:var(--gold);font-size:9px}.hpbar .track{flex:1;height:6px;background:#585868;border-radius:2px;overflow:hidden}.hpbar .fill{height:100%;background:var(--hp-green);transition:width .15s}.mon-box .nums{text-align:right;font-size:12px;font-weight:600;margin-top:1px}.xpbar{height:4px;background:#c8d0e0;border-radius:2px;overflow:hidden;margin-top:2px}.xpbar div{height:100%;background:var(--xp)}.party{position:absolute;top:calc(86px + var(--safe-t));left:calc(8px + var(--safe-l));display:flex;gap:4px}.pslot{position:relative;width:40px;height:44px;border-radius:8px;background:#f8f8f8eb;border:2px solid var(--ink);overflow:hidden;cursor:pointer}.pslot.active{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.pslot.faint{filter:grayscale(1);opacity:.55}.pslot img{position:absolute;left:50%;bottom:4px;width:52px;transform:translate(-50%);image-rendering:pixelated}.pslot .mini{position:absolute;left:2px;right:2px;bottom:2px;height:3px;background:#585868}.pslot .mini i{display:block;height:100%;background:var(--hp-green)}.pslot .lv{position:absolute;top:0;left:2px;font-size:9px;font-weight:700}.topright{position:absolute;top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none!important}.minimap{width:clamp(92px,24vw,140px);height:clamp(92px,24vw,140px);border:3px solid var(--ink);border-radius:8px;image-rendering:pixelated;background:#2c6a34}.chips{display:flex;gap:4px}.chip{background:var(--ink);color:var(--paper);font-weight:700;font-size:13px;padding:3px 8px;border-radius:6px;border:2px solid var(--paper)}.chip.storm{background:#6a3aa8}.mute{position:absolute;top:calc(8px + var(--safe-t));right:calc(clamp(92px,24vw,140px) + 18px + var(--safe-r));width:34px;height:34px;border-radius:8px;border:2px solid var(--ink);background:#f8f8f8e6;font-size:16px;display:flex;align-items:center;justify-content:center}.feed{display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:46vw}.feed div{background:#202028c7;color:var(--paper);font-size:11px;padding:2px 6px;border-radius:4px;text-align:right;animation:fade 6s forwards}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}.toast{position:absolute;left:50%;top:calc(26% + var(--safe-t));transform:translate(-50%);pointer-events:none!important;display:flex;flex-direction:column;align-items:center;gap:6px;width:92vw}.toast div{background:var(--paper);border:3px solid var(--ink);border-radius:8px;padding:6px 14px;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 2px var(--line),0 3px #00000059;animation:pop 2.6s forwards;text-align:center;max-width:100%}.toast div i{font-style:normal}@keyframes pop{0%{transform:scale(.6);opacity:0}8%{transform:scale(1.06);opacity:1}14%,85%{transform:scale(1);opacity:1}to{opacity:0}}.moves{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(12px + var(--safe-b));width:220px;height:200px}.mbtn{position:absolute;border-radius:50%;border:3px solid var(--ink);color:#fff;font-weight:700;text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;overflow:hidden;box-shadow:inset 0 3px #fff6,0 3px #0006;touch-action:none}.mbtn span{position:relative;z-index:2;padding:0 4px}.mbtn .cd{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mbtn.locked{filter:grayscale(1) brightness(.7)}.mbtn.pressed{transform:scale(.92)}.mbtn.s0{right:0;bottom:0;width:92px;height:92px;font-size:13px}.mbtn.s1{right:100px;bottom:0;width:66px;height:66px;font-size:10px}.mbtn.s2{right:82px;bottom:74px;width:66px;height:66px;font-size:10px}.mbtn.s3{right:6px;bottom:100px;width:72px;height:72px;font-size:10px;border-color:var(--gold)}.items{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(222px + var(--safe-b));display:flex;gap:6px}.ibtn{position:relative;width:46px;height:46px;border-radius:10px;background:#f8f8f8eb;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.ibtn img{width:32px;image-rendering:pixelated}.ibtn b{position:absolute;right:-4px;bottom:-4px;background:var(--ink);color:#fff;font-size:11px;border-radius:6px;padding:0 4px}.ibtn.empty{opacity:.4}.catch-btn{position:absolute;left:50%;bottom:calc(26px + var(--safe-b));transform:translate(-50%);font-size:22px;padding:12px 26px;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{to{transform:translate(-50%) scale(1.08)}}@media (max-height: 480px){.moves{transform:scale(.85);transform-origin:bottom right}.items{right:calc(200px + var(--safe-r));bottom:calc(12px + var(--safe-b))}.catch-btn{bottom:calc(70px + var(--safe-b))}.party{top:calc(80px + var(--safe-t))}}#modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#101018b3;display:flex;align-items:center;justify-content:center;padding:16px}#modal .panel{width:min(420px,100%);padding:14px;text-align:center}#modal h2{margin:0 0 4px;font-size:20px}#modal p{margin:0 0 10px;font-size:14px}.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.choice button{font-family:var(--font);background:var(--blue-soft);border:2px solid var(--ink);border-radius:8px;padding:4px;font-size:12px;font-weight:700}.choice img{width:64px;image-rendering:pixelated;display:block;margin:0 auto}.results{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:#101018bf}.results .panel{width:min(440px,100%);padding:18px;text-align:center}.results .place{font-size:46px;font-weight:700;line-height:1}.results .won{color:#c89000;-webkit-text-stroke:1px var(--ink)}.results dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;margin:14px 0;font-size:15px}.results dd{margin:0;font-weight:700}.results .best img{height:96px;image-rendering:pixelated}.results .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tut{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(80,110,220,.35),transparent 70%),linear-gradient(180deg,#121a36,#0a0e1e);color:#fff;overflow:hidden}.tut-top{display:flex;align-items:center;gap:10px;padding:10px 14px 8px}.tut-step{font-size:12px;font-weight:700;color:#1a1420;background:var(--hi);border-radius:999px;padding:2px 9px}.tut-title{flex:1;font-size:18px;letter-spacing:.02em}.tut-skip{font-family:var(--font);font-weight:700;font-size:13px;color:#dfe6ff;background:#ffffff14;border:2px solid rgba(255,255,255,.25);border-radius:10px;padding:6px 12px;cursor:pointer}.tut-skip:hover{background:#ffffff29}.tut-main{--w: min(100%, 1000px, calc((100dvh - 300px) * 16 / 9));flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 12px 12px}.tut-stage{position:relative;width:var(--w);aspect-ratio:16 / 9;container-type:size;overflow:hidden;border-radius:18px;border:3px solid #060914;box-shadow:0 0 0 2px #ffffff1f,0 18px 40px #0000008c,inset 0 0 60px #00143c40;cursor:pointer;animation:tutIn .35s ease-out}.tut-stage.back{animation-name:tutBack}@keyframes tutIn{0%{opacity:0;transform:translate(14px)}}@keyframes tutBack{0%{opacity:0;transform:translate(-14px)}}.tut-stage img.px{image-rendering:pixelated}.tut-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 55%,rgba(0,10,40,.28))}.bg-field{background:radial-gradient(ellipse 18% 7% at 18% 18%,#fffffff2,#fff0 70%),radial-gradient(ellipse 12% 5% at 26% 14%,#ffffffe6,#fff0 70%),radial-gradient(ellipse 16% 6% at 78% 12%,#ffffffd9,#fff0 70%),radial-gradient(ellipse 34% 14% at 12% 47%,#6fae58 0 60%,transparent 62%),radial-gradient(ellipse 40% 16% at 70% 48%,#7cba60 0 60%,transparent 62%),radial-gradient(ellipse 30% 12% at 98% 46%,#68a650 0 60%,transparent 62%),repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 3cqh,transparent 3cqh 6cqh) 0 46% / 100% 54% no-repeat,linear-gradient(180deg,#5aa8ec,#a8daf8 44%,#c6ecf8 46%,#b4e08c 46.2%,#92cc68 72%,#74b450)}.bg-storm{background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(170,90,255,.35),transparent 70%),linear-gradient(180deg,#1c1240,#2e1a5c 50%,#1a1036)}.bg-raid{background:radial-gradient(ellipse 50% 22% at 50% 80%,rgba(255,110,40,.45),transparent 70%),radial-gradient(ellipse 30% 30% at 50% 35%,rgba(255,150,80,.25),transparent 70%),linear-gradient(180deg,#24080c,#4a1410 46%,#3a1a14 46.2%,#2a1210)}.tp{position:absolute;width:34cqmin;height:9cqmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#f4f8dc 0,#f4f8dc 36%,#c8dc98 38%,#c8dc98 66%,#98b870 68%);box-shadow:0 .8cqmin #28461e59}.bg-raid .tp{background:radial-gradient(ellipse at 50% 42%,#6a3a30 0,#6a3a30 36%,#4a2420 38%,#4a2420 66%,#2a1210 68%);box-shadow:0 0 4cqmin #ff6e2880}.t-sun{position:absolute;right:-10cqmin;top:-14cqmin;width:60cqmin;height:60cqmin;border-radius:50%;background:radial-gradient(circle,#fffadce6,#fff0b400 60%)}.t-prof-plat{left:72%;top:84%;width:46cqmin;height:11cqmin}.t-prof{position:absolute;left:72%;top:86%;height:70cqmin;transform:translate(-50%,-100%);animation:tSlideIn .6s cubic-bezier(.2,.9,.3,1.2)}@keyframes tSlideIn{0%{transform:translate(60%,-100%);opacity:0}}.t-modes{position:absolute;left:6%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3cqmin}.t-mode{display:flex;flex-direction:column;width:52cqmin;padding:2.6cqmin 3.4cqmin;border-radius:3cqmin;background:#0e142cdb;border:.6cqmin solid var(--mc);box-shadow:0 1cqmin #0000004d,0 0 4cqmin color-mix(in srgb,var(--mc) 50%,transparent);animation:tPop .5s backwards cubic-bezier(.2,1.4,.4,1)}.t-mode.br{--mc: #ffd84a;animation-delay:.35s}.t-mode.raid{--mc: #ff7a30;animation-delay:.55s}.t-mode b{font-size:5.2cqmin;color:var(--mc)}.t-mode small{font-size:3.4cqmin;color:#c8d0f0}@keyframes tPop{0%{transform:scale(.6);opacity:0}}.t-spark i{position:absolute;width:2cqmin;height:2cqmin;background:#fff;transform:rotate(45deg);animation:tTwinkle 1.6s ease-in-out infinite}.t-spark i:nth-child(1){left:58%;top:18%}.t-spark i:nth-child(2){left:88%;top:30%;animation-delay:.3s}.t-spark i:nth-child(3){left:62%;top:52%;animation-delay:.7s}.t-spark i:nth-child(4){left:86%;top:62%;animation-delay:1s}.t-spark i:nth-child(5){left:50%;top:34%;animation-delay:1.3s}@keyframes tTwinkle{0%,to{opacity:0;transform:rotate(45deg) scale(.3)}50%{opacity:1;transform:rotate(45deg) scale(1)}}.t-trio{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;align-items:flex-end;padding-bottom:7%}.t-pick{position:relative;display:flex;flex-direction:column;align-items:center;width:30cqmin;animation:tPickOn 4.5s infinite;animation-delay:calc(var(--i) * 1.5s)}.t-pick .tp{position:absolute;left:50%;top:32cqmin}.t-pick img{position:relative;height:30cqmin;animation:tHop .9s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.t-role{position:relative;margin-top:5cqmin;font-style:normal;font-weight:700;font-size:3.8cqmin;padding:.6cqmin 2.2cqmin;border-radius:2cqmin;background:var(--rc);border:.5cqmin solid #1a1420;text-shadow:0 .3cqmin 0 rgba(0,0,0,.4);white-space:nowrap}.t-role i{font-style:normal;margin-right:1cqmin}.t-bonus{position:relative;margin-top:1.4cqmin;max-width:30cqmin;text-align:center;font-size:2.9cqmin;font-weight:700;color:#1a3010;background:#ffffffb3;border-radius:1.4cqmin;padding:.3cqmin 1.6cqmin}@keyframes tPickOn{0%,30%{filter:drop-shadow(0 0 2cqmin rgba(255,216,74,.95));transform:translateY(-1.5cqmin)}36%,to{filter:none;transform:none}}@keyframes tHop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8%)}}.t-keys,.t-stick{position:absolute;left:14%;top:62%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2cqmin}.t-keys small,.t-stick small,.t-mouse small{font-size:3cqmin;font-weight:700;color:#1a3010;background:#ffffffbf;border-radius:1.4cqmin;padding:.3cqmin 1.6cqmin;white-space:nowrap}.t-wasd{display:grid;grid-template-columns:repeat(3,9cqmin);grid-template-rows:repeat(2,9cqmin);gap:1.2cqmin}.tk{display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;font-size:4cqmin;color:#1a1420;background:linear-gradient(#fff,#d6dbe8);border:.5cqmin solid #1a1420;border-bottom-width:1.2cqmin;border-radius:1.6cqmin}.t-wasd .w{grid-column:2;grid-row:1}.t-wasd .a{grid-column:1;grid-row:2;animation:tKeyA 3s infinite}.t-wasd .s{grid-column:2;grid-row:2}.t-wasd .d{grid-column:3;grid-row:2;animation:tKeyD 3s infinite}@keyframes tKeyD{0%,46%{background:linear-gradient(#ffe680,#ffc820);border-bottom-width:.5cqmin;transform:translateY(.7cqmin)}50%,to{background:linear-gradient(#fff,#d6dbe8)}}@keyframes tKeyA{0%,50%{background:linear-gradient(#fff,#d6dbe8)}54%,96%{background:linear-gradient(#ffe680,#ffc820);border-bottom-width:.5cqmin;transform:translateY(.7cqmin)}}.t-stick .stick-base{position:relative;margin:0;width:30cqmin;height:30cqmin;border-width:.7cqmin!important}.t-stick .stick-knob{width:13cqmin;height:13cqmin;margin:-6.5cqmin 0 0 -6.5cqmin;border-width:.6cqmin;animation:tKnob 3s ease-in-out infinite}@keyframes tKnob{0%,46%{transform:translate(7cqmin)}50%,96%{transform:translate(-7cqmin)}}.t-mouse{position:absolute;left:31%;top:62%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2cqmin}.t-mouse i{position:relative;width:11cqmin;height:16cqmin;border-radius:5.5cqmin 5.5cqmin 5cqmin 5cqmin;background:linear-gradient(#fff,#d6dbe8);border:.5cqmin solid #1a1420;overflow:hidden}.t-mouse i:before{content:"";position:absolute;left:0;top:0;width:50%;height:42%;border-right:.5cqmin solid #1a1420;border-bottom:.5cqmin solid #1a1420;animation:tClick 1.4s infinite}.t-mouse i:after{content:"";position:absolute;left:100%;top:42%;width:0;height:0;border-bottom:.5cqmin solid #1a1420;width:50%;margin-left:-50%}@keyframes tClick{0%,30%{background:#ffc820}40%,to{background:transparent}}.t-walk{position:absolute;left:52%;top:70%;animation:tWalk 3s ease-in-out infinite}.t-walk .tp{left:0;top:0;width:26cqmin;height:7cqmin}.t-trainer{position:absolute;left:0;bottom:0;height:34cqmin;transform:translate(-50%);animation:tStep .3s ease-in-out infinite alternate}.t-buddy{position:absolute;left:7cqmin;bottom:-1cqmin;height:12cqmin}@keyframes tWalk{0%,46%{transform:translate(-6cqw) scaleX(1)}23%{transform:translate(6cqw) scaleX(1)}0%{transform:translate(-6cqw)}46%{transform:translate(6cqw)}50%{transform:translate(6cqw) scaleX(-1)}96%{transform:translate(-6cqw) scaleX(-1)}to{transform:translate(-6cqw) scaleX(1)}}@keyframes tStep{to{transform:translate(-50%,-2%) rotate(2deg)}}.t-moves{position:absolute;right:4%;bottom:7%;width:46cqmin;height:43cqmin}.t-moves .mb{border-width:.6cqmin}.t-moves .mb.s0{right:0;bottom:0;width:19.6cqmin;height:19.6cqmin;font-size:2.8cqmin}.t-moves .mb.s1{right:21.2cqmin;bottom:.4cqmin;width:14cqmin;height:14cqmin;font-size:2.1cqmin}.t-moves .mb.s2{right:18cqmin;bottom:16.4cqmin;width:14cqmin;height:14cqmin;font-size:2.1cqmin}.t-moves .mb.s3{right:1.2cqmin;bottom:22cqmin;width:16.4cqmin;height:16.4cqmin;font-size:2.2cqmin}.t-moves .mb .ring{top:-1.4cqmin;right:-1.4cqmin;bottom:-1.4cqmin;left:-1.4cqmin;border-width:.4cqmin}.t-moves .tk.on-btn{position:absolute;z-index:4;left:-1cqmin;top:-1cqmin;font-size:2.4cqmin;padding:.3cqmin .9cqmin;border-width:.4cqmin;border-bottom-width:.8cqmin;border-radius:1cqmin}.t-press{animation:tPress 2.8s infinite;animation-delay:var(--d)}@keyframes tPress{0%,12%,to{transform:scale(1);filter:none}5%{transform:scale(.88);filter:brightness(1.35)}}.t-tap{position:absolute;right:calc(4% + 4cqmin);bottom:calc(7% + 4cqmin);z-index:3;width:12cqmin;height:12cqmin;border-radius:50%;border:.6cqmin solid #fff;box-shadow:0 0 2cqmin #fffc;animation:tTap 1.4s ease-out infinite}@keyframes tTap{0%{transform:scale(.4);opacity:1}70%,to{transform:scale(1.3);opacity:0}}.t-foe-plat{left:70%;top:50%;width:38cqmin;height:10cqmin}.t-me-plat{left:27%;top:92%;width:54cqmin;height:13cqmin}.t-foe{position:absolute;left:70%;top:52%;height:26cqmin;transform:translate(-50%,-100%)}.t-foe img{height:100%}.t-hurt img{animation:tHurt 3.2s infinite}@keyframes tHurt{0%,12%,30%,42%,60%,to{transform:translate(0);filter:none}14%,44%{transform:translate(5%);filter:brightness(3)}18%,48%{transform:translate(-5%);filter:none}22%,52%{transform:translate(3%);filter:brightness(3)}}.t-me{position:absolute;left:27%;top:104%;height:62cqmin;transform:translate(-50%,-100%);animation:tLunge 1.6s infinite}@keyframes tLunge{0%,22%,to{transform:translate(-50%,-100%)}10%{transform:translate(-42%,-104%)}}.t-bolt{position:absolute;left:33%;top:38%;width:32%;height:16%;transform:rotate(-24deg);overflow:visible;animation:tZap 1.6s infinite}.t-bolt polyline{fill:none;stroke:#fff;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 0 4px #f8d030) drop-shadow(0 0 10px #f8d030)}@keyframes tZap{0%,6%,24%,to{opacity:0}8%,20%{opacity:1}14%{opacity:.4}}.t-dmg{position:absolute;left:74%;top:14%;font-weight:700;font-size:7cqmin;color:#ff5a50;-webkit-text-stroke:.5cqmin #1a1420;animation:tDmg 1.6s infinite}@keyframes tDmg{0%,12%{opacity:0;transform:translateY(2cqmin) scale(.5)}18%{opacity:1;transform:translateY(0) scale(1.25)}55%{opacity:1;transform:translateY(-3cqmin) scale(1)}65%,to{opacity:0}}.t-plate{position:absolute;min-width:42cqmin;padding:1.4cqmin 2.4cqmin 1.8cqmin;border-radius:2cqmin;background:linear-gradient(#fff,#e8ecf4);border:.6cqmin solid #2a2a38;box-shadow:0 1cqmin #00000040;color:#1a1420;display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:2cqmin}.t-plate b{font-size:4.2cqmin}.t-plate small{font-size:3.2cqmin;font-weight:700}.t-plate.foe{left:5%;top:8%}.t-plate.me{right:4%;top:60%}.t-hp{grid-column:1 / -1;display:flex;align-items:center;gap:1.2cqmin;margin-top:.8cqmin}.t-hp span{font-size:2.4cqmin;font-weight:700;color:#f8c020;background:#3a3a48;border-radius:.8cqmin;padding:0 .8cqmin}.t-hp i{flex:1;height:2.2cqmin;border-radius:1.1cqmin;background:#3a3a48;padding:.4cqmin}.t-hp em{display:block;height:100%;width:100%;border-radius:.8cqmin;background:var(--hp-green)}.t-plate.foe .t-hp em{animation:tHpDrain 3.2s infinite}@keyframes tHpDrain{0%,14%{width:100%;background:var(--hp-green)}20%,44%{width:55%;background:var(--hp-green)}50%,90%{width:18%;background:var(--hp-red)}to{width:100%}}.t-xp{grid-column:1 / -1;margin-top:1cqmin;height:1.2cqmin;border-radius:.6cqmin;background:#3a3a48;overflow:hidden}.t-xp em{display:block;height:100%;background:var(--xp);animation:tXp 3.2s infinite}@keyframes tXp{0%,50%{width:35%}70%,to{width:100%}}.t-newmove{position:absolute;right:6%;top:48%;font-size:3.4cqmin;font-weight:700;color:#1a1420;background:var(--hi);border:.5cqmin solid #1a1420;border-radius:2cqmin;padding:.6cqmin 2cqmin;animation:tNew 3.2s infinite}@keyframes tNew{0%,68%{opacity:0;transform:scale(.6)}74%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.t-dizzy{animation:tCatchHide 4s infinite}.t-dizzy img{transform:rotate(12deg)}.t-stars{position:absolute;left:50%;top:0;width:0;height:0;animation:spin 1s linear infinite}.t-stars i{position:absolute;color:#ffe040;font-style:normal;font-size:4cqmin;text-shadow:0 0 .4cqmin #1a1420}.t-stars i:nth-child(1){transform:translate(-7cqmin)}.t-stars i:nth-child(2){transform:translate(5cqmin,-1.5cqmin)}.t-stars i:nth-child(3){transform:translate(-1.5cqmin,2.5cqmin)}@keyframes tCatchHide{0%,34%{opacity:1;filter:none}37%{opacity:1;filter:brightness(4)}40%,80%{opacity:0}86%,to{opacity:1}}.t-ball{position:absolute;left:24%;top:74%;width:9cqmin;animation:tThrow 4s infinite}@keyframes tThrow{0%,18%{transform:translate(0) rotate(0);opacity:0}20%{opacity:1}34%{transform:translate(43cqw,-32cqh) rotate(720deg)}42%{transform:translate(43cqw,-26cqh) rotate(720deg)}50%{transform:translate(43cqw,-26cqh) rotate(700deg)}58%{transform:translate(43cqw,-26cqh) rotate(740deg)}66%,76%{transform:translate(43cqw,-26cqh) rotate(720deg);opacity:1}80%,to{opacity:0;transform:translate(43cqw,-26cqh)}}.t-catch{position:absolute;left:18%;top:74%;width:18cqmin;height:18cqmin;transform:translate(-50%,-50%);border-radius:50%;border:.9cqmin solid #1a1420;background:linear-gradient(#f04848 0,#f04848 44%,#1a1420 44%,#1a1420 56%,#f8f8f8 56%);box-shadow:0 1cqmin #0006,0 0 5cqmin #ff5050b3;animation:tCatchBtn 4s infinite}.t-catch:before{content:"";position:absolute;left:50%;top:50%;width:5cqmin;height:5cqmin;margin:-2.5cqmin;border-radius:50%;background:#fff;border:.9cqmin solid #1a1420}.t-catch span{position:absolute;left:50%;top:-5.5cqmin;transform:translate(-50%);font-size:4cqmin;font-weight:700;color:#fff;text-shadow:.4cqmin .4cqmin 0 #1a1420,-.4cqmin -.4cqmin 0 #1a1420,.4cqmin -.4cqmin 0 #1a1420,-.4cqmin .4cqmin 0 #1a1420}@keyframes tCatchBtn{0%,14%{transform:translate(-50%,-50%) scale(1);opacity:1}7%{transform:translate(-50%,-50%) scale(1.08) rotate(-6deg)}18%{transform:translate(-50%,-50%) scale(.86);filter:brightness(1.3)}22%,80%{transform:translate(-50%,-50%) scale(1);opacity:.25}86%,to{opacity:1}}.t-caught{position:absolute;left:50%;top:26%;transform:translate(-50%);font-size:7cqmin;font-weight:700;color:#fff;white-space:nowrap;text-shadow:.5cqmin .5cqmin 0 #1a1420,-.5cqmin -.5cqmin 0 #1a1420,.5cqmin -.5cqmin 0 #1a1420,-.5cqmin .5cqmin 0 #1a1420;animation:tCaught 4s infinite}.t-caught.gold{color:var(--hi);animation-name:tCaughtGold;animation-duration:5s}@keyframes tCaught{0%,46%{opacity:0;transform:translate(-50%) scale(.5)}52%,76%{opacity:1;transform:translate(-50%) scale(1)}80%,to{opacity:0}}@keyframes tCaughtGold{0%,66%{opacity:0;transform:translate(-50%) scale(.5)}72%,94%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0}}.t-party{position:absolute;left:4%;top:7%;display:flex;gap:1.6cqmin;padding:1.4cqmin;border-radius:3cqmin;background:#0e142ccc}.t-party i{width:10cqmin;height:10cqmin;border-radius:50%;background:#ffffff24;border:.5cqmin solid rgba(255,255,255,.5);display:grid;place-items:center;overflow:hidden}.t-party i.empty{border-style:dashed;background:none}.t-party img{width:140%}.t-party i:nth-child(2) img{animation:tJoin 4s infinite}@keyframes tJoin{0%,48%{opacity:0;transform:scale(.2)}54%,94%{opacity:1;transform:scale(1)}to{opacity:0}}.t-rays{position:absolute;left:62%;top:50%;width:150cqmin;height:150cqmin;margin:-75cqmin 0 0 -75cqmin;background:repeating-conic-gradient(rgba(255,230,120,.32) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%);animation:tRays 14s linear infinite}@keyframes tRays{to{transform:rotate(360deg)}}.t-leg-plat{left:62%;top:86%;width:62cqmin;height:14cqmin;background:radial-gradient(ellipse at 50% 42%,#fff6c8 0,#fff6c8 36%,#f0d070 38%,#f0d070 66%,#c09028 68%);box-shadow:0 0 6cqmin #ffd250cc}.t-leg{position:absolute;left:62%;top:89%;height:66cqmin;transform:translate(-50%,-100%);filter:drop-shadow(0 0 2cqmin rgba(255,216,74,.9));animation:tLegCaught 5s infinite}.t-leg img{height:100%}@keyframes tLegCaught{0%,40%{opacity:1;transform:translate(-50%,-100%) scale(1);filter:drop-shadow(0 0 2cqmin rgba(255,216,74,.9))}44%{filter:brightness(5) drop-shadow(0 0 4cqmin #fff)}50%,94%{opacity:0;transform:translate(-50%,-60%) scale(.2)}to{opacity:1}}.t-legtag{position:absolute;left:62%;top:6%;transform:translate(-50%);font-size:4.2cqmin;font-weight:700;letter-spacing:.1em;color:#1a1420;background:linear-gradient(#fff2a0,#ffc820);border:.5cqmin solid #1a1420;border-radius:2cqmin;padding:.6cqmin 2.6cqmin;white-space:nowrap;box-shadow:0 0 4cqmin #ffd250cc;animation:tLegTag 5s infinite}@keyframes tLegTag{0%,44%{opacity:1}48%,to{opacity:0}}.t-mball{position:absolute;left:8%;top:84%;width:9cqmin;filter:drop-shadow(0 0 2cqmin rgba(200,120,255,.9));animation:tMball 5s infinite}@keyframes tMball{0%,16%{transform:translate(0) rotate(0);opacity:0}18%{opacity:1}40%{transform:translate(50cqw,-46cqh) rotate(900deg)}46%{transform:translate(51cqw,-30cqh) rotate(900deg)}52%{transform:translate(51cqw,-30cqh) rotate(880deg)}58%{transform:translate(51cqw,-30cqh) rotate(920deg)}64%,94%{transform:translate(51cqw,-30cqh) rotate(900deg);opacity:1}98%,to{opacity:0;transform:translate(51cqw,-30cqh)}}.t-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;animation:tFlash 5s infinite}@keyframes tFlash{0%,40%{opacity:0}42%{opacity:.85}50%,to{opacity:0}}.t-map{position:absolute;left:50%;top:54%;width:74cqmin;height:74cqmin;transform:translate(-50%,-50%);border-radius:6cqmin;overflow:hidden;border:.7cqmin solid #060914;background:radial-gradient(circle at 30% 30%,#4a8a40 0 6%,transparent 6.5%),radial-gradient(circle at 72% 62%,#4a8a40 0 8%,transparent 8.5%),radial-gradient(circle at 62% 24%,#6ab0e0 0 7%,transparent 7.5%),repeating-conic-gradient(#7cbc58 0,#7cbc58 25%,#74b450 0,#74b450 50%) 0 0 / 9cqmin 9cqmin;box-shadow:0 2cqmin 6cqmin #00000080}.t-zone{position:absolute;left:50%;top:50%;width:92%;height:92%;transform:translate(-50%,-50%);border-radius:50%;border:.7cqmin dashed #fff;box-shadow:0 0 0 80cqmin #7832d299,inset 0 0 3cqmin #aa64ff99;animation:tShrink 5s ease-in-out infinite}@keyframes tShrink{0%,10%{width:92%;height:92%}80%,to{width:40%;height:40%}}.t-dot{position:absolute;left:50%;top:50%;width:5cqmin;height:5cqmin;margin:-2.5cqmin;border-radius:50%;background:#f05050;border:.5cqmin solid #fff;box-shadow:0 .5cqmin #00000059}.t-dot.you{background:var(--hi);width:6.5cqmin;height:6.5cqmin;margin:-3.25cqmin;animation:tYou 5s ease-in-out infinite;z-index:2}.t-dot.r1{animation:tR1 5s ease-in-out infinite}.t-dot.r2{animation:tR2 5s ease-in-out infinite}.t-dot.r3{animation:tR3 5s ease-in-out infinite}.t-dot.out{animation:tOut 5s ease-in-out infinite}@keyframes tYou{0%,10%{transform:translate(-22cqmin,14cqmin)}80%,to{transform:translate(-4cqmin,3cqmin)}}@keyframes tR1{0%,10%{transform:translate(20cqmin,-18cqmin)}80%,to{transform:translate(6cqmin,-5cqmin)}}@keyframes tR2{0%,10%{transform:translate(24cqmin,16cqmin)}80%,to{transform:translate(5cqmin,7cqmin)}}@keyframes tR3{0%,10%{transform:translate(-14cqmin,-22cqmin)}80%,to{transform:translate(-6cqmin,-6cqmin)}}@keyframes tOut{0%,10%{transform:translate(32cqmin,-2cqmin);opacity:1}55%{transform:translate(26cqmin,-2cqmin);opacity:1;background:#f05050}62%,to{transform:translate(26cqmin,-2cqmin);opacity:0;background:#fff}}.t-stormtag,.t-warn{position:absolute;left:50%;top:4%;transform:translate(-50%);font-size:4.2cqmin;font-weight:700;white-space:nowrap;color:#fff;background:#7832d2d9;border:.5cqmin solid #e0c8ff;border-radius:2cqmin;padding:.6cqmin 2.6cqmin;animation:tPulse 1s ease-in-out infinite alternate}.t-warn{top:auto;bottom:4%;background:#c81e1ee6;border-color:#ffb0a0}@keyframes tPulse{to{transform:translate(-50%) scale(1.05)}}.t-boss-plat{left:50%;top:52%;width:52cqmin;height:12cqmin}.t-boss{position:absolute;left:50%;top:54%;height:46cqmin;transform:translate(-50%,-100%);filter:drop-shadow(0 0 3cqmin rgba(255,140,60,.8))}.t-boss img{height:100%}.t-tele{position:absolute;left:42%;top:74%;width:40cqmin;height:16cqmin;transform:translate(-50%,-50%);border-radius:50%;background:#ff3c2838;border:.6cqmin dashed #ffd0c0;animation:tTele 3s infinite}.t-tele i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ff462899;animation:tTeleFill 3s infinite}@keyframes tTele{0%,74%{opacity:1;filter:none}76%{opacity:1;filter:brightness(3);background:#fffc}86%,to{opacity:0}}@keyframes tTeleFill{0%{transform:scale(0)}74%{transform:scale(1)}to{transform:scale(1)}}.t-runner{position:absolute;left:42%;top:76%;height:13cqmin;transform:translate(-50%,-100%);animation:tRun 3s infinite}.t-runner img{height:100%}@keyframes tRun{0%,20%{transform:translate(-50%,-100%)}50%,to{transform:translate(calc(-50% + 30cqmin),-100%)}}.tut-box{position:relative;width:var(--w);padding:14px 18px 12px;border-radius:14px;background:#f8f8fc;color:var(--ink);border:3px solid #3858a8;box-shadow:inset 0 0 0 3px #a8c0f0,0 4px #0006}.tut-box p{margin:0;min-height:3.9em;font-size:clamp(15px,1.2vw + 8px,20px);line-height:1.35;font-weight:600;cursor:pointer}.tut-nav{display:flex;align-items:center;gap:10px;margin-top:10px}.tut-prev,.tut-next{font-family:var(--font);font-weight:700;font-size:15px;border-radius:10px;padding:8px 14px;cursor:pointer;white-space:nowrap}.tut-prev{color:#3858a8;background:#fff;border:2px solid #a8c0f0}.tut-prev:disabled{opacity:.35;cursor:default}.tut-next{margin-left:auto;color:#1a1420;background:linear-gradient(#ffe680,#ffc820);border:2px solid #1a1420;box-shadow:0 3px #9a6a00}.tut-next.last{animation:tPulseBtn .8s ease-in-out infinite alternate}@keyframes tPulseBtn{to{transform:scale(1.05)}}.tut-dots{flex:1;display:flex;justify-content:center;gap:6px}.tut-dots button{width:11px;height:11px;padding:0;border-radius:50%;border:2px solid #a8b4d8;background:transparent;cursor:pointer}.tut-dots button.seen{background:#a8b4d8}.tut-dots button.on{width:26px;border-radius:6px;border-color:#3858a8;background:#3858a8}@media (hover: hover){.tut-prev:not(:disabled):hover{background:#eef2ff}.tut-next:hover{filter:brightness(1.06)}}@media (orientation: portrait){.tut-main{--w: 100%}.tut-stage{aspect-ratio:auto;flex:1;min-height:0;max-height:70vw}.tut-prev{padding:8px 10px}}@media (orientation: portrait) and (min-height: 700px){.tut-stage{max-height:100vw}}@media (orientation: landscape) and (max-height: 560px){.tut-top{padding:6px 14px 4px}.tut-main{--w: auto;flex-direction:row;align-items:stretch}.tut-stage{align-self:center;width:min(60vw,calc((100dvh - 60px) * 16 / 9))}.tut-box{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px 12px}.tut-box p{flex:1 1 auto;min-height:0;overflow-y:auto;font-size:14px}.tut-prev,.tut-next{font-size:14px;padding:7px 10px}.tut-nav{flex-wrap:wrap}.tut-dots{order:-1;flex-basis:100%;margin-bottom:6px}}.menu-btn{position:absolute;top:calc(8px + var(--safe-t));right:calc(clamp(92px,24vw,140px) + 58px + var(--safe-r));width:34px;height:34px;border-radius:8px;border:2px solid var(--ink);background:#f8f8f8e6;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}#modal .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}:root{--night: #0c1020;--night2: #161c34;--steel: #2a3354;--glass: rgba(16, 22, 44, .78);--hi: #ffd84a}.title2{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;background:#08080c}.tbg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tvignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none}.legend-l,.legend-r{position:absolute;top:12%;width:clamp(190px,58vw,380px);animation:hover 4s ease-in-out infinite}.legend-l{left:-6%;filter:drop-shadow(0 0 18px rgba(80,150,255,.85));animation-delay:-2s}.legend-r{right:-6%;top:7%;filter:drop-shadow(0 0 18px rgba(255,150,60,.85))}.legend-l img,.legend-r img{width:100%;image-rendering:pixelated}.legend-l img{transform:scaleX(-1)}@keyframes hover{50%{transform:translateY(-10px)}}.tlogo{position:absolute;left:0;right:0;top:48%;display:flex;flex-direction:column;align-items:center;animation:logoIn 1.1s cubic-bezier(.2,1.4,.4,1) both}@keyframes logoIn{0%{opacity:0;transform:scale(2.2);filter:blur(8px)}}.tball{width:54px;height:54px;margin-bottom:-10px;border-radius:50%;border:4px solid #111;background:linear-gradient(#e83838 0,#e83838 46%,#111 46%,#111 54%,#f4f4f4 54%);box-shadow:0 0 24px #ffffff80;position:relative;z-index:2;animation:ballSpin 6s ease-in-out infinite}.tball:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#fff;border:4px solid #111}@keyframes ballSpin{0%,80%{transform:rotate(0)}90%{transform:rotate(-20deg)}95%{transform:rotate(15deg)}to{transform:rotate(0)}}.word{position:relative;font-weight:700;font-size:clamp(46px,13.5vw,120px);line-height:1;letter-spacing:2px;background:linear-gradient(180deg,#fff7c0,#ffd84a 38%,#f0a020 62%,#c86010);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #1a1420;filter:drop-shadow(0 6px 0 #1a1420) drop-shadow(0 0 22px rgba(255,200,80,.5))}.word:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;animation:shine 3.2s ease-in-out infinite}@keyframes shine{0%{background-position:120% 0}60%,to{background-position:-40% 0}}.ribbon{margin-top:8px;padding:4px 34px;background:linear-gradient(#e83838,#a81c1c);border:3px solid #1a1420;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);box-shadow:0 4px #1a1420}.ribbon span{font-weight:700;font-size:clamp(18px,5vw,30px);letter-spacing:10px;color:#fff;text-shadow:2px 2px 0 #1a1420}.tag{margin-top:10px;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff;background:#0a0a1499;padding:3px 10px;border-radius:20px}.tpress{position:absolute;left:50%;bottom:calc(14% + var(--safe-b));transform:translate(-50%);font-size:19px;font-weight:700;color:#fff;letter-spacing:2px;padding:10px 26px;border-radius:40px;background:#0a0a14b3;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 20px #ffd84a73;white-space:nowrap;animation:pressPulse 1.4s ease-in-out infinite}@keyframes pressPulse{50%{opacity:.45;transform:translate(-50%) scale(.96)}}.tfoot{position:absolute;left:0;right:0;bottom:calc(10px + var(--safe-b));text-align:center;font-size:10px;color:#ffffff8c;mix-blend-mode:difference}.wipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:all;overflow:hidden}.wipe .half{position:absolute;top:-10%;bottom:-10%;width:75%;transition:transform .42s cubic-bezier(.7,0,.3,1)}.wipe .black{left:-12%;background:#0a0a10;clip-path:polygon(0 0,100% 0,72% 100%,0 100%);transform:translate(-110%)}.wipe .white{right:-12%;background:#f4f4f8;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);transform:translate(110%)}.wipe.closed .half{transform:translate(0)}.wipe.open .half{transition-timing-function:cubic-bezier(.5,0,.75,0)}.wipe.open .black{transform:translate(-110%)}.wipe.open .white{transform:translate(110%)}.wipe .seal{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px;border-radius:50%;border:6px solid #111;background:linear-gradient(#e83838 0,#e83838 45%,#111 45%,#111 55%,#f4f4f4 55%);transform:scale(0) rotate(-180deg);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.wipe .seal i{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px;border-radius:50%;background:#fff;border:6px solid #111}.wipe.sealed .seal{transform:scale(1) rotate(0)}.wipe.open .seal{transform:scale(1.6);opacity:0;transition:transform .3s,opacity .3s}.sel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,#2a3a7a 0%,transparent 60%),linear-gradient(#141a34,#0a0d1a);color:#fff;overflow:hidden}.sel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px);pointer-events:none}.sel-head{position:relative;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-t)) 14px 8px;z-index:2}.sel-back{width:40px;height:40px;border-radius:12px;border:2px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;font-size:16px}.sel-title{display:flex;flex-direction:column;line-height:1.05}.sel-title small{font-size:11px;letter-spacing:3px;color:var(--hi);font-weight:700}.sel-title b{font-size:24px;text-shadow:0 3px 0 rgba(0,0,0,.5)}.hero{--accent: #3870c8;--accent2: var(--accent);position:relative;flex:1 1 auto;min-height:0;margin:0 12px;border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #0006}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 78%,color-mix(in srgb,var(--accent) 60%,white) 0%,transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 85%,black),color-mix(in srgb,var(--accent2) 45%,#0a0d1a));transition:background .4s}.hero-bg:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 18px,transparent 18px 46px);animation:stripes 12s linear infinite}@keyframes stripes{to{transform:translate(92px)}}.hero-beam{position:absolute;left:50%;top:-10%;width:70%;height:100%;transform:translate(-50%);background:linear-gradient(rgba(255,255,255,.35),transparent 80%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);mix-blend-mode:soft-light}.hero-rays{position:absolute;left:50%;top:46%;width:160%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,255,255,.12) 0 8deg,transparent 8deg 22deg);animation:spinRays 30s linear infinite;mask-image:radial-gradient(circle,black 10%,transparent 60%);-webkit-mask-image:radial-gradient(circle,black 10%,transparent 60%)}@keyframes spinRays{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-plat{position:absolute;left:50%;bottom:18%;width:62%;height:13%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#ffffffe6 0,#ffffffe6 25%,color-mix(in srgb,var(--accent) 40%,white) 26%,color-mix(in srgb,var(--accent) 40%,white) 60%,color-mix(in srgb,var(--accent) 70%,black) 61%,color-mix(in srgb,var(--accent) 70%,black));box-shadow:0 0 40px color-mix(in srgb,var(--accent) 80%,white),0 8px #00000059}.hero-fig{position:absolute;left:50%;bottom:23%;height:58%;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center}.hero-fig img{height:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25));animation:idle 2.4s ease-in-out infinite;transform-origin:bottom center}.mon-hero .hero-fig{height:46%;bottom:24%}.mon-hero .hero-fig img{height:auto;max-height:100%;width:auto;transform:scale(2.1);animation:none}@keyframes idle{50%{transform:translateY(-2%) scaleY(1.015)}}.hero.swap .hero-fig{animation:figIn .5s cubic-bezier(.2,1.4,.4,1)}@keyframes figIn{0%{opacity:0;transform:translate(-50%) translateY(14%) scale(.6);filter:brightness(6)}40%{filter:brightness(3)}}.hero.swap .plate{animation:plateIn .45s cubic-bezier(.2,1.2,.4,1)}@keyframes plateIn{0%{transform:translate(-120%)}}.plate{position:absolute;left:0;bottom:4%;padding:8px 26px 8px 16px;background:linear-gradient(90deg,#080a16f2,#080a16bf);border-left:5px solid var(--accent);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);display:flex;flex-direction:column;gap:3px}.plate b{font-size:26px;line-height:1;letter-spacing:1px;text-shadow:0 2px 0 #000}.plate span{font-size:13px;color:#c8d0f0}.plate .chips{display:flex;gap:4px}.quote{position:absolute;right:12px;top:14px;max-width:46%;padding:8px 12px;background:#fff;color:var(--ink);font-weight:700;font-size:14px;border-radius:12px;border:3px solid var(--ink);box-shadow:0 4px #00000059}.hero.swap .quote{animation:quoteIn .5s .2s both cubic-bezier(.2,1.6,.4,1)}@keyframes quoteIn{0%{opacity:0;transform:scale(.4) rotate(-6deg)}}.strip{position:relative;z-index:2;display:flex;gap:8px;overflow-x:auto;padding:12px 14px 4px;scrollbar-width:none;touch-action:pan-x}.strip::-webkit-scrollbar{display:none}.thumb{flex:0 0 auto;width:74px;padding:4px 4px 6px;border-radius:14px;border:2px solid rgba(255,255,255,.18);background:linear-gradient(#232b4c,#151a30);color:#fff;font-family:var(--font);font-weight:700;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s,border-color .15s}.thumb img{width:62px;height:62px;object-fit:cover;object-position:top;image-rendering:pixelated}.thumb.on{border-color:var(--hi);transform:translateY(-4px);box-shadow:0 0 0 2px var(--hi),0 8px 18px #ffd84a4d}.mon-hero .info{position:absolute;right:10px;top:10px;width:min(46%,230px);display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:#080a16b8;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mon-hero.swap .info{animation:infoIn .45s cubic-bezier(.2,1.2,.4,1)}@keyframes infoIn{0%{transform:translate(120%)}}.stats .st{display:grid;grid-template-columns:30px 1fr 26px;align-items:center;gap:4px;font-size:10px;font-weight:700}.stats .st i{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.stats .st em{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,white));animation:grow .7s cubic-bezier(.2,1,.3,1)}@keyframes grow{0%{width:0}}.stats .st b{text-align:right;color:#c8d0f0}.moves2{display:grid;grid-template-columns:1fr 1fr;gap:3px}.mv2{display:flex;flex-direction:column;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--tc) 35%,#10142a);border-left:3px solid var(--tc);font-size:10px;font-weight:700;line-height:1.1}.mv2 small{font-size:8.5px;color:#c8d0f0}.evo{display:flex;align-items:center;justify-content:center;gap:2px}.evo img{width:34px;image-rendering:pixelated}.evo .multi{display:flex}.evo .multi img{width:24px}.evo .arrow{font-size:8px;text-align:center;color:var(--hi);font-weight:700}.mon-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px 12px 2px}@media (max-width: 520px){.mon-grid{grid-template-columns:repeat(4,1fr)}}.tile{position:relative;padding:2px 2px 4px;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.55) 0 26%,transparent 46%),linear-gradient(160deg,color-mix(in srgb,var(--tc) 75%,#1a2040),color-mix(in srgb,var(--tc) 30%,#10142a));color:#fff;text-shadow:0 1px 0 #000;font-family:var(--font);font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:transform .15s}.tile img{width:100%;max-width:64px;margin:-8px 0 -10px;image-rendering:pixelated}.tile span{position:relative}.tile.on{border-color:var(--hi);transform:scale(1.05);box-shadow:0 0 0 2px var(--hi),0 0 18px #ffd84a66}.sel-note{position:relative;z-index:2;text-align:center;font-size:11px;color:#a8b0d0;padding:4px 12px 0}.sel-foot{position:relative;z-index:2;padding:10px 14px calc(14px + var(--safe-b))}.cta{width:100%;font-family:var(--font);font-weight:700;font-size:22px;letter-spacing:1px;color:#1a1420;padding:14px;border-radius:16px;border:3px solid #1a1420;background:linear-gradient(#fff3a0,#ffd84a 45%,#f0a020);box-shadow:0 5px #1a1420,0 0 30px #ffd84a59,inset 0 2px #ffffffb3;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.7),transparent);animation:ctaShine 2.6s ease-in-out infinite}@keyframes ctaShine{60%,to{left:120%}}.cta:active{transform:translateY(4px);box-shadow:0 1px #1a1420}@media (min-width: 760px){.sel{align-items:center}.sel>*{width:min(760px,100%)}}#hud.intro-mode>*:not(.countdown):not(.banners){opacity:0;pointer-events:none}#hud>*{transition:opacity .5s}.hcard{--hp: 360deg;--hc: #40d860;position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));display:flex;align-items:center;gap:7px;height:56px;max-width:calc(100vw - 172px - var(--safe-l));padding:4px 8px 4px 4px;border-radius:30px;background:linear-gradient(180deg,#222648eb,#0e1022eb);border:2px solid #1a1420;box-shadow:inset 0 1px #ffffff2e,0 3px #00000059;pointer-events:none!important;transition:box-shadow .15s}.hc-portrait{position:relative;flex:none;width:48px;height:48px;padding:3px;border-radius:50%;background:conic-gradient(var(--hc) var(--hp),rgba(255,255,255,.12) 0);transition:box-shadow .15s}.hc-face{width:100%;height:100%;border-radius:50%;border:2px solid #1a1420;background:radial-gradient(circle at 40% 35%,#fff,#c8d8f0 60%,#8098c8);overflow:hidden}.hc-face img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.55) translateY(4%);image-rendering:pixelated}.hcard.swap .hc-face img{animation:figIn2 .45s cubic-bezier(.2,1.4,.4,1)}@keyframes figIn2{0%{scale:.3;filter:brightness(5)}}.hc-portrait .lv{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);padding:0 4px;border-radius:6px;background:var(--hi);color:#1a1420;font-size:9px;font-weight:700;line-height:1.3;white-space:nowrap}.hcard.hurt{box-shadow:inset 0 1px #ffffff2e,0 3px #00000059,0 0 0 2px #ff5040,0 0 16px #ff403099}.hcard.low .hc-portrait{animation:lowPulse .8s ease-in-out infinite}@keyframes lowPulse{50%{box-shadow:0 0 0 2px #ff4030e6,0 0 14px #ff4030b3}}.hcard.regen .hc-portrait{box-shadow:0 0 12px #50f078d9}.hc-main{display:flex;flex-direction:column;gap:4px;min-width:0}.hc-main>b{font-size:14px;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-xp{width:58px;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden}.hc-xp i{display:block;height:100%;background:linear-gradient(90deg,#48a8f8,#a0e0ff);transition:width .3s}.hc-div{flex:none;width:2px;align-self:stretch;margin:8px 0;border-radius:1px;background:#ffffff24}.hparty{display:flex;gap:4px;pointer-events:auto}.hparty:empty,.raid-mode .hc-div{display:none}.pb{--hp: 360deg;--hc: #40d860;position:relative;flex:none;width:28px;height:28px;padding:2px;border-radius:50%;background:conic-gradient(var(--hc) var(--hp),rgba(255,255,255,.1) 0);cursor:pointer}.pb img{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#c8d4ec);border:1.5px solid #1a1420;object-fit:cover;object-position:center 30%;image-rendering:pixelated}.pb .lv{position:absolute;right:-4px;bottom:-4px;background:#1a1420;color:#fff;font-size:8px;font-weight:700;border-radius:5px;padding:0 2px}.pb.active{display:none}.pb.faint{filter:grayscale(1) brightness(.7)}.pb.empty{background:none;border:1.5px dashed rgba(255,255,255,.3);cursor:default}.pb .plus{display:none}.mapframe{position:relative;padding:4px;border-radius:14px;background:linear-gradient(145deg,#ffe680,#c08a20);box-shadow:0 4px #00000059}.mapframe .minimap{display:block;border:2px solid #1a1420;border-radius:10px}.maplabel{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:2px;color:#fff;background:#1a1420;padding:1px 8px;border-radius:8px}.chip{display:flex;align-items:center;gap:4px;background:#101428d9!important;border:2px solid rgba(255,255,255,.85)!important;border-radius:10px!important;font-size:13px;padding:3px 8px!important;margin-top:6px}.chip i{font-style:normal;font-size:11px}.chip.storm{background:#5a2896e6!important}.chip.storm.closing{animation:chipPulse .8s ease-in-out infinite}@keyframes chipPulse{50%{box-shadow:0 0 14px #d080ff;transform:scale(1.06)}}.feed div{display:flex;align-items:center;gap:4px;background:linear-gradient(90deg,transparent,rgba(16,20,40,.88) 18%)!important;padding:2px 8px 2px 14px!important}.feed img{width:26px;height:22px;object-fit:cover;object-position:center 30%;image-rendering:pixelated;margin:-4px 0}.feed img.tr{object-position:top}.sysbtns{position:absolute;top:calc(8px + var(--safe-t));right:calc(clamp(92px,24vw,140px) + 22px + var(--safe-r));display:flex;flex-direction:column;gap:6px}.sysbtn{width:36px;height:36px;border-radius:10px;border:2px solid rgba(255,255,255,.85);background:#101428bf;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.stick-base{background:radial-gradient(circle,#ffffff14,#ffffff38)!important;border:3px solid rgba(255,255,255,.55)!important;box-shadow:0 0 0 3px #14141e59,inset 0 0 18px #ffffff26}.stick-base em{position:absolute;width:0;height:0;border:7px solid transparent;opacity:.8}.stick-base .n{left:50%;top:4px;margin-left:-7px;border-bottom-color:#fff;border-top:0}.stick-base .s{left:50%;bottom:4px;margin-left:-7px;border-top-color:#fff;border-bottom:0}.stick-base .w{top:50%;left:4px;margin-top:-7px;border-right-color:#fff;border-left:0}.stick-base .e{top:50%;right:4px;margin-top:-7px;border-left-color:#fff;border-right:0}.stick-knob{background:radial-gradient(circle at 35% 30%,#fff,#d8def0 50%,#9aa4c4)!important;box-shadow:0 4px 10px #0006}.moves3{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(14px + var(--safe-b));width:230px;height:214px}.mb{--tc: #a8a878;position:absolute;border-radius:50%;touch-action:none;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--tc) 55%,white) 0%,var(--tc) 45%,color-mix(in srgb,var(--tc) 55%,black) 100%);border:3px solid #1a1420;box-shadow:0 5px #00000073,inset 0 3px #ffffff73,inset 0 -4px #0003;transition:transform .08s}.mb .ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2px solid color-mix(in srgb,var(--tc) 60%,white);opacity:.6}.mb .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.mb .lbl{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;padding:0 6px;font-weight:700;text-shadow:1px 1px 0 #1a1420,-1px -1px 0 #1a1420,1px -1px 0 #1a1420,-1px 1px 0 #1a1420}.mb .lbl small{margin-top:2px;font-size:.72em;opacity:.85}.mb .lock{font-size:1.3em;text-shadow:none}.mb .secs{position:absolute;z-index:3;top:6%;right:8%;font-size:13px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.mb.locked{filter:grayscale(1) brightness(.55)}.mb.pressed{transform:scale(.9)}.mb.ping .ring{animation:ringPing .5s ease-out}@keyframes ringPing{0%{transform:scale(.85);opacity:1;border-width:5px}to{transform:scale(1.25);opacity:0}}.mb.s0{right:0;bottom:0;width:98px;height:98px;font-size:14px}.mb.s1{right:106px;bottom:2px;width:70px;height:70px;font-size:10.5px}.mb.s2{right:90px;bottom:82px;width:70px;height:70px;font-size:10.5px}.mb.s3{right:6px;bottom:110px;width:82px;height:82px;font-size:11px;border-color:#7a5000}.mb.s3 .ring{top:-8px;right:-8px;bottom:-8px;left:-8px;border:3px solid var(--hi);opacity:.9}.mb.s3.ready .ring{border-style:dashed;animation:spinRing 4s linear infinite;box-shadow:0 0 14px #ffd84ab3}@keyframes spinRing{to{transform:rotate(360deg)}}.items2{position:absolute;right:calc(12px + var(--safe-r));bottom:calc(236px + var(--safe-b));display:flex;gap:8px}.ib{position:relative;width:46px;height:46px;border-radius:14px;background:linear-gradient(160deg,#283054eb,#101428eb);border:2px solid rgba(255,255,255,.8);box-shadow:0 4px #00000059;display:flex;align-items:center;justify-content:center}.ib.master{box-shadow:0 4px #00000059,0 0 14px #c070ff99}.ib img{width:34px;image-rendering:pixelated}.ib b{position:absolute;right:-5px;bottom:-5px;min-width:18px;text-align:center;background:var(--hi);color:#1a1420;font-size:11px;border-radius:9px;border:2px solid #1a1420;padding:0 3px}.ib.empty{opacity:.4;box-shadow:none}.ib.empty b{background:#c8c8d0}.catch2{position:absolute;left:50%;bottom:calc(30px + var(--safe-b));width:104px;height:104px;margin-left:-52px;border-radius:50%;border:5px solid #1a1420;background:linear-gradient(#f04848 0,#f04848 44%,#1a1420 44%,#1a1420 56%,#f8f8f8 56%);box-shadow:0 6px #0006,0 0 30px #ff5050b3;animation:catchPulse .7s ease-in-out infinite alternate;font-family:var(--font)}.catch2:before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;border-radius:50%;background:#fff;border:5px solid #1a1420}.catch2 span{position:absolute;left:50%;top:-24px;transform:translate(-50%);font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 0 #1a1420,-2px -2px 0 #1a1420,2px -2px 0 #1a1420,-2px 2px 0 #1a1420}@keyframes catchPulse{to{transform:scale(1.08) rotate(-6deg)}}.vign{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;opacity:0;transition:opacity .3s}.vign.low{box-shadow:inset 0 0 90px 30px #ff1e1e99}.vign.low.on{animation:lowPulse .9s ease-in-out infinite}@keyframes lowPulse{0%,to{opacity:.4}50%{opacity:1}}.vign.storm{box-shadow:inset 0 0 110px 40px #963ce6bf;display:flex;justify-content:center}.vign.storm.on{opacity:1}.vign.storm span{margin-top:calc(130px + var(--safe-t));height:fit-content;font-weight:700;font-size:18px;letter-spacing:2px;color:#fff;background:#6e28b4e6;border:2px solid #e0b0ff;border-radius:10px;padding:4px 12px;animation:blink .7s steps(2) infinite}.toast div{--c: #a8b8e8;background:#101428e6!important;color:#fff;border:2px solid var(--c)!important;box-shadow:0 4px #00000059!important;font-size:14px!important}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none!important}.countdown .cd-title{display:flex;flex-direction:column;align-items:center;animation:slam .6s cubic-bezier(.2,1.5,.4,1)}.countdown .cd-title small{font-size:13px;font-weight:700;letter-spacing:3px;color:#fff;background:#101428cc;padding:2px 10px;border-radius:10px}.countdown .cd-title b,.countdown .num,.countdown.go b{font-weight:700;line-height:1;background:linear-gradient(180deg,#fff7c0,#ffd84a 45%,#f08020);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #1a1420;filter:drop-shadow(0 6px 0 #1a1420)}.countdown .cd-title b{font-size:clamp(40px,12vw,90px)}.countdown .num{font-size:clamp(110px,34vw,200px);animation:num .66s ease-out both}.countdown.go b{font-size:clamp(110px,34vw,220px);animation:goOut .9s ease-out both}@keyframes slam{0%{transform:scale(3);opacity:0}}@keyframes num{0%{transform:scale(2.4);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(.85);opacity:0}}@keyframes goOut{0%{transform:scale(.4);opacity:0}20%{transform:scale(1.15);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.banners{position:absolute;left:0;right:0;top:calc(23% + var(--safe-t));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none!important}.bn{--c: #ffd84a;position:relative;display:flex;align-items:center;gap:8px;min-width:min(84vw,360px);padding:8px 22px 8px 10px;background:linear-gradient(90deg,#0a0c1af2,#1a2040eb);border-top:3px solid var(--c);border-bottom:3px solid var(--c);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);color:#fff;animation:bnIn .45s cubic-bezier(.2,1.3,.4,1)}.bn.out{animation:bnOut .35s ease-in forwards}@keyframes bnIn{0%{transform:translate(-60%) skew(-12deg);opacity:0}}@keyframes bnOut{to{transform:translate(60%) skew(12deg);opacity:0}}.bn .art{width:60px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--c))}.bn .art.tr{object-fit:cover;object-position:top}.bn .txt{display:flex;flex-direction:column;line-height:1.05}.bn small{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--c)}.bn b{font-size:22px;text-shadow:0 2px 0 #000}.bn span{font-size:12px;color:#c8d0f0}.bn.levelup{--c: #58c8ff;min-width:0}.bn.ko,.bn.fainted{--c: #ff5048}.bn.caught{--c: #70e070}.bn.storm{--c: #d080ff}.bn.legendary,.bn.win{min-width:min(92vw,420px);padding:12px 26px 12px 12px;background:linear-gradient(90deg,#281a00f2,#5a3c00eb,#281a00f2);box-shadow:0 0 40px #ffd84a80}.bn.legendary .art,.bn.win .art{width:86px;height:76px}.bn.legendary b,.bn.win b{font-size:30px;color:var(--hi)}@media (max-height: 480px){.moves3{transform:scale(.82);transform-origin:bottom right}.items2{right:calc(208px + var(--safe-r));bottom:calc(12px + var(--safe-b))}.catch2{bottom:calc(70px + var(--safe-b));width:84px;height:84px;margin-left:-42px}.banners{top:calc(14% + var(--safe-t))}}.evo-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#2a3a7a,#0a0d1a 70%);opacity:0;transition:opacity .4s;overflow:hidden}.evo-scene.in{opacity:1}.evo-scene.out{opacity:0}.evo-rays{position:absolute;left:50%;top:45%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,255,255,.08) 0 6deg,transparent 6deg 18deg);animation:spinRays 18s linear infinite}.evo-orbs i{position:absolute;left:50%;top:45%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #9cf;animation:orb 1.6s linear infinite;animation-delay:calc(var(--i) * -.133s);transform:rotate(calc(var(--i) * 30deg)) translateY(-40vmin)}@keyframes orb{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-45vmin) scale(.5)}30%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 30deg + 90deg)) translateY(0) scale(1.4)}}.evo-scene.done .evo-orbs{display:none}.evo-fig{position:relative;width:60vmin;height:60vmin;margin-top:-10vmin}.evo-fig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.evo-fig .b{opacity:0}.evo-fig.glow img{filter:brightness(0) invert(1) drop-shadow(0 0 16px #9cf) drop-shadow(0 0 30px #fff)}.evo-fig.revealed img.b{animation:reveal .8s cubic-bezier(.2,1.5,.4,1);filter:drop-shadow(0 0 20px rgba(255,216,74,.7))}@keyframes reveal{0%{transform:scale(.6);filter:brightness(4)}}.evo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.evo-scene.flash .evo-flash{animation:evoFlash .9s ease-out}@keyframes evoFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.evo-box{position:absolute;left:12px;right:12px;bottom:calc(18px + var(--safe-b));min-height:84px;padding:14px 16px;border-color:#3858a8!important;box-shadow:inset 0 0 0 3px #a8c0f0,0 3px #00000059!important}.evo-box p{margin:0;font-size:clamp(16px,4.4vw,20px);font-weight:600}.res{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(circle at 50% 30%,#2a3a7ad9,#060810f2);overflow:hidden}.res.won{background:radial-gradient(circle at 50% 30%,#8c640ad9,#100a00f5)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.res-rays{position:absolute;left:50%;top:30%;width:200vmax;height:200vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,255,255,.06) 0 8deg,transparent 8deg 20deg);animation:spinRays 40s linear infinite}.res-card{position:relative;width:min(420px,100%);display:flex;flex-direction:column;align-items:center;color:#fff;animation:cardIn .6s cubic-bezier(.2,1.3,.4,1)}@keyframes cardIn{0%{transform:translateY(40px) scale(.9);opacity:0}}.medal{width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #1a1420;box-shadow:0 6px #0006,inset 0 4px #fff9;color:#1a1420;animation:medal .8s .2s cubic-bezier(.2,1.6,.4,1) both}@keyframes medal{0%{transform:scale(0) rotate(-200deg)}}.medal.gold{background:radial-gradient(circle at 35% 30%,#fff7c0,#ffd84a 50%,#c08010);box-shadow:0 6px #0006,0 0 40px #ffd84acc,inset 0 4px #fff9}.medal.silver{background:radial-gradient(circle at 35% 30%,#fff,#c8d0e0 50%,#7880a0)}.medal.bronze{background:radial-gradient(circle at 35% 30%,#ffe0c0,#d08848 50%,#804820)}.medal small{font-size:11px;font-weight:700;letter-spacing:2px}.medal b{font-size:44px;line-height:.95}.res-title{margin-top:12px;font-size:28px;font-weight:700;text-align:center;text-shadow:0 3px 0 #000}.res.won .res-title{color:var(--hi)}.res-sub{font-size:13px;color:#c8d0f0}.res-stage{position:relative;width:100%;height:150px;margin-top:6px}.res-plat{position:absolute;left:50%;bottom:6px;width:70%;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#ffffff80,#ffffff14 70%)}.res-tr,.res-mon{position:absolute;bottom:14px;z-index:1;image-rendering:pixelated}.res-tr{left:18%;height:130px}.res-mon{right:16%;height:96px;transform:scale(1.3);transform-origin:bottom center}.res-best{font-size:15px}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:12px 0}.res-stats div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.res-stats b{font-size:26px;color:var(--hi)}.res-stats span{font-size:11px;color:#c8d0f0}.res-actions{width:100%;display:flex;flex-direction:column;gap:8px}.ghost2{font-family:var(--font);font-weight:700;font-size:16px;color:#fff;padding:11px;border-radius:14px;border:2px solid rgba(255,255,255,.6);background:#ffffff14}#modal{background:#060810bf!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#modal .panel{animation:cardIn .35s cubic-bezier(.2,1.3,.4,1)}kbd{display:none;font-family:var(--font);font-weight:700;font-size:10px;line-height:1;color:#1a1420;background:linear-gradient(#fff,#d8dce8);border:2px solid #1a1420;border-bottom-width:3px;border-radius:5px;padding:2px 4px}.desk kbd,#modal kbd{display:inline-block}.desk .stick-zone{display:none}.desk #game{cursor:crosshair}.mb kbd{position:absolute;z-index:4;left:2%;top:2%}.ib kbd{position:absolute;left:-6px;top:-6px}.catch2 kbd{position:absolute;left:50%;bottom:-14px;transform:translate(-50%)}#modal .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;text-align:left;font-size:13px;margin:8px 0 4px}#modal .keys em{font-style:normal;color:var(--ink-soft)}.mon-hero .hero-fig{left:28%}.mon-hero .hero-plat{left:28%;width:46%}@media (min-width: 640px){.mon-hero .hero-fig,.mon-hero .hero-plat{left:36%}}.mb .aimknob{position:absolute;z-index:5;left:50%;top:50%;width:34px;height:34px;margin:-17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--tc) 50%,white));border:3px solid #1a1420;opacity:0;pointer-events:none;transition:opacity .1s}.mb.aiming{transform:none!important;box-shadow:0 0 0 8px #ffffff2e,0 0 0 64px #ffffff12,0 5px #00000073;z-index:6}.mb.aiming .aimknob{opacity:1}.mb.aiming .lbl,.mb.aiming .secs{opacity:.25}.hidebadge{position:absolute;top:calc(70px + var(--safe-t));left:calc(10px + var(--safe-l));display:flex;align-items:center;gap:4px;padding:3px 10px 3px 6px;border-radius:12px;background:#1e5a28e6;border:2px solid #9cf0a0;color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translate(-12px);transition:opacity .2s,transform .2s;pointer-events:none!important}.hidebadge.on{opacity:1;transform:none}.hidebadge i{font-style:normal}.res{background:linear-gradient(180deg,#0a0e1eb8,#060810e6)!important;backdrop-filter:blur(10px) saturate(.7);-webkit-backdrop-filter:blur(10px) saturate(.7)}.res.won{background:linear-gradient(180deg,#281c06b8,#0a0804eb)!important}.res-glow{position:absolute;left:50%;top:22%;width:640px;height:640px;max-width:160vw;max-height:160vw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(120,150,255,.28) 0%,rgba(120,150,255,.08) 35%,transparent 65%);animation:breathe 5s ease-in-out infinite;pointer-events:none}.res.won .res-glow{background:radial-gradient(circle,rgba(255,210,90,.35) 0%,rgba(255,210,90,.1) 35%,transparent 65%)}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.85}}.res-card{padding:66px 22px 22px;margin-top:56px;border-radius:26px;background:linear-gradient(180deg,#1e2648b8,#0e1224d1);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff1f}.res.won .res-card{border-color:#ffd84a59}.medal{position:absolute;top:-56px;left:50%;margin-left:-56px}.res-title{margin-top:0}.res-stage{height:140px}.res-plat{background:radial-gradient(ellipse,rgba(255,255,255,.22),transparent 70%)!important}.res-stats div{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}.evo-scene{background:radial-gradient(circle at 50% 42%,#24305e,#0c1022 55%,#06080f)!important}.evo-glow{position:absolute;left:50%;top:42%;width:90vmin;height:90vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(150,200,255,.35) 0%,rgba(150,200,255,.08) 40%,transparent 68%);animation:breathe 2.4s ease-in-out infinite}.evo-scene.done .evo-glow{background:radial-gradient(circle,rgba(255,220,120,.4) 0%,rgba(255,220,120,.1) 40%,transparent 68%)}.hidebadge .eye{position:relative;width:18px;height:10px}.hidebadge .eye:before{content:"";position:absolute;left:2px;right:2px;top:0;height:7px;border-bottom:2px solid #c8ffd0;border-radius:0 0 10px 10px}.hidebadge .eye:after{content:"";position:absolute;left:3px;right:3px;bottom:-2px;height:3px;background:repeating-linear-gradient(90deg,#c8ffd0 0 2px,transparent 2px 5px)}.hidebadge.seen{background:#821818eb;border-color:#ff8a80;animation:seenShake .3s}.hidebadge.seen .eye:before{height:10px;border:2px solid #ffffff;border-radius:50%;background:radial-gradient(circle,#ff3a3a 0,#ff3a3a 30%,#fff 32%)}.hidebadge.seen .eye:after{display:none}@keyframes seenShake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes regenShine{to{background-position:-200% 0}}.mm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(18px + var(--safe-t)) 16px calc(16px + var(--safe-b));overflow-y:auto;color:#fff;background:radial-gradient(ellipse at 50% -10%,#3a3a8a 0%,transparent 55%),radial-gradient(ellipse at 100% 110%,rgba(232,56,56,.25) 0%,transparent 50%),linear-gradient(#141a34,#0a0d1a)}.mm>*{width:min(460px,100%)}.mm-logo{display:flex;align-items:center;justify-content:center;gap:10px;animation:cardIn .5s cubic-bezier(.2,1.3,.4,1) both}.mm-logo i{width:30px;height:30px;flex:none;border-radius:50%;border:3px solid #111;background:linear-gradient(#e83838 0,#e83838 44%,#111 44%,#111 56%,#f4f4f4 56%);box-shadow:0 0 16px #ffffff59}.mm-logo b{font-size:26px;letter-spacing:2px;text-shadow:0 3px 0 #1a1420,0 0 18px rgba(120,160,255,.5)}.mm-logo span{font-size:13px;font-weight:700;letter-spacing:3px;color:#1a1420;background:var(--hi);padding:3px 8px;border-radius:6px;transform:rotate(-4deg)}.mm-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:2px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#3870c859,#10162ccc);box-shadow:0 10px 30px #00000073;animation:cardIn .5s .05s cubic-bezier(.2,1.3,.4,1) both}.mm-team{position:relative;width:104px;height:104px;flex:none;border-radius:14px;background:radial-gradient(circle at 50% 75%,rgba(255,216,74,.35),transparent 65%),#00000040;overflow:hidden}.mm-tr{position:absolute;left:-6px;bottom:-4px;height:100px;image-rendering:pixelated}.mm-mon{position:absolute;right:2px;bottom:6px;max-height:52px;max-width:56px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.mm-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mm-who label{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--hi);text-transform:uppercase}.mm-who input,.mm-code input{width:100%;font-family:var(--font);font-size:22px;font-weight:700;color:#fff;padding:8px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.35);background:#00000059;outline:none}.mm-who input:focus,.mm-code input:focus{border-color:var(--hi);box-shadow:0 0 0 3px #ffd84a40}.mm-who input::placeholder,.mm-code input::placeholder{color:#ffffff59}.mm-who input.shake{animation:shakeX .4s;border-color:var(--red)}@keyframes shakeX{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.mm-edit{align-self:flex-start;font-family:var(--font);font-size:13px;color:#c8d4ff;background:none;border:none;padding:2px 0;text-align:left}.mm-actions{display:flex;flex-direction:column;gap:12px;animation:cardIn .5s .1s cubic-bezier(.2,1.3,.4,1) both}.mm-actions .cta small,.lobby .cta small{display:block;font-size:12px;letter-spacing:1px;opacity:.7}.mm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mm-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 12px;font-family:var(--font);color:#fff;border-radius:16px;border:2px solid rgba(255,255,255,.3);background:linear-gradient(#ffffff1f,#ffffff0a);box-shadow:0 4px #00000073}.mm-tile:active{transform:translateY(3px);box-shadow:0 1px #00000073}.mm-tile i{font-style:normal;font-size:26px;line-height:1;color:var(--hi)}.mm-tile b{font-size:18px}.mm-tile small{font-size:12px;opacity:.65}.mm-host{background:linear-gradient(#58c04059,#58c0401a);border-color:#8ce67899}.mm-join{background:linear-gradient(#3870c873,#3870c81f);border-color:#8cb4ff99}button:disabled{opacity:.55}.mm-code{display:none;gap:10px}.mm-code.open{display:flex;animation:cardIn .35s cubic-bezier(.2,1.3,.4,1)}.mm-code input{flex:1;min-width:0;text-align:center;text-transform:uppercase;letter-spacing:10px;font-size:28px}.mm-go{flex:none;font-family:var(--font);font-weight:700;font-size:17px;padding:0 16px;border-radius:12px;border:3px solid #1a1420;color:#1a1420;background:linear-gradient(#fff3a0,#ffd84a 45%,#f0a020)}.mm-msg{min-height:20px;text-align:center;font-size:15px}.mm-msg.err{color:#ff8a80}.mm-msg.busy{color:var(--hi)}.mm-msg.busy:after{content:"";display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mm-foot{margin-top:auto;font-size:12px;line-height:1.4;color:#8890b0;text-align:center}.lb-code{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:4px 12px 10px;padding:12px;border-radius:18px;border:2px solid rgba(255,216,74,.45);background:linear-gradient(135deg,#ffd84a29,#10162cd9);box-shadow:0 10px 30px #00000073}.lb-qr{width:118px;height:118px;flex:none;padding:4px;border-radius:12px;background:#fff}.lb-qr svg{display:block;width:100%;height:100%}.lb-codetext{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.lb-codetext small{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--hi);text-transform:uppercase}.lb-codetext b{display:flex;gap:6px}.lb-codetext b i{font-style:normal;width:1.3em;text-align:center;font-size:34px;line-height:1.25;border-radius:8px;color:#1a1420;background:linear-gradient(#fff,#e8e8f0);box-shadow:0 3px #00000080}.lb-codetext span{font-size:12px;color:#b8c0e0;line-height:1.3}.lb-share{align-self:flex-start;margin-top:2px;padding:6px 12px;font-size:14px}.lb-list{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:0 12px 4px}.lb-p{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:14px;border:2px solid rgba(255,255,255,.14);background:#ffffff0f;animation:cardIn .4s var(--d) cubic-bezier(.2,1.3,.4,1) both}.lb-p.lb-me{border-color:#58d860b3;background:#58d8601f}.lb-tr{width:52px;height:52px;object-fit:cover;object-position:top;border-radius:10px;background:#0000004d;image-rendering:pixelated}.lb-name{flex:1;min-width:0;display:flex;flex-direction:column}.lb-name b{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-name span{font-size:12px;color:#a8b0d0}.lb-name em{font-style:normal;font-weight:700;font-size:10px;letter-spacing:1px;margin-right:6px;padding:1px 5px;border-radius:4px;color:#1a1420;background:var(--hi)}.lb-name em.you{background:#58d860}.lb-mon{max-height:46px;max-width:52px;image-rendering:pixelated}.lb-bots{text-align:center;font-size:13px;color:#8890b0;padding:6px}.lb-foot{display:grid;grid-template-columns:auto 1fr;gap:10px}.lb-foot .cta:disabled{filter:grayscale(.7);font-size:17px}.lb-foot .cta:disabled:after{display:none}.spec-pill{position:absolute;left:50%;top:calc(12px + var(--safe-t));transform:translate(-50%);font-family:var(--font);font-weight:700;font-size:15px;color:#fff;padding:10px 16px;border-radius:999px;border:2px solid rgba(255,255,255,.5);background:var(--glass);pointer-events:auto;white-space:nowrap}.evo-skip{position:absolute;top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));z-index:3;padding:8px 14px;font-size:15px;background:#00000059;animation:cardIn .4s .3s cubic-bezier(.2,1.3,.4,1) both}.mm-label{display:flex;align-items:baseline;gap:10px;margin:6px 2px -4px}.mm-label span{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--hi)}.mm-label small{font-size:12px;color:#a8b0d0}.res-more{display:flex;gap:8px}.res-more .ghost2{flex:1}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(10px + var(--safe-t)) 16px calc(16px + var(--safe-b));overflow-y:auto;color:#fff;background:radial-gradient(ellipse at 50% 0%,rgba(255,216,74,.18),transparent 55%),linear-gradient(160deg,#1b1430,#0c1020 55%,#160c18)}.home>*{width:min(460px,100%);flex:none}.home-top{display:flex;align-items:center;gap:12px}.home-logo{display:flex;align-items:center;gap:8px}.home-logo b{font-size:22px;letter-spacing:1px;text-shadow:0 3px 0 #1a1420}.home-logo b i{font-style:normal;color:#ffd84a}.home-logo span{font-size:11px;font-weight:700;letter-spacing:3px;color:#1a1420;background:var(--hi);padding:2px 7px;border-radius:5px;transform:rotate(-4deg)}.home-stage{position:relative;height:clamp(210px,38vh,300px);border-radius:22px;overflow:hidden;border:2px solid rgba(255,255,255,.16);box-shadow:0 14px 34px #00000080;animation:cardIn .5s cubic-bezier(.2,1.3,.4,1) both}.hs-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 85%,rgba(255,216,74,.35),transparent 55%),linear-gradient(#2a3a7a,#141a34 70%)}.hs-beam{position:absolute;left:50%;top:-20%;width:70%;height:120%;transform:translate(-50%);background:linear-gradient(rgba(255,255,255,.16),transparent 75%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:beamSway 6s ease-in-out infinite}@keyframes beamSway{50%{transform:translate(-50%) rotate(3deg)}}.hs-plat{position:absolute;left:50%;bottom:14%;width:62%;height:16%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.35),rgba(255,255,255,.05) 60%,transparent 70%)}.hs-tr{position:absolute;left:22%;bottom:15%;height:66%;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.hs-mon{position:absolute;left:56%;bottom:18%;height:34%;max-width:34%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.hs-tag{position:absolute;left:12px;top:10px;display:flex;flex-direction:column;line-height:1.1}.hs-tag small{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--hi)}.hs-tag b{font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.6)}.hs-edit{position:absolute;left:50%;bottom:10px;transform:translate(-50%);white-space:nowrap;font-family:var(--font);font-weight:700;font-size:15px;color:#1a1420;padding:9px 16px;border-radius:999px;border:2px solid #1a1420;background:#fff;box-shadow:0 3px #1a1420,0 0 18px #ffffff59;animation:editPulse 2.4s ease-in-out infinite}@keyframes editPulse{50%{box-shadow:0 3px #1a1420,0 0 28px #ffd84ab3}}.home-name{display:flex;flex-direction:column;gap:5px}.home-name label{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--hi);text-transform:uppercase}.home-name input,.sheet .mm-code input{width:100%;font-family:var(--font);font-size:22px;font-weight:700;color:#fff;padding:9px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.35);background:#00000059;outline:none}.home-name input:focus{border-color:var(--hi)}.home-name input.shake{animation:shakeX .4s;border-color:var(--red)}.home-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;min-height:112px;font-family:var(--font);text-align:left;color:#1a1420;border-radius:18px;border:3px solid #1a1420;box-shadow:0 5px #1a1420;position:relative;overflow:hidden}.mode:active{transform:translateY(4px);box-shadow:0 1px #1a1420}.mode i{font-style:normal;font-size:26px;line-height:1;margin-bottom:auto}.mode b{font-size:22px}.mode small{font-size:12px;opacity:.75}.mode.solo{background:linear-gradient(#fff3a0,#ffd84a 45%,#f0a020)}.mode.multi{color:#fff;background:linear-gradient(#6aa0ff,#3870c8 50%,#24508f)}.home>.mm-msg{min-height:18px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#04060e99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.sheet.open{opacity:1;pointer-events:auto}.sheet-card{position:relative;width:min(480px,100%);display:flex;flex-direction:column;gap:12px;padding:20px 16px calc(18px + var(--safe-b));border-radius:24px 24px 0 0;border:2px solid rgba(255,255,255,.18);border-bottom:none;background:linear-gradient(#1d2650,#10142a);color:#fff;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,1.2,.4,1)}.sheet.open .sheet-card{transform:none}.sheet-card h3{margin:0;font-size:24px}.sheet-card p{margin:-4px 0 0;font-size:13px;color:#b8c0e0;line-height:1.4}.sheet-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:16px}.sheet .cta small{display:block;font-size:12px;opacity:.7}.sheet-or{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#8890b0}.sheet-or:before,.sheet-or:after{content:"";flex:1;height:1px;background:#ffffff2e}.sheet .mm-code{display:flex;gap:10px}.sheet .mm-code input{flex:1;min-width:0;text-align:center;text-transform:uppercase;letter-spacing:10px;font-size:28px}.lb-steps{position:relative;z-index:2;margin:0 12px 8px;padding:10px 12px;border-radius:14px;border:2px solid rgba(255,255,255,.16);background:#ffffff0f;font-size:13px;line-height:1.35;color:#c8d0f0}.lb-steps b{color:#fff}.lb-steps>b{display:block;font-size:15px}.lb-steps.todo{border-color:var(--hi);background:#ffd84a1f;animation:stepsGlow 2s ease-in-out infinite}@keyframes stepsGlow{50%{box-shadow:0 0 18px #ffd84a59}}.lb-steps ol{margin:0;padding-left:20px}.lb-steps li+li{margin-top:3px}.lb-list{min-height:80px}.lb-p{position:relative}.lb-state{flex:none;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 7px;border-radius:6px;color:#a8b0d0;background:#ffffff14}.lb-p.ready .lb-state{color:#10301a;background:#58d860}.lb-chat{position:relative;z-index:2;margin:6px 12px 0;display:flex;flex-direction:column;gap:6px}.lb-log{max-height:92px;min-height:24px;overflow-y:auto;font-size:13px;line-height:1.35;padding:6px 10px;border-radius:12px;background:#0000004d;color:#dfe4ff}.lb-log:empty:before{content:"Chat: zeg hoi tegen je vrienden 👋";color:#7880a0}.lb-log b{color:var(--hi)}.lb-log .mine b{color:#58d860}.lb-quick,.cb-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.lb-quick button,.cb-quick button{flex:none;font-family:var(--font);font-size:13px;color:#fff;padding:5px 10px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:#ffffff14}.lb-say,.cb-row{display:flex;gap:6px}.lb-say input,.cb-row input{flex:1;min-width:0;font-family:var(--font);font-size:16px;color:#fff;padding:7px 10px;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);background:#00000059;outline:none}.lb-say button,.cb-row button{flex:none;width:42px;border-radius:10px;border:2px solid #1a1420;background:var(--hi);color:#1a1420;font-size:16px}.lb-foot .cta.on{background:linear-gradient(#a8f0a0,#58d860 45%,#2f9a3a)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(24px + var(--safe-t)) 16px calc(18px + var(--safe-b));color:#fff;background:#0a0d1a;opacity:0;transition:opacity .35s}.loading.in{opacity:1}.loading.out{opacity:0}.loading>*,.ld-l>*,.ld-r>*{width:min(460px,100%);position:relative}.ld-l,.ld-r{display:contents}.ld-bg{position:absolute!important;top:0;right:0;bottom:0;left:0;width:auto!important;background:radial-gradient(circle at 50% 30%,rgba(56,112,200,.4),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 16px)}.ld-head{display:flex;flex-direction:column;align-items:center;line-height:1.1}.ld-head small{font-size:11px;letter-spacing:4px;color:var(--hi);font-weight:700}.ld-head b{font-size:26px;text-shadow:0 3px 0 rgba(0,0,0,.5)}.ld-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ld-p{position:relative;width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;animation:cardIn .4s var(--d) cubic-bezier(.2,1.3,.4,1) both}.ld-p img:first-child{width:56px;height:56px;object-fit:cover;object-position:top;border-radius:12px;background:#ffffff14;image-rendering:pixelated}.ld-mon{position:absolute;right:-2px;top:30px;width:30px;image-rendering:pixelated}.ld-p span{font-size:12px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-p.bots b{width:56px;height:56px;display:grid;place-items:center;font-size:20px;border-radius:12px;background:#ffffff0f;color:#a8b0d0}.ld-tip{flex:1;display:flex;align-items:center;min-height:150px}.ld-card{display:flex;gap:14px;align-items:center;width:100%;padding:16px;border-radius:20px;border:2px solid rgba(255,216,74,.45);background:linear-gradient(135deg,#ffd84a24,#10162ce6);box-shadow:0 12px 30px #00000073;animation:tipIn .45s cubic-bezier(.2,1.3,.4,1)}@keyframes tipIn{0%{opacity:0;transform:translate(30px) scale(.96)}}.ld-icon{flex:none;width:72px;height:72px;display:grid;place-items:center;border-radius:16px;background:#ffffff14}.ld-icon img{max-width:64px;max-height:64px;image-rendering:pixelated}.ld-icon i{font-style:normal;font-size:36px}.ld-heart{color:#ff6b8a}.ld-storm{color:#c080ff}.ld-up{color:#58d860}.ld-aim{color:var(--hi)}.ld-eye{width:40px;height:20px;border-radius:50%;border-bottom:4px solid #58d860;position:relative;top:-6px}.ld-card small{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--hi)}.ld-card b{display:block;font-size:19px;margin:1px 0 4px}.ld-card p{margin:0;font-size:14px;line-height:1.4;color:#d0d6f0}.ld-card p b{display:inline;font-size:inherit;color:var(--hi)}.ld-dots{display:flex;justify-content:center;gap:6px}.ld-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff40}.ld-dots i.on{background:var(--hi)}.ld-bar{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.ld-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffd84a,#ff9a3a)}.ld-foot{display:flex;justify-content:center;min-height:56px;align-items:center}.ld-wait{font-size:14px;color:#a8b0d0}.legend{position:absolute;left:50%;top:calc(118px + var(--safe-t));transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(92vw,380px);padding:6px 12px 6px 6px;border-radius:999px;border:2px solid #1a1420;color:#1a1420;background:linear-gradient(#fff3a0,#ffd84a 50%,#f0b030);box-shadow:0 4px #1a1420,0 0 22px #ffd84a99;pointer-events:none;z-index:6}.legend.pop{animation:legendPop .6s cubic-bezier(.2,1.5,.4,1)}@keyframes legendPop{0%{transform:translate(-50%) scale(.4);opacity:0}}.legend.near{animation:legendNear .8s ease-in-out infinite}@keyframes legendNear{50%{box-shadow:0 4px #1a1420,0 0 40px #ffd84a}}.legend img{width:40px;height:40px;border-radius:50%;background:#fff9;image-rendering:pixelated}.lg-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.lg-txt b{font-size:15px;white-space:nowrap}.lg-txt small{font-size:11px;opacity:.7}.lg-txt span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-arrow{flex:none;font-style:normal;font-size:22px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--hi);background:#1a1420}.legend-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,#ffd84a00 30%,#ffd84a8c);animation:legendFlash 1.8s ease-out forwards;z-index:5}@keyframes legendFlash{0%,30%,60%{opacity:1}15%,45%{opacity:.25}to{opacity:0}}.chatbtn{position:relative}.chatbtn.unread:after{content:"";position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid #fff}.chatbar{position:absolute;left:50%;top:calc(118px + var(--safe-t));transform:translate(-50%);width:min(92vw,380px);display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:var(--glass);border:2px solid rgba(255,255,255,.3);pointer-events:auto;z-index:8}.chatbar.hidden{display:none}.feed .chatline{background:#3870c8bf}.feed .chatline b{color:var(--hi);margin-right:4px}#hud>.legend,#hud>.legend-flash{pointer-events:none}.sheet .cta.mm-host{background:linear-gradient(#fff3a0,#ffd84a 45%,#f0a020);border:3px solid #1a1420;color:#1a1420}.lb-chat,.lb-steps,.lb-code{flex:none}.lb-log{flex:none;height:66px}.legend{width:max-content;max-width:min(94vw,370px)}.lg-txt span{white-space:normal;overflow:visible}.legend,.chatbar{top:calc(176px + var(--safe-t))}.cp{display:flex;flex-direction:column;gap:10px}.cp-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-modes button{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;font-family:var(--font);text-align:left;color:#fff;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:#ffffff0f}.cp-modes button b{font-size:17px}.cp-modes button small{font-size:11px;opacity:.7}.cp-modes button.on{color:#1a1420;border-color:#1a1420;background:linear-gradient(#fff3a0,#ffd84a 45%,#f0a020);box-shadow:0 3px #1a1420}.cp button:disabled{opacity:1}.cp button:disabled:not(.on){opacity:.45}.cp-worlds{display:flex;flex-wrap:wrap;gap:6px}.cp-worlds button{display:flex;align-items:center;gap:5px;padding:7px 10px 7px 7px;font-family:var(--font);font-size:14px;color:#fff;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(135deg,var(--c),var(--c2));text-shadow:0 1px 0 rgba(0,0,0,.6)}.cp-worlds button i{font-style:normal;font-size:16px}.cp-worlds button.on{border-color:#fff;box-shadow:0 0 0 2px var(--hi),0 0 14px #ffd84a80}.cp-bosses{display:flex;flex-direction:column;gap:8px}.cp-bosses button{display:flex;align-items:center;gap:10px;padding:8px 10px;font-family:var(--font);text-align:left;color:#fff;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(110deg,color-mix(in srgb,var(--c) 35%,transparent),#10162cd9)}.cp-bosses button.on{border-color:var(--c);box-shadow:0 0 0 2px var(--c),0 0 18px color-mix(in srgb,var(--c) 60%,transparent)}.cp-boss{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex:none}.cp-bosses span{display:flex;flex-direction:column;line-height:1.2}.cp-bosses b{font-size:18px}.cp-bosses small{font-size:11px;color:var(--hi);letter-spacing:1px}.cp-bosses em{font-style:normal;font-size:12px;color:#c8d0f0}.solo-sheet .cta small{display:block;font-size:12px;opacity:.7}.lb-choice{position:relative;z-index:2;flex:none;margin:0 12px 8px}.lb-choice .cp-bosses em{display:none}.lb-choice .cp-boss{width:44px;height:44px}.legend.evt.drop{background:linear-gradient(#c8f0ff,#58d0ff 50%,#2a9ad0);box-shadow:0 4px #1a1420,0 0 22px #58d0ff99}.legend.evt.swarm{background:linear-gradient(#d8ffc8,#7ce07c 50%,#3aa040);box-shadow:0 4px #1a1420,0 0 22px #7ce07c99}.legend.evt .lg-arrow{color:#fff}.raid-mode .topright .mapframe,.raid-mode .topright .chips,.raid-mode .hparty{display:none}.bossbar{--c: #ff7a30;position:absolute;left:calc(8px + var(--safe-l));width:min(230px,calc(100vw - 168px - var(--safe-l)));top:calc(74px + var(--safe-t));display:flex;flex-direction:column;gap:3px;padding:4px 8px 5px;border-radius:10px;background:#0a08129e;box-shadow:0 0 14px color-mix(in srgb,var(--c) 35%,transparent);color:#fff;pointer-events:none;animation:legendPop .6s cubic-bezier(.2,1.5,.4,1)}@media (orientation: landscape) and (min-width: 700px){.bossbar{width:320px}}#hud>.bossbar,#hud>.respawn{pointer-events:none}.bossbar.hidden{display:none}.bossbar.enraged{animation:bossRage 1s ease-in-out infinite}@keyframes bossRage{50%{box-shadow:0 0 26px color-mix(in srgb,var(--c) 90%,transparent)}}.bb-top{display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}.bb-top b{flex:none;font-size:13px;color:var(--c);text-shadow:0 1px 0 rgba(0,0,0,.7)}.bb-time{flex:none;margin-left:auto;font-size:11px;font-weight:700}.bb-time.low{color:#ff6a5a;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:.4}}.bb-bar{position:relative;height:7px;border-radius:4px;background:#2a2030;border:1px solid #000;overflow:hidden}.bb-bar i{position:absolute;left:0;top:0;bottom:0}.bb-lag{background:#fff;opacity:.6}.bb-fill{background:linear-gradient(#ff9a7a,#e83838 55%,#a01818)}.bb-bar em{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#000000b3}.bb-team{display:flex;gap:8px;min-width:0;overflow:hidden;font-size:10px;color:#ff8aa0}.bb-team span{color:#c8c0d8;white-space:nowrap}.bb-team span.mine{color:#8ef0a0}.bb-team span.out{opacity:.4;text-decoration:line-through}.respawn{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.6)}.respawn.hidden{display:none}.respawn b{font-size:72px;line-height:1}.respawn small,.respawn span{font-size:15px}.cd-title.raid small{color:#ff9a6a}.medal.raid{display:grid;place-items:center}.medal.raid img{width:92%;height:92%;object-fit:contain;image-rendering:pixelated}.medal.raid.bronze img{filter:grayscale(.6) brightness(.8)}.ld-boss{display:flex;justify-content:center}.ld-boss img{height:120px;image-rendering:pixelated;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--c) 70%,transparent));animation:bossFloat 2.4s ease-in-out infinite}@keyframes bossFloat{50%{transform:translateY(-6px)}}.ld-warn{color:#ff5a40}.lobby{overflow-y:auto}.lobby .lb-list{flex:none;overflow:visible}.lobby .lb-foot{position:sticky;bottom:0;margin-top:auto;background:linear-gradient(transparent,#0a0d1a 30%)}.lb-choice .cp-bosses{flex-direction:row}.lb-choice .cp-bosses button{flex:1;min-width:0;padding:6px 8px}.lb-choice .cp-bosses small{display:none}.lb-choice .cp-modes button{padding:7px 10px}.lb-choice .cp-modes small{display:none}@media (orientation: landscape) and (max-height: 560px){.loading{flex-direction:row;justify-content:center;align-items:center;gap:28px;padding:calc(14px + var(--safe-t)) calc(20px + var(--safe-r)) calc(14px + var(--safe-b)) calc(20px + var(--safe-l))}.ld-l,.ld-r{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,48%);max-height:100%}.ld-head b{font-size:22px}.ld-boss img{height:96px}}.cp-mystery{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;border:2px solid #ff7a30;background:linear-gradient(110deg,#ff7a304d,#7ac8ff2e 60%,#10162cd9);box-shadow:0 0 18px #ff7a3059;color:#fff}.cp-sil{position:relative;flex:none;display:flex;width:104px;height:58px}.cp-sil img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;filter:brightness(0) drop-shadow(0 0 5px rgba(255,255,255,.5))}.cp-sil img+img{margin-left:-29px}.cp-sil img:nth-child(2n){margin-top:13px}.cp-sil i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:30px;font-weight:700;color:#ffd84a;text-shadow:0 2px 0 #000,0 0 12px rgba(255,216,74,.8);animation:bossFloat 2.4s ease-in-out infinite}.cp-mystery span{display:flex;flex-direction:column;line-height:1.25;min-width:0}.cp-mystery b{font-size:17px}.cp-mystery small{font-size:12px;color:#c8d0f0}.lb-choice .cp-mystery{padding:4px 10px}.lb-choice .cp-sil{width:78px;height:44px}.lb-choice .cp-sil img{width:34px;height:34px}.lb-choice .cp-sil img+img{margin-left:-23px}.lb-choice .cp-sil img:nth-child(2n){margin-top:10px}@media (orientation: landscape) and (max-height: 560px){.legend-l,.legend-r{width:min(42vw,78vh)}.tlogo{top:22%}.tball{width:40px;height:40px}.word{font-size:min(13.5vw,17vh)}.ribbon span{font-size:min(5vw,6.2vh)}.tpress{bottom:calc(9% + var(--safe-b))}}.mon-filter{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;padding:8px 12px 0}.mf-row{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none}.mf-row::-webkit-scrollbar{display:none}.mf{--rc: #c8d0f0;flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:#ffffff0f;color:#dfe4ff;font-family:var(--font);font-size:12px;font-weight:700;white-space:nowrap}.mf i{font-style:normal;color:var(--rc)}.mf.on{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 28%,transparent);color:#fff}.mf[data-role=all].on,.mf[data-style].on{--rc: var(--hi)}.mf-count{margin-left:auto;flex:none;font-size:11px;color:#a8b0d0;padding-left:6px}.mon-grid{flex:none;grid-auto-rows:max-content;align-content:start;max-height:172px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:6px;scrollbar-width:thin}.mon-grid .tile.hidden{display:none}.mf-empty{grid-column:1 / -1;padding:18px 0;text-align:center;color:#a8b0d0;font-size:13px}.mf-empty.hidden{display:none}.tile .rl{position:absolute;top:3px;right:3px;z-index:1;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--rc);color:#fff;font-style:normal;font-size:9px;line-height:1;border:1.5px solid rgba(0,0,0,.45);text-shadow:none}.plate .role-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}.plate .role-line em{font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:6px;color:#fff}.plate .role-line .rb{background:var(--rc);text-shadow:0 1px 0 rgba(0,0,0,.4)}.plate .role-line .rb i{font-style:normal;margin-right:3px}.plate .role-line .sb{background:#ffffff24;border:1px solid rgba(255,255,255,.3)}.plate .role-line small{font-size:11px;color:#c8d0f0}@media (max-height: 560px){.mon-grid{max-height:92px}.mon-filter{flex-direction:row;gap:8px;padding-top:6px}}.mf-row:first-child{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}@media (max-height: 560px){.mon-filter+.mon-grid+.sel-note{display:none}}.sb-scroll{width:100%;max-height:min(52vh,460px);overflow:auto;border-radius:14px;background:#080c1c8c;border:1px solid rgba(255,255,255,.12)}.sb-table{width:100%;border-collapse:collapse;font-size:13px;color:#fff}.sb-table th{position:sticky;top:0;z-index:1;padding:7px 6px;font-size:11px;font-weight:700;text-align:left;color:#aab4dc;background:#161e3c;white-space:nowrap}.sb-table td{padding:4px 6px;border-top:1px solid rgba(255,255,255,.07);white-space:nowrap}.sb-table td b{color:var(--hi)}.sb-table tr.out td{opacity:.55}.sb-table tr.me td{background:#ffd84a24;opacity:1}.sb-table tr.win td{background:#ffd84a38;opacity:1}.sb-rank{width:1%;font-weight:700;color:#c8d0f0}.sb-live{color:#58e070;font-size:9px;margin-right:3px;vertical-align:1px}.sb-tr,.sb-mon{display:flex;align-items:center;gap:6px}.sb-tr img{width:26px;height:30px;object-fit:contain;object-position:center top;image-rendering:pixelated}.sb-tr span{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-weight:700}.sb-tr em{font-style:normal;font-size:10px;font-weight:700;border-radius:6px;padding:0 5px}.sb-me{color:#1a1420;background:var(--hi)}.sb-human{color:#fff;background:#3870c8}.sb-mon img{width:32px;height:32px;margin:-4px 0;image-rendering:pixelated}.sb-mon small{font-size:11px;color:#c8d0f0}.sb-lost{opacity:.25}.sb-share{color:#aab4dc;font-size:11px}.sb-table.raid td:nth-child(5){color:#ff6a80;letter-spacing:1px}@media (max-width: 480px){.sb-table .opt{display:none}.sb-tr span{max-width:74px}}.sb-live-panel{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;color:#fff;background:#0e1226eb;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px #00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cardIn .3s cubic-bezier(.2,1.3,.4,1);pointer-events:auto}.sb-head{display:flex;align-items:baseline;gap:10px}.sb-head b{font-size:18px}.sb-head small{flex:1;color:#aab4dc;font-size:12px}.sb-close{font-family:var(--font);font-size:14px;color:#fff;width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;cursor:pointer}.sb-live-panel .sb-scroll{max-height:none;min-height:0;flex:1}.res-tabs{display:flex;gap:4px;padding:3px;margin-bottom:12px;border-radius:12px;background:#0000004d}.res-tabs button{font-family:var(--font);font-weight:700;font-size:13px;color:#aab4dc;padding:6px 14px;border:0;border-radius:9px;background:none;cursor:pointer}.res-tabs button.on{color:#1a1420;background:var(--hi)}.res-mine,.res-board{width:100%;display:flex;flex-direction:column;align-items:center}.res-board .res-sub{margin-bottom:8px}.res-card.wide{width:min(640px,100%);padding-top:18px;margin-top:0}.res-card.wide .res-actions{margin-top:12px}.res-more{flex-wrap:wrap}.sb-final .res-card{width:min(640px,100%);padding-top:20px;margin-top:0}.sb-final .res-actions{margin-top:12px}.sb-winner{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:92px;margin:2px 0 8px}.sb-winner .tr{height:88px;image-rendering:pixelated}.sb-winner .mon{height:72px;image-rendering:pixelated}.sb-winner span{position:absolute;top:-6px;left:50%;transform:translate(-60%) rotate(-12deg);font-size:26px}.spec-bar{position:absolute;z-index:20;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 20px);padding:6px 8px 6px 14px;border-radius:16px;color:#fff;background:#0e1226d9;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0006;pointer-events:auto}.spec-tag{font-size:13px;font-weight:700;color:var(--hi);white-space:nowrap}.spec-follow{display:flex;align-items:center;gap:4px;min-width:0}.spec-name{min-width:90px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;font-weight:700}.spec-bar button{font-family:var(--font);font-weight:700;font-size:13px;color:#fff;height:32px;min-width:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;cursor:pointer;white-space:nowrap}.spec-bar .spec-prev,.spec-bar .spec-next{padding:0}.spec-btns{display:flex;gap:6px}.spec-bar .spec-leave{color:#1a1420;background:var(--hi);border-color:#1a1420}@media (max-width: 600px){.spec-bar{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 8px;width:calc(100vw - 20px)}.spec-tag{display:none}}.tlogo.v-art{top:44%}.logo-art{position:relative;width:min(94vw,880px);aspect-ratio:2220 / 687;animation:logoFloat 3.6s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.lp-storm{clip-path:polygon(0% 0%,58.56% 0%,54.73% 16.01%,52.25% 24.75%,51.71% 43.67%,51.58% 61.14%,51.8% 68.41%,51.35% 76.42%,0% 76.42%);animation:lpStorm 4s ease-in-out infinite}.lp-break{clip-path:polygon(100% 0%,100% 76.42%,51.35% 76.42%,51.8% 68.41%,51.58% 61.14%,51.71% 43.67%,52.25% 24.75%,54.73% 16.01%,58.56% 0%);transform-origin:52% 70%;animation:lpBreak 4s cubic-bezier(.3,1.6,.5,1) infinite}.lp-rib{clip-path:polygon(0% 76.42%,100% 76.42%,100% 100%,0% 100%)}@keyframes lpBreak{0%,62%,to{transform:none}66%{transform:translate(1.6%,-4%) rotate(3deg)}72%{transform:translate(.6%,-1.2%) rotate(1deg)}80%{transform:none}}@keyframes lpStorm{0%,62%,to{transform:none;filter:none}65%{transform:translate(-.6%);filter:brightness(1.35) drop-shadow(0 0 10px rgba(140,200,255,.9))}72%{transform:none;filter:none}}.lp-crack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;animation:lpCrack 4s linear infinite}.lp-crack polyline{fill:none;stroke:#fffbe6;stroke-width:5;stroke-linejoin:miter;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #ffd84a)}@keyframes lpCrack{0%,60%,84%,to{opacity:.25}64%,68%{opacity:1}66%{opacity:.55}76%{opacity:.8}}.lp-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask:var(--logo) center / 100% 100% no-repeat;mask:var(--logo) center / 100% 100% no-repeat;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);background-size:300% 100%;mix-blend-mode:overlay;animation:shine 3.2s ease-in-out infinite}.lp-sparks i{position:absolute;left:52.5%;top:calc(18% + var(--i) * 6%);width:5px;height:5px;border-radius:1px;background:#fff6b0;box-shadow:0 0 8px #ffd84a;opacity:0;animation:lpSpark 4s ease-out infinite;--dx: calc((var(--i) - 3.5) * 9px + 30px)}.lp-sparks i:nth-child(odd){--dx: calc(var(--i) * -6px - 20px)}@keyframes lpSpark{0%,63%{opacity:0;transform:translate(0) scale(1)}65%{opacity:1}80%{opacity:0;transform:translate(var(--dx),calc(var(--i) * 4px - 26px)) scale(.4)}to{opacity:0}}.home-logo img{height:30px;width:auto;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}@media (orientation: landscape) and (min-height: 561px){.tlogo.v-art{top:0;bottom:16%;justify-content:center}.logo-art{width:min(64vw,900px)}}@media (orientation: landscape) and (max-height: 560px){.tlogo.v-art{top:14%}.logo-art{width:min(70vw,120vh)}}