@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b13;--cyan:#65f3f0;--blue:#4a9cff;--purple:#bc8cff;--gold:#ffd77b;--red:#ff536a;--text:#edf5ff;--muted:#8b9bb4;--panel:rgba(10,16,29,.88)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at center,#182438 0%,#0b111e 50%,#060910 100%)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at center,transparent 38%,rgba(1,3,8,.28) 76%,rgba(1,3,8,.72) 120%)}.hud{position:absolute;z-index:4;pointer-events:none;text-shadow:0 2px 8px #0008}.topHud{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:linear-gradient(180deg,rgba(3,7,14,.82),transparent)}.brand{display:flex;gap:10px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:900;letter-spacing:1.5px;line-height:.85}.brand b{color:var(--cyan)}.brand small{display:block;margin-top:8px;color:#8292aa;font:700 8px Inter,sans-serif;letter-spacing:2px}.brandMark{color:var(--cyan);font-size:31px;text-shadow:0 0 18px #65f3f0}.statRow{display:flex;gap:24px}.stat{min-width:54px;text-align:right}.stat small,.miniLabel{display:block;color:#8496b0;font-size:9px;font-weight:800;letter-spacing:1.8px}.stat strong{display:block;margin-top:3px;font:800 25px 'Barlow Condensed',sans-serif}.leftHud{left:26px;top:112px;width:210px}.rightHud{right:26px;top:116px;width:170px;text-align:right}.healthLine{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#91a3bd}.healthLine b{font-size:10px;color:#e8f4ff;letter-spacing:.5px}.meter{height:6px;margin-top:8px;background:#172437;border:1px solid #334359;border-radius:5px;overflow:hidden}.meter div{height:100%;width:100%;transition:width .15s;background:linear-gradient(90deg,#f34d70,#ff8c82);box-shadow:0 0 14px #ff536a88}.xpLine{margin-top:17px}.xpMeter div{background:linear-gradient(90deg,#3978ff,#65f3f0);box-shadow:0 0 14px #65f3f088}.passiveBox{margin-top:22px;padding:12px;background:linear-gradient(135deg,rgba(16,29,48,.75),rgba(9,15,26,.48));border:1px solid #31465b;border-radius:8px;backdrop-filter:blur(8px)}.passiveTitle{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#a6b7ce;display:flex;justify-content:space-between}.passiveTitle span{color:var(--gold)}.passiveList{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.emptyPassive{font-size:9px;color:#60728b}.passiveChip{border:1px solid #826b42;color:#ffe1a0;background:#5a45222b;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:800;letter-spacing:.3px}.weaponName{margin-top:6px;font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:1px}.weaponStats{margin-top:4px;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:1.2px}.runLabel{margin-top:25px}.runStatus{margin-top:6px;font-size:9px;color:#a2b3ca;letter-spacing:1px}.bossHud{position:absolute;z-index:5;top:94px;left:50%;transform:translateX(-50%);width:min(490px,56vw);display:none;pointer-events:none}.bossHud.active{display:block;animation:bossEnter .5s ease-out}.bossName{display:flex;align-items:center;gap:8px;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-shadow:0 0 12px #ff4768}.bossName b{margin-left:auto;font:800 10px Inter,sans-serif;color:#ff8799}.bossIcon{color:#ff536a}.bossBar{height:10px;margin-top:7px;padding:2px;background:#1c1522;border:1px solid #a53b59;border-radius:2px;box-shadow:0 0 20px #ff315333}.bossBar div{height:100%;width:100%;background:linear-gradient(90deg,#ff345f,#ff9b6b);transition:width .15s;box-shadow:0 0 12px #ff4b6c}.bossMeta{display:flex;justify-content:space-between;margin-top:5px;color:#c29aaa;font-size:8px;font-weight:800;letter-spacing:1.1px}.bottomHud{bottom:0;left:0;right:0;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(0deg,rgba(3,7,14,.78),transparent);font-size:9px;font-weight:800;letter-spacing:1.4px;color:#8799b1}.bottomHud>span:first-child{color:#c8d8ea}.legendDot,.liveDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:6px}.toast{position:absolute;z-index:8;top:28%;left:50%;transform:translate(-50%,-12px);padding:11px 18px;background:rgba(7,14,25,.92);border:1px solid #4c718d;border-radius:5px;color:#c7ffff;font:800 11px Inter,sans-serif;letter-spacing:1.4px;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,6,12,.62);backdrop-filter:blur(9px)}.hidden{display:none!important}.startPanel,.selectionPanel,.rewardPanel{width:min(620px,94vw);padding:clamp(22px,4vw,42px);background:linear-gradient(145deg,rgba(18,29,46,.96),rgba(7,12,23,.97));border:1px solid #3b526a;border-radius:12px;box-shadow:0 30px 100px #0009, inset 0 1px #ffffff0d;position:relative;overflow:hidden}.startPanel:before,.selectionPanel:before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.overline{font-size:9px;letter-spacing:2px;color:#9db2c9;font-weight:800}.logo{margin-top:20px;font:900 clamp(58px,10vw,92px)/.74 'Barlow Condensed',sans-serif;letter-spacing:-2px;text-shadow:0 0 38px #65f3f033}.logo span{color:var(--cyan)}.logo i{display:block;margin-top:17px;font:800 11px Inter,sans-serif;font-style:normal;letter-spacing:8px;color:#a1b2c8}.startPanel p,.selectionPanel>p,.rewardPanel p{max-width:480px;color:#a2b0c4;font-size:12px;line-height:1.8;margin:25px 0}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}.featureGrid div{padding:11px;background:#ffffff06;border:1px solid #ffffff10;border-radius:5px}.featureGrid b{display:block;font:800 19px 'Barlow Condensed',sans-serif;color:var(--cyan)}.featureGrid span{display:block;margin-top:4px;font-size:8px;font-weight:800;letter-spacing:1px;color:#91a4bd}.primaryBtn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid #65f3f0;background:linear-gradient(100deg,#1b6673,#173b50);color:#f1ffff;border-radius:5px;font-size:10px;font-weight:900;letter-spacing:1.8px;cursor:pointer;box-shadow:0 0 24px #3ee7e51a;transition:transform .15s,filter .15s}.primaryBtn:active{transform:scale(.985);filter:brightness(1.2)}.primaryBtn span{font-size:19px}.controlsNote{margin-top:17px;color:#75869d;font-size:8px;font-weight:800;letter-spacing:1px;text-align:center}.controlsNote span{color:#b4c5d9}.controlsNote i{padding:0 7px;color:#42536b}.selectionPanel{width:min(850px,96vw)}.selectionPanel h2{font:900 clamp(28px,5vw,42px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:13px 0 0}.selectionPanel h2 span{color:var(--cyan)}.selectionPanel>p{margin:10px 0 23px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{position:relative;min-height:225px;padding:18px 15px;text-align:left;color:var(--text);border:1px solid #34465e;border-radius:7px;background:linear-gradient(160deg,#152237,#0a111f 85%);cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier)}.card:after{content:'';position:absolute;width:120px;height:120px;right:-55px;top:40px;background:var(--tier);filter:blur(65px);opacity:.14;pointer-events:none}.card:hover,.card:focus-visible{transform:translateY(-5px);border-color:var(--tier);box-shadow:0 12px 30px #0006}.cardTier{font-size:8px;font-weight:900;letter-spacing:1.6px;color:var(--tier)}.cardIcon{font-size:32px;margin:17px 0 12px;color:var(--tier);text-shadow:0 0 18px color-mix(in srgb,var(--tier),transparent 40%)}.card h3{font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:0 0 8px}.card p{font-size:10px;line-height:1.65;color:#9cacc2;margin:0}.cardFoot{position:absolute;left:15px;right:15px;bottom:14px;padding-top:10px;border-top:1px solid #ffffff12;color:#8fa4bd;font-size:8px;font-weight:800;letter-spacing:1px}.selectionFoot{margin-top:18px;text-align:center;font-size:8px;font-weight:800;letter-spacing:1.7px;color:#687d97}.rewardPanel{width:min(490px,94vw);text-align:center}.rewardSigil{font-size:46px;color:var(--gold);text-shadow:0 0 35px #ffd77b66;margin:6px 0 15px}.rewardPanel h2{font:900 35px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:12px 0;color:var(--gold)}.rewardPanel p{margin:12px auto 18px}.rewardSkill{padding:15px;border:1px solid #8d7548;background:#ffd77b0a;border-radius:6px;margin-bottom:20px}.rewardSkill b{display:block;font:800 20px 'Barlow Condensed',sans-serif;color:#ffe4a3}.rewardSkill span{display:block;margin-top:7px;font-size:10px;line-height:1.6;color:#aeb9c8}.resultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.resultGrid div{padding:12px;background:#ffffff07;border:1px solid #ffffff12;border-radius:5px}.resultGrid small{display:block;font-size:8px;color:#7f91a9;letter-spacing:1.4px}.resultGrid b{display:block;margin-top:5px;font:800 27px 'Barlow Condensed',sans-serif}.smallLogo{font-size:62px}.dangerText{color:#ff7d8e}.mobileControls{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;touch-action:none}.joystick{display:none;position:absolute;left:0;top:0;width:116px;height:116px;transform:translate(-50%,-50%);border:1px solid #a5fafa80;border-radius:50%;background:radial-gradient(circle,rgba(80,226,235,.14),rgba(20,55,72,.2));box-shadow:inset 0 0 25px #65f3f01a,0 0 25px #65f3f01a;pointer-events:none}.joystick.active{display:block}.stick{position:absolute;left:35px;top:35px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c7ffff,#47aebd 70%);border:1px solid #d8ffff;box-shadow:0 0 20px #65f3f099;pointer-events:none}.mobileHint{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:1.5px;color:#a8b8cb;opacity:.65;white-space:nowrap}.bossFlash{animation:bossFlash .35s ease-out}@keyframes bossEnter{from{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes bossFlash{0%{filter:brightness(2)}100%{filter:brightness(1)}}
@media(max-width:700px){.topHud{padding:14px 14px}.brand{font-size:18px}.brandMark{font-size:24px}.brand small{font-size:6px;letter-spacing:1.2px}.statRow{gap:12px}.stat{min-width:35px}.stat small{font-size:7px;letter-spacing:1px}.stat strong{font-size:20px}.leftHud{top:83px;left:12px;width:155px}.rightHud{top:88px;right:12px;width:120px}.passiveBox{margin-top:13px;padding:8px}.passiveTitle{font-size:7px}.passiveChip{font-size:7px;padding:3px 4px}.healthLine{font-size:8px}.healthLine b{font-size:8px}.meter{height:5px}.xpLine{margin-top:12px}.weaponName{font-size:16px}.weaponStats{font-size:7px;letter-spacing:.5px}.miniLabel{font-size:7px;letter-spacing:1px}.runLabel{margin-top:15px}.runStatus{font-size:7px}.bossHud{top:75px;width:70vw}.bossName{font-size:12px}.bossMeta{font-size:6px}.bossBar{height:8px}.bottomHud{padding:12px 12px;font-size:7px;letter-spacing:.7px}.mobileControls{display:block}.mobileHint{bottom:38px;font-size:7px}.startPanel,.selectionPanel,.rewardPanel{padding:23px 19px}.logo{font-size:64px}.startPanel p{font-size:11px;margin:20px 0}.featureGrid{margin:18px 0}.featureGrid div{padding:8px}.featureGrid span{font-size:6px;letter-spacing:.5px}.controlsNote{font-size:7px}.cards{gap:7px}.card{min-height:208px;padding:12px 10px}.cardIcon{font-size:27px;margin:13px 0 9px}.card h3{font-size:17px}.card p{font-size:9px}.cardFoot{left:10px;right:10px;bottom:10px;font-size:7px}.selectionPanel h2{font-size:29px}.selectionPanel>p{font-size:10px}.cardTier{font-size:7px;letter-spacing:1px}.selectionFoot{font-size:7px;line-height:1.6}.toast{top:36%;font-size:9px}.passiveBox{max-width:155px}}
@media(max-width:380px){.brand{font-size:15px}.statRow{gap:7px}.leftHud{width:135px}.rightHud{width:104px}.cards{gap:5px}.card{min-height:200px;padding:10px 8px}.card h3{font-size:15px}.card p{font-size:8px}.cardFoot{font-size:6px}.logo{font-size:56px}}

/* Public multiplayer room */
.multiplayerStat{min-width:105px;border-color:rgba(101,243,240,.25)!important}.multiplayerStat strong{font-size:12px!important;color:#8ffff6}.multiplayerStat em{display:block;font-style:normal;font-size:8px;letter-spacing:.08em;color:#a7b8cc;margin-top:3px}.roomToast{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:30;padding:7px 12px;border:1px solid #65f3f055;background:#09131de8;border-radius:9px;color:#cffffa;font:700 10px/1.4 system-ui;letter-spacing:.08em;pointer-events:none;white-space:nowrap}.remoteTag{font:700 10px system-ui;fill:#d7fffc;text-anchor:middle}
@media(max-width:650px){.multiplayerStat{min-width:76px}.multiplayerStat strong{font-size:10px!important}.multiplayerStat em{font-size:7px}.brand small{display:none}}


/* Multi-biome lobby: character cards, room previews, and cinematic polish */
#startScreen{overflow-y:auto;align-items:center;justify-content:center;padding:14px;touch-action:pan-y}
.startPanel{width:min(920px,97vw);max-height:calc(100dvh - 26px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b7182 transparent;touch-action:pan-y}
.startPanel .logo{font-size:clamp(45px,6vw,70px);margin-top:13px}
.startPanel>p{max-width:790px;margin:16px 0 20px}
.pickSection{margin:18px 0 0;padding:16px;border:1px solid #293e54;border-radius:10px;background:linear-gradient(135deg,#0c1826c9,#0a101cc9);box-shadow:inset 0 1px #ffffff08}
.pickHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#c2d2e4;font:900 10px Inter,sans-serif;letter-spacing:1.4px}
.pickHeading span{color:#8ffff5}.pickHeading small{color:#6f829a;font-size:8px;letter-spacing:1px}
.heroChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.heroCard,.mapCard{position:relative;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);border:1px solid #32465b;border-radius:9px;background:linear-gradient(145deg,#142238,#0a121f);padding:10px;cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;touch-action:manipulation}
.heroCard{flex-direction:column;align-items:stretch;gap:8px}
.heroCard:hover,.mapCard:hover{transform:translateY(-2px);border-color:#688aa1}
.heroCard.selected,.mapCard.selected{border-color:var(--cyan);background:linear-gradient(145deg,#163649,#0b1724);box-shadow:0 0 0 1px #65f3f029,0 0 27px #37dce21c,inset 0 1px #dcffff17}
.heroArt{position:relative;display:block;height:96px;overflow:hidden;border-radius:6px;background:radial-gradient(ellipse at 50% 90%,#4bcbd52a,transparent 62%),linear-gradient(150deg,#0c1a29,#101d30);border:1px solid #ffffff0b}
.heroArt:before{content:'';position:absolute;left:50%;bottom:-18px;width:75px;height:75px;transform:translateX(-50%);border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 24px #65f3f01b}
.heroArt:after{content:'✦';position:absolute;right:9px;top:8px;font-size:12px;color:#ffffff50}
.heroArt i{position:absolute;z-index:2;left:50%;top:17px;width:27px;height:30px;transform:translateX(-50%);border:2px solid var(--hero-color,#65f3f0);border-radius:44% 44% 40% 40%;background:linear-gradient(135deg,#f1c39d,#9d6d54);box-shadow:0 0 18px color-mix(in srgb,var(--hero-color,#65f3f0),transparent 56%)}
.heroArt i:before{content:'';position:absolute;left:-3px;right:-3px;top:-5px;height:12px;border-radius:12px 12px 4px 4px;background:var(--hair,#263346);border-bottom:2px solid var(--hero-color,#65f3f0)}
.heroArt i:after{content:'';position:absolute;left:4px;right:4px;top:13px;height:4px;background:var(--hero-color,#65f3f0);box-shadow:0 0 9px var(--hero-color,#65f3f0)}
.heroArt b{position:absolute;left:50%;top:47px;width:47px;height:37px;transform:translateX(-50%);border:1px solid var(--hero-accent,#cfffff);border-radius:12px 12px 7px 7px;background:linear-gradient(90deg,var(--hero-dark,#24536c),var(--hero-color,#65f3f0),var(--hero-dark,#24536c));box-shadow:0 0 18px color-mix(in srgb,var(--hero-color,#65f3f0),transparent 70%)}
.heroArt b:before{content:'';position:absolute;left:50%;top:6px;width:7px;height:21px;transform:translateX(-50%);background:var(--hero-accent,#d8ffff);border-radius:5px;box-shadow:0 0 10px var(--hero-color,#65f3f0)}
.heroArt em{position:absolute;left:50%;top:56px;width:67px;height:5px;transform:translateX(5px) rotate(-20deg);border:1px solid #c6ffff;border-radius:4px;background:#111b28;box-shadow:0 0 9px var(--hero-color,#65f3f0)}
.artKamal{--hero-color:#55e6e8;--hero-dark:#174b62;--hero-accent:#d8ffff;--hair:#182433;background:radial-gradient(ellipse at 50% 90%,#55e6e835,transparent 62%),linear-gradient(150deg,#102535,#101827)}
.artMichella{--hero-color:#ff79c8;--hero-dark:#65345f;--hero-accent:#ffe2f4;--hair:#25182d;background:radial-gradient(ellipse at 50% 90%,#ff79c835,transparent 62%),linear-gradient(150deg,#301a36,#171a2c)}

.artMichella i{height:32px;border-radius:42% 42% 48% 48%}.artMichella i:before{left:-8px;right:-8px;top:-7px;height:18px;border-radius:15px 15px 6px 6px}.artMichella i:after{top:14px;left:3px;right:3px;height:3px}
.heroInfo,.mapInfo{display:block;min-width:0;flex:1}.heroInfo>b,.mapInfo>b{display:block;font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#effbff}.heroInfo small,.mapInfo small{display:block;margin-top:3px;color:#7f97b2;font-size:8px;font-weight:900;letter-spacing:1px}.heroInfo em,.mapInfo em{display:block;margin-top:7px;color:#a2b5c9;font-size:9px;line-height:1.45;font-style:normal}
.pickCheck{position:absolute;right:9px;top:9px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #4a6278;border-radius:50%;color:transparent;background:#08111b;font-size:11px;font-weight:900}.selected .pickCheck{border-color:var(--cyan);color:#05151c;background:var(--cyan);box-shadow:0 0 11px #65f3f055}
.mapChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mapCard{min-height:110px;padding:9px;align-items:stretch;gap:10px}.mapPreview{position:relative;display:block;flex:0 0 118px;min-height:91px;overflow:hidden;border:1px solid #ffffff12;border-radius:6px;background:#091725}.mapPreview:before,.mapPreview:after{content:'';position:absolute;inset:0}
.wenzhouPreview{background:repeating-linear-gradient(0deg,transparent 0 17px,#7fd8e01c 18px 19px),repeating-linear-gradient(90deg,#152f45 0 16px,#24485c 17px 20px,#0c1b2a 21px 40px),linear-gradient(90deg,#142d41,#176078 49%,#142d41);box-shadow:inset 0 0 25px #0009}
.wenzhouPreview:before{left:28%;right:28%;background:linear-gradient(90deg,#56dce31b,#40c7ec55 50%,#56dce31b);border-left:2px solid #55dce388;border-right:2px solid #55dce388}
.wenzhouPreview:after{inset:12px 8%;border-top:2px solid #f0bd7a99;border-bottom:2px solid #f0bd7a99;background:repeating-linear-gradient(0deg,#f0bd7a55 0 3px,transparent 3px 23px);opacity:.65}
.wedaPreview{background:radial-gradient(ellipse at 20% 32%,#729a4b 0 12px,transparent 21px),radial-gradient(ellipse at 73% 71%,#426d42 0 17px,transparent 27px),radial-gradient(ellipse at 70% 22%,#244c35 0 19px,transparent 30px),repeating-linear-gradient(155deg,transparent 0 26px,#b66d3a22 27px 33px),linear-gradient(135deg,#0f2720,#354c2d 49%,#4b3c2c);box-shadow:inset 0 0 26px #0009}
.wedaPreview:before{background:repeating-linear-gradient(45deg,transparent 0 25px,#d08b4d14 26px 27px),radial-gradient(ellipse at 50% 50%,#f2a55c20,transparent 58%)}
.mapPreview strong{position:absolute;z-index:2;right:8px;bottom:4px;font:900 25px 'Barlow Condensed',sans-serif;color:#dcfffb;text-shadow:0 0 12px #65f3f0;opacity:.85}
.wedaPreview strong{color:#c9ff9f;text-shadow:0 0 12px #8de06d}
.mapInfo>b{font-size:16px;padding-right:14px}.mapInfo em{font-size:8px;line-height:1.5}.mapCard .pickCheck{right:7px;top:7px}
#startBtn{margin-top:16px}.controlsNote{line-height:1.8}
@keyframes hunterPulse{0%,100%{filter:drop-shadow(0 0 0 #65f3f000)}50%{filter:drop-shadow(0 0 11px #65f3f025)}}
.heroCard.selected .heroArt{animation:hunterPulse 2.4s ease-in-out infinite}
@media(max-width:760px){#startScreen{align-items:flex-start;padding:8px}.startPanel{max-height:calc(100dvh - 16px);padding:17px 13px}.startPanel .logo{font-size:48px;margin-top:11px}.startPanel>p{font-size:10px;line-height:1.55;margin:13px 0}.pickSection{padding:10px;margin-top:10px}.heroChoices{gap:6px}.heroCard{padding:6px;gap:6px}.heroArt{height:72px}.heroArt i{top:11px;transform:translateX(-50%) scale(.84)}.heroArt b{top:37px;transform:translateX(-50%) scale(.82)}.heroArt em{top:45px}.heroInfo>b{font-size:14px}.heroInfo small{font-size:7px;letter-spacing:.3px}.heroInfo em{font-size:8px;margin-top:4px}.mapChoices{grid-template-columns:1fr}.mapCard{min-height:79px;align-items:center}.mapPreview{flex-basis:89px;min-height:64px}.mapInfo>b{font-size:14px}.mapInfo small{font-size:7px}.mapInfo em{margin-top:4px;font-size:8px}.pickHeading{font-size:9px;margin-bottom:8px}.pickHeading small{font-size:7px}.primaryBtn{padding:13px 14px}.controlsNote{margin-top:10px;font-size:7px}}
@media(max-width:380px){.heroArt{height:60px}.heroArt i{top:8px;transform:translateX(-50%) scale(.7)}.heroArt b{top:30px;transform:translateX(-50%) scale(.7)}.heroArt em{top:37px}.heroInfo>b{font-size:12px}.heroInfo small{font-size:6px}.heroInfo em{font-size:7px}.mapPreview{flex-basis:75px}}