:root{--gold: #ffd166;--gold2: #ffb84d;--ink: #0a1326;--stroke: rgba(255, 255, 255, .16);--blue: #6ecbff;--red: #ff8f8f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a1326;font-family:"Baloo 2",Arial Rounded MT Bold,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.hidden{display:none!important}#vig{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 58%,rgba(8,14,30,.38) 100%)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;color:#fff}.panel{background:transparent;border:none;border-image:none;position:relative;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/art/panel_small.png) no-repeat;background-size:100% 100%;z-index:-1}label{font-size:10px;letter-spacing:2px;color:#ffffff8c;font-weight:700}.ptitle{display:block;margin-bottom:6px}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:stretch}#turnTag{display:flex;flex-direction:row;align-items:center;gap:10px;padding:11px 24px 11px 16px;min-width:165px}#turnAva{width:46px;height:46px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.3);background:#0000004d}#turnTag.team0 #turnAva{border-color:var(--blue)}#turnTag.team1 #turnAva{border-color:var(--red)}#turnTexts{display:flex;flex-direction:column;text-align:left}#turnName{font-size:18px;font-weight:800;line-height:1;color:var(--gold)}#turnTag.team0 #turnName{color:var(--blue)}#turnTag.team1 #turnName{color:var(--red)}#turnMob{font-size:11px;opacity:.7;letter-spacing:1px}#windBox{display:flex;align-items:center;gap:10px;padding:12px 26px}#windDial{width:54px;height:54px;background:url(/art/dial.png) no-repeat center / contain;display:flex;align-items:center;justify-content:center}#windArrow{width:30px;height:auto;filter:drop-shadow(0 0 6px rgba(255,209,102,.7));transition:transform .4s ease;transform-origin:50% 50%}#windInfo{display:flex;flex-direction:column;align-items:center}#windVal{font-size:26px;font-weight:800;line-height:1}#timerBox{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 26px;min-width:100px}#timerVal{font-size:26px;font-weight:800;line-height:1}#timerBox.low #timerVal{color:#ff6b6b;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}#bottombar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:stretch;pointer-events:auto}#bottombar.disabled{opacity:.5;pointer-events:none}#wpnPanel{padding:18px 26px 16px}#wpnBtns{display:flex;gap:8px}.wpnBtn{position:relative;width:58px;height:58px;border-radius:13px;border:2px solid rgba(0,0,0,.55);background:none;padding:0;color:#fff;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .1s,box-shadow .15s}.wpnBtn .wicon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wpnBtn .k{position:absolute;left:3px;top:2px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8)}.wpnBtn:hover{transform:translateY(-2px)}.wpnBtn.sel{border-color:var(--gold);box-shadow:0 0 14px #ffd166bf,0 0 0 1px var(--gold);transform:translateY(-2px)}.wpnBtn .ssfill{position:absolute;left:0;bottom:0;width:100%;background:#7de2ff4d;pointer-events:none;transition:height .4s}.wpnBtn.ssready{border-color:#7de2ff}.wpnBtn.locked .wicon{filter:grayscale(.9) brightness(.55)}#moveWrap{margin-top:11px;display:flex;align-items:center;gap:8px}#moveBar{flex:1;height:8px;border-radius:4px;background:#00000073;overflow:hidden;border:1px solid rgba(255,255,255,.12)}#moveFill{height:100%;width:100%;background:linear-gradient(90deg,#57d9a3,#2fb486);border-radius:4px}#powerPanel{padding:16px 30px 15px;width:470px;display:flex;flex-direction:column}#powerTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}#powerVal{font-size:18px;font-weight:800;color:var(--gold)}#powerBar{position:relative;height:36px;background:url(/art/bar_trough.png) no-repeat center / 100% 100%}#powerTrack{position:absolute;top:8px;right:14px;bottom:8px;left:14px;border-radius:10px;overflow:hidden}#powerFill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#ffe066,#ffb84d 55%,#ff5e4d);border-radius:10px 0 0 10px;box-shadow:0 0 14px #ffaa3cb3}#powerTicks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.16) calc(10% - 1px),rgba(255,255,255,.16) 10%)}#powerLast{position:absolute;top:0;bottom:0;width:3px;background:#fff;border-radius:2px;left:-10px;box-shadow:0 0 6px #ffffffe6}#helpLine{margin-top:8px;font-size:10px;letter-spacing:1px;color:#ffffff80;text-align:center}#anglePanel{padding:16px 26px 15px;display:flex;flex-direction:column;align-items:center;min-width:128px}#angleVal{font-size:30px;font-weight:800;line-height:1.1}#fireBtn{margin-top:4px;width:62px;height:62px;border:none;cursor:pointer;background:url(/art/btn_fire.png) no-repeat center / contain;font-family:inherit;font-weight:800;font-size:12px;letter-spacing:1px;color:#5a3000;text-shadow:0 1px 0 rgba(255,255,255,.4);filter:drop-shadow(0 4px 10px rgba(255,170,50,.4))}#fireBtn:active{background-image:url(/art/btn_fire_down.png);color:#3d1f00;transform:translateY(1px)}.mlabel{position:absolute;transform:translate(-50%,-100%);text-align:center;pointer-events:none}.mlabel .mname{font-size:12px;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.mlabel.team0 .mname{color:var(--blue)}.mlabel.team1 .mname{color:var(--red)}.mlabel .hpbar{width:62px;height:7px;margin:1px auto 4px;border-radius:4px;background:#00000080;border:1px solid rgba(255,255,255,.3)}.mlabel .hpfill{height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#8cff70,#3ddc55);transition:width .3s}.mlabel.hurt .hpfill{background:linear-gradient(90deg,#ffd166,#ff8c42)}.mlabel.crit .hpfill{background:linear-gradient(90deg,#ff7b6b,#ff4040)}.mlabel.active .mname{text-shadow:0 0 10px currentColor,0 1px 3px rgba(0,0,0,.9)}#banner{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%) scale(.8);text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#bannerText{font-size:52px;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.25),0 8px 30px rgba(0,0,0,.5)}#banner.team0 #bannerText{color:var(--blue)}#banner.team1 #bannerText{color:var(--red)}#bannerSub{font-size:16px;letter-spacing:4px;color:#ffffffbf;margin-top:2px}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:2vh 0 4vh}#menuBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/art/keyart.png) center / cover no-repeat,linear-gradient(180deg,#2c6fc2,#9fd0f0);animation:bgDrift 26s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:scale(1.02) translate(-.6%)}to{transform:scale(1.08) translate(.6%)}}#menuShade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 30%,transparent 40%,rgba(8,14,32,.35) 100%),linear-gradient(180deg,rgba(8,14,32,.25) 0%,transparent 26%,transparent 55%,rgba(8,14,32,.62) 100%)}#menuTop{position:relative;z-index:2;margin:2.5vh 0 1.5vh;text-align:center;flex-shrink:0}#logoImg{display:block;margin:0 auto;height:clamp(96px,20vh,210px);width:auto;max-width:90vw;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45));animation:logoBob 4s ease-in-out infinite alternate}@keyframes logoBob{0%{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(7px) rotate(.5deg)}}#menu .tag{display:block;width:fit-content;margin:2px auto 0;padding:5px 22px;border-radius:16px;letter-spacing:6px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;background:#0a142a8c;border:1px solid rgba(255,255,255,.25)}#lobby{position:relative;z-index:2;margin:2.5vh 0 0;flex-shrink:0;display:flex;gap:24px;align-items:stretch;width:min(1280px,97vw)}#preview:before,#lobbyRight:before{background:none;border:20px solid transparent;border-image:url(/art/panel_wide.png) 56 fill / 20px stretch}#preview{flex:1;display:flex;gap:26px;padding:34px 40px;align-items:center}#prevStage{width:200px;height:200px;flex:none;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse 60% 14% at 50% 88%,rgba(0,0,0,.35),transparent 70%),radial-gradient(circle at 50% 36%,#7ec8ff40,#0a162ea6 75%);border-radius:16px;border:1px solid rgba(255,255,255,.14)}#prevImg{max-width:86%;max-height:84%;margin-bottom:8%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));transition:transform .2s}#preview:hover #prevImg{transform:translateY(-4px) scale(1.03)}#prevInfo{flex:1;text-align:left}#prevName{font-size:30px;font-weight:800;letter-spacing:1px;color:var(--gold);line-height:1.1}#prevDesc{font-size:12.5px;color:#ffffffb8;margin:4px 0 12px}#prevStats .stat{display:flex;align-items:center;gap:8px;margin-top:5px}#prevStats label{width:34px;font-size:9px}#prevStats .sbar{flex:1;height:8px;border-radius:4px;background:#00000073;overflow:hidden}#prevStats .sfill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ffd166,#ff9d33);transition:width .25s}#prevWpns{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.wchip{font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:11px;background:#142648e6;border:1px solid rgba(255,255,255,.18);color:#ffffffd9}.wchip.ss{border-color:#7de2ff;color:#7de2ff}#lobbyRight{flex:1.2;padding:30px 36px 28px;display:flex;flex-direction:column}#lobbyRight .ptitle{background:url(/art/banner_strip.png) no-repeat center / 100% 100%;text-align:center;padding:6px 0 7px;color:#ffffffd9;margin:14px 0 10px}#lobbyRight #startBtn{margin-top:18px}.row{display:flex;gap:8px}.modeBtn{flex:1;padding:9px 0;border-radius:14px;cursor:pointer;font-family:inherit;font-weight:800;font-size:12.5px;letter-spacing:1px;color:#fff;background:#142444d9;border:2px solid rgba(255,255,255,.16)}.modeBtn.sel{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #ffd1664d}.sizeBtn{flex:1;padding:7px 0;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:800;font-size:13px;color:#fff;background:#142444d9;border:2px solid rgba(255,255,255,.16)}.sizeBtn.sel{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #ffd1664d}#lobbyRight .ptitle{margin:10px 0 7px}#lobbyRight .ptitle:first-child{margin-top:0}#netRow{margin-bottom:4px}#joinCode{width:76px;text-align:center;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#0006;color:var(--gold);font-family:inherit;font-weight:800;font-size:15px;letter-spacing:3px;text-transform:uppercase;outline:none}#joinCode:focus{border-color:var(--gold)}#netStatus{min-height:16px;margin-top:7px;font-size:11px;letter-spacing:1px;color:#9fd8ff}#netStatus.err{color:#ff8f8f}#roster{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.rTile{aspect-ratio:1;border-radius:14px;cursor:pointer;position:relative;background:linear-gradient(180deg,#1e345ee6,#0d1830e6);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:transform .13s,border-color .13s,box-shadow .13s}.rTile img{width:80%;height:72%;object-fit:contain;position:relative;top:-6%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.rTile .rname{position:absolute;bottom:4px;left:5px;right:5px;text-align:center;font-size:8.5px;font-weight:800;letter-spacing:.5px;color:#ffffffd9;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#080e1e99;border-radius:7px;padding:1px 2px}.rTile:hover{transform:translateY(-3px)}.rTile.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 22px #ffb4464d;background:linear-gradient(180deg,#405482f2,#182646f2)}#startBtn{margin-top:auto;padding:13px 0;width:100%;border:none;border-radius:24px;cursor:pointer;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:3px;color:#4a2c00;background:linear-gradient(180deg,#ffe066,#ff9d33);box-shadow:0 8px 24px #ffa03273,inset 0 2px #fff9;transition:transform .12s}#startBtn:hover{transform:scale(1.04)}#startBtn:active{transform:scale(.98)}@media(max-height:900px){#logoImg{height:clamp(80px,16vh,150px)}#menu .tag{font-size:10px;letter-spacing:4px;padding:3px 16px}#lobby{margin-bottom:2vh;width:min(1080px,97vw);gap:16px}#preview{padding:26px 30px;gap:18px}#lobbyRight{padding:24px 28px 22px}#prevStage{width:150px;height:150px}#prevName{font-size:23px}#prevDesc{margin-bottom:7px}#roster{gap:8px}#startBtn{padding:10px 0;font-size:15px}#lobbyRight #startBtn{margin-top:12px}.modeBtn{padding:7px 0;font-size:11px}.sizeBtn{padding:5px 0;font-size:11.5px}#lobbyRight .ptitle{margin:9px 0 7px}}@media(max-height:720px){#logoImg{height:clamp(64px,13vh,110px)}#menu .tag{display:none}#prevStage{width:116px;height:116px}#prevWpns,.rTile .rname{display:none}}#overScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#060c1a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#overText{font-size:84px;font-weight:800;letter-spacing:6px;color:var(--gold);text-shadow:0 6px 0 rgba(0,0,0,.25),0 14px 44px rgba(0,0,0,.6)}#againBtn{padding:13px 46px;border:none;border-radius:28px;cursor:pointer;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:2px;color:#4a2c00;background:linear-gradient(180deg,#ffe066,#ff9d33);box-shadow:0 8px 24px #ffa03273}#touchControls{display:none}body.touch #touchControls{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.tc-cluster{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:14px;pointer-events:none}.tc-left{left:max(16px,env(safe-area-inset-left))}.tc-right{right:max(16px,env(safe-area-inset-right))}.tcBtn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:64px;height:64px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.35);background:radial-gradient(circle at 50% 35%,#2e487aeb,#0e1a34eb);color:#fff;font-family:inherit;font-weight:800;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000073,inset 0 2px #ffffff2e;-webkit-user-select:none;user-select:none}.tcBtn.held{background:radial-gradient(circle at 50% 35%,#4a6aa8,#233a6a);border-color:var(--gold);transform:scale(.94)}.tc-aim{font-size:34px}.tcFire{width:86px;height:86px;font-size:18px;letter-spacing:1px;color:#4a2c00;border-color:#ffffff8c;background:radial-gradient(circle at 50% 32%,#ffe680,#ff9d33);box-shadow:0 6px 20px #ff96288c,inset 0 2px #ffffff80;margin-left:4px}.tcFire.held{transform:scale(.93);background:radial-gradient(circle at 50% 32%,#ffd24d,#f07d1a)}body.touch #helpLine,body.touch #fireBtn{display:none}@media(max-width:760px){#topbar{top:8px;gap:7px;transform:translate(-50%) scale(.82);transform-origin:top center}#bottombar{bottom:8px;gap:7px;width:96vw;justify-content:center;transform:translate(-50%) scale(.82);transform-origin:bottom center}#powerPanel{width:min(48vw,300px)}#wpnPanel{padding:12px 14px}.wpnBtn{width:50px;height:50px}}@media(max-width:760px)and (orientation:portrait){#bottombar{flex-wrap:wrap}}#popups{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}.dmgPop{position:absolute;transform:translate(-50%,-50%);font-family:"Baloo 2",sans-serif;font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.5);will-change:transform,opacity,top,left}.dmgPop.low{font-size:22px;color:#fff}.dmgPop.mid{font-size:28px;color:#ffd166}.dmgPop.big{font-size:34px;color:#ff9d33}.dmgPop.kill{font-size:40px;color:#ff5e4d;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 16px rgba(255,80,60,.7)}#turnTray{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;pointer-events:none;z-index:9}#turnTray.solo{display:none}.traySide{display:flex;gap:7px}.trayVs{font-size:13px;font-weight:800;color:#ffffffb3;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.trayPip{width:38px;transition:transform .2s;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.trayPip img{width:38px;height:38px;object-fit:cover;border-radius:9px;border:2px solid rgba(255,255,255,.3);background:#0a142899}.trayPip.team0 img{border-color:var(--blue)}.trayPip.team1 img{border-color:var(--red)}.trayHp{height:4px;margin-top:2px;border-radius:2px;background:#00000080;overflow:hidden}.trayHpFill{height:100%;width:100%;background:linear-gradient(90deg,#8cff70,#3ddc55)}.trayPip.active{transform:translateY(-4px) scale(1.18)}.trayPip.active img{border-color:var(--gold);box-shadow:0 0 10px #ffd166cc}.trayPip.dead{opacity:.35;filter:grayscale(1) drop-shadow(0 2px 3px rgba(0,0,0,.4))}.trayPip.dead img{border-color:#fff3}#overScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#08102280,#060c1ad9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}#overCard{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;animation:overPop .5s cubic-bezier(.2,1.3,.5,1)}@keyframes overPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#overMobileWrap{width:220px;height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(126,200,255,.22),transparent 70%)}#overMobile{max-width:92%;max-height:92%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5));animation:overBob 2.4s ease-in-out infinite alternate}@keyframes overBob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}#overText{font-size:78px;font-weight:800;letter-spacing:5px;line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.6)}#overText.win{color:var(--gold)}#overText.lose{color:#ff8f8f}#overSub{margin-top:6px;font-size:14px;letter-spacing:4px;color:#ffffffa6;text-transform:uppercase}#overBtns{display:flex;gap:14px;margin-top:28px}#overBtns button{padding:13px 40px;border:none;border-radius:26px;cursor:pointer;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:2px}#againBtn{color:#4a2c00;background:linear-gradient(180deg,#ffe066,#ff9d33);box-shadow:0 8px 24px #ffa03273}#menuBtn{color:#fff;background:#16284ae6;border:2px solid rgba(255,255,255,.2)!important}#overBtns button:active{transform:translateY(2px)}#confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.confettiPiece{position:absolute;top:-14px;width:10px;height:16px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(105vh) rotate(640deg);opacity:.9}}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#14254a,#0a1326);transition:opacity .45s}#loading.fade{opacity:0}#loadingInner{display:flex;flex-direction:column;align-items:center;gap:20px}#loadingLogo{width:min(360px,64vw);filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}#loadingBar{width:min(320px,70vw);height:10px;border-radius:6px;background:#00000073;overflow:hidden;border:1px solid rgba(255,255,255,.15)}#loadingFill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#ffe066,#ff9d33);animation:loadGrow .8s ease forwards}@keyframes loadGrow{to{width:100%}}#loadingTip{font-size:13px;letter-spacing:1px;color:#fff9;max-width:80vw;text-align:center}#howto{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;display:flex;align-items:center;justify-content:center;background:#060c1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#howtoCard{width:min(440px,90vw);padding:28px 30px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#1a2e54f5,#0c162cf5);border:2px solid rgba(255,255,255,.16);box-shadow:0 20px 60px #0009}#howtoCard h2{margin:0 0 14px;font-size:24px;letter-spacing:3px;color:var(--gold)}#howtoBody p{margin:9px 0;font-size:14px;color:#ffffffd9;line-height:1.5}#howtoBody b{color:#fff}#howtoClose{margin-top:20px;padding:11px 38px;border:none;border-radius:22px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:2px;color:#4a2c00;background:linear-gradient(180deg,#ffe066,#ff9d33);box-shadow:0 6px 18px #ffa03266}#credit{position:relative;z-index:2;margin:14px auto 0;display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:22px;background:#0a142ab8;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:700;letter-spacing:.5px}.creditLabel{color:#ffffff8c;font-size:10px;letter-spacing:2px}.creditLink{display:inline-flex;align-items:center;gap:5px;color:var(--gold);text-decoration:none;font-weight:800;transition:color .15s,transform .15s}.creditLink:hover{color:#fff;transform:translateY(-1px)}.creditLink svg{opacity:.95}.creditDot{color:#fff6}@media(max-height:720px){#credit{display:none}}#mapRow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mapBtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border-radius:12px;cursor:pointer;font-family:inherit;background:#142444d9;border:2px solid rgba(255,255,255,.16);color:#fff;transition:transform .12s,border-color .12s}.mapBtn:hover{transform:translateY(-2px)}.mapBtn.sel{border-color:var(--gold);box-shadow:0 0 10px #ffd1664d}.mapBtn .mapIcon{font-size:19px;line-height:1}.mapBtn .mapName{font-size:9px;font-weight:800;letter-spacing:.5px;opacity:.85}.mapBtn.sel .mapName{color:var(--gold);opacity:1}@media(max-height:720px){.mapBtn .mapName{display:none}.mapBtn{padding:7px 0}}#fogFront{position:fixed;left:0;right:0;bottom:0;height:19vh;z-index:6;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000 32%,rgba(0,0,0,.6) 66%,transparent 100%);mask-image:linear-gradient(to top,#000 32%,rgba(0,0,0,.6) 66%,transparent 100%)}.fogLayer{position:absolute;left:-20%;right:-20%;top:-40%;bottom:-12%;background:var(--fog-color, #dfeefc);-webkit-mask-image:var(--fog-tex);mask-image:var(--fog-tex);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:0 bottom;mask-position:0 bottom;will-change:mask-position}.fogA{opacity:.95;-webkit-mask-size:46% 100%;mask-size:46% 100%;filter:blur(5px);animation:fogScrollA 34s linear infinite}.fogB{opacity:.72;-webkit-mask-size:68% 100%;mask-size:68% 100%;filter:blur(10px);animation:fogScrollB 56s linear infinite}@keyframes fogScrollA{0%{-webkit-mask-position:0 bottom;mask-position:0 bottom}to{-webkit-mask-position:-46% bottom;mask-position:-46% bottom}}@keyframes fogScrollB{0%{-webkit-mask-position:-68% bottom;mask-position:-68% bottom}to{-webkit-mask-position:0 bottom;mask-position:0 bottom}}#shareBtn{margin-top:16px;padding:11px 30px;border:none;border-radius:24px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:1.5px;color:#fff;background:#0c162ceb;border:2px solid rgba(255,255,255,.22)!important;display:inline-flex;align-items:center;gap:9px;transition:transform .12s,border-color .12s,background .12s}#shareBtn:hover{transform:translateY(-2px);border-color:var(--gold)!important;background:#142240f2}#shareBtn:active{transform:translateY(0)}#shareBtn:disabled{opacity:.6;cursor:default}#shareBtn .xlogo{font-size:18px;line-height:1}