.journey-next{margin:12px auto!important;display:block;background:#adffe4!important;color:#22253c!important;padding:12px 24px!important;border-radius:15px!important;font-weight:800}.journey-hero{padding:24px;border-radius:20px;background:linear-gradient(120deg,#3e3562,#21535a)}.journey-hero h2{font-size:28px;margin:10px 0}.journey-road,.mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px}.journey-stop,.mastery-grid article,.cosmetic-grid article{padding:16px;border:1px solid #ffffff24;border-radius:18px;background:#ffffff08}.journey-stop.reached{border-color:#a2f5d7}.journey-stop svg,.cosmetic-grid svg{height:100px;display:block;width:100%}.journey-stop small,.cosmetic-grid small{display:block;margin:8px 0}.journey-coin{font-size:65px;text-align:center;color:#ffdf8b}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cosmetic-grid article{margin:12px 0}.target-card{padding:20px 0}.mastery-grid img{width:65px;height:65px}.mastery-grid button{display:block;margin-top:9px;width:100%}#hub-content progress{width:100%;height:12px;accent-color:#a3ffe3}#hub-content button[aria-pressed=true]{background:#9effdb;color:#19283a}#hub-content select,#wizard-name{max-width:100%;background:#211d36;color:white;padding:12px;border:1px solid #c6afe7;border-radius:10px}.hud-rank img,.roster-member b img{width:22px;height:22px;vertical-align:middle;margin-right:6px}.hud-rank{display:inline-flex;align-items:center}#hub-tabs{flex-wrap:wrap}
#hub-content .journey-road button,#hub-content .cosmetic-grid button,#hub-content .mastery-grid button,#save-wizard-name{border:1px solid #baa4d955;border-radius:10px;background:#665080;color:#fff;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}#hub-content button:disabled{opacity:.5;cursor:default}.cosmetic-grid button{margin-top:8px}.journey-stop button{width:100%}#save-wizard-name{margin-left:8px}
.revealed-card svg{width:180px;height:150px}.loot-summary svg{width:50px;height:45px;flex-shrink:0}
.wardrobe{font-size:14px}.wardrobe h2,.wardrobe h3,.wardrobe button,.wardrobe small{text-transform:none;letter-spacing:normal}.wardrobe-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border-radius:20px;background:radial-gradient(ellipse at top right,#37655c,transparent 75%),#302940}.wardrobe-top h2{font-size:30px;margin:6px 0}.wardrobe-top p{max-width:380px;color:#c1bbd2;line-height:1.6}.shard-wallet{display:grid;gap:5px;min-width:150px}.shard-wallet strong{font-size:30px;color:#a7f4dc}.shard-wallet small{color:#a8b8ba}.wardrobe-equipped{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.wardrobe-equipped>div{display:grid;gap:8px;padding:14px;background:#ffffff07;border:1px solid #ffffff16;border-radius:12px}.wardrobe-equipped small{color:#aaa4bb}.wardrobe-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.wardrobe-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;padding:0 0 16px}.wardrobe-tabs span{opacity:.65;margin-left:8px}.wardrobe-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.wardrobe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.wardrobe-cards article{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff05}.wardrobe-cards article.is-equipped{border-color:#a7f4dc;background:#a7f4dc09}.wardrobe-art{position:relative;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#63527755,#171522);height:150px}.wardrobe-art svg{width:100%;height:140px}.wardrobe-art span{position:absolute;bottom:8px;left:10px;color:var(--rarity);font-size:11px}.wardrobe-cards h3{font-size:16px;margin:2px 0 0}.wardrobe-cards small{font-size:12px;color:#aaa7bd;line-height:1.5}.wardrobe-progress{display:grid;gap:6px;font-size:12px;margin-top:auto}.wardrobe-cards button{width:100%}#hub-content .wardrobe button{border:1px solid #baa4d955;border-radius:10px;background:#665080;color:#fff;padding:10px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.hat-glow{animation:hat-aura 3s ease-in-out infinite}.hat-glint{animation:hat-spark 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hat-orbit .hat-glint{animation:hat-orbit 4s linear infinite}.hat-shine .hat-glint{animation:hat-sweep 3.5s ease-in-out infinite}@keyframes hat-aura{50%{filter:drop-shadow(0 0 4px var(--hat-glow))}}@keyframes hat-spark{50%{opacity:.3}}@keyframes hat-sweep{0%,100%{transform:translateX(-14px);opacity:0}50%{transform:translateX(14px);opacity:1}}@keyframes hat-orbit{0%,100%{transform:translate(-23px,0)}25%{transform:translate(0,-8px)}50%{transform:translate(23px,0)}75%{transform:translate(0,8px)}}@media(max-width:550px){.wardrobe-top{align-items:flex-start;flex-direction:column}.wardrobe-equipped{grid-template-columns:1fr}.wardrobe-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-cards article{padding:10px}.wardrobe-name input{width:100%}}@media(prefers-reduced-motion:reduce){.hat-art,.hat-glint{animation:none!important}}
.rank-archmage{animation:rank-shimmer 4s ease-in-out infinite}.rank-mythic{animation:rank-amethyst 3.5s ease-in-out infinite}.rank-ascendant{animation:rank-turquoise 3s ease-in-out infinite}@keyframes rank-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28) drop-shadow(0 0 3px #ffd98b66)}}@keyframes rank-amethyst{0%,100%{filter:drop-shadow(0 0 2px #d395ff55)}50%{filter:brightness(1.18) drop-shadow(0 0 6px #d395ff99)}}@keyframes rank-turquoise{0%,100%{filter:drop-shadow(0 0 3px #5ef8df66)}50%{filter:brightness(1.22) drop-shadow(0 0 8px #5ef8dfbb)}}@media(prefers-reduced-motion:reduce){.rank-badge{animation:none!important}}
/* Compact, grouped game navigation. */
#lobby .hub-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(860px,100%);margin:24px auto 0;align-items:start}#lobby .menu-group{min-width:0;padding:15px;border:1px solid #b99cda25;border-radius:18px;background:#1a152d55}#lobby .menu-group h2{font-size:12px;font-weight:600;color:#b6abc8;text-transform:none;letter-spacing:.3px;margin:0 0 10px 3px}#lobby .menu-group>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}#lobby .hub-nav button{width:100%;min-width:0;min-height:46px;padding:10px 12px;margin:0;font-size:14px;text-transform:none;letter-spacing:0;border-radius:11px;box-shadow:0 3px 0 #21162f;white-space:normal}#wizard-menu-links #spellbook-button{order:0}#progress-menu-links #treasure-button{order:0}#progress-menu-links #rank-button{order:2}#progress-menu-links #settings-button{order:3}#lobby .league-block[role=button]{cursor:pointer;border-radius:14px;transition:background .15s}#lobby .league-block[role=button]:hover{background:#ffffff09}#lobby .league-block[role=button]:focus-visible{outline:2px solid #a6f5df;outline-offset:6px}@media(max-width:560px){#lobby .hub-nav{grid-template-columns:1fr;gap:10px}#lobby .menu-group{padding:12px}#lobby .hub-nav button{font-size:13px}}
/* One-screen lobby: play on the left, collection shortcuts on the right. */
body.in-menu #lobby{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);grid-template-rows:auto 1fr auto auto;gap:10px 32px;min-height:100svh;padding:16px 4%;align-items:center;box-sizing:border-box}.game-top{grid-column:1/-1}.lobby-tools{grid-column:2;grid-row:2;position:relative;z-index:3;min-width:0}#lobby .title-content{grid-column:1;grid-row:2;width:100%;max-width:480px;margin:0 auto}#lobby .game-title h1{font-size:44px;letter-spacing:-2px;transform:none}#lobby .game-title h1 span{display:inline;margin:0}#lobby .game-title>p{margin:8px 0;font-size:9px;letter-spacing:3px}#lobby .title-star{display:none}#lobby .game-menu{margin:12px auto 0;gap:8px}#lobby .play-panel{padding:12px 14px}#lobby .game-menu .mode-picker button{min-height:72px;padding:6px}#lobby .selected-mode{margin:8px 0;min-height:0}#lobby .game-menu .play-big{padding:12px 18px}#lobby .game-menu .menu-secondary{padding:10px 14px}#lobby .character-stage{display:none}#lobby .hub-nav{width:100%;margin:0;grid-template-columns:1fr;gap:10px}#lobby .menu-group{padding:12px}#lobby .hub-nav button{min-height:42px}#lobby .game-profile{padding-right:0}#lobby .game-bottom{grid-column:2;grid-row:3;margin:0;justify-content:flex-end}#lobby .discord-link{grid-column:1;grid-row:3;margin:0;justify-self:start}#lobby .save-note{grid-column:1/-1;margin:0;font-size:10px}#lobby #last-result{grid-column:1/-1;margin:0;padding:6px 12px;font-size:11px}#lobby #loadout-preview{margin:10px 0;gap:8px;flex-wrap:wrap}#lobby #loadout-preview img{width:32px;height:32px}#lobby .journey-next{margin:8px auto!important;padding:9px 15px!important;font-size:12px}#lobby .practice-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90svh;overflow:auto}.audio-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #ffffff20}.audio-setting h3{margin:0}.audio-setting p{margin:5px 0;font-size:12px}.audio-setting button{min-width:70px}
@media(min-width:751px) and (max-height:680px){body.in-menu #lobby{padding:10px 3%;gap:6px 24px}#lobby .rank-mini>span{padding:3px 8px}#lobby .rank-mini strong{font-size:15px}#lobby .game-title h1{font-size:32px}#lobby .game-title>p,#lobby .online-preview{display:none}#lobby .game-menu{margin-top:6px;gap:6px}#lobby .game-menu .mode-picker button{min-height:60px;gap:3px}#lobby .mode-picker strong{font-size:24px}#lobby .queue-note{margin:5px 0}#lobby .menu-group{padding:9px}#lobby .hub-nav button{min-height:36px;padding:8px}#lobby .menu-controls{line-height:1.4}}
@media(max-width:750px){body.in-menu #lobby{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:8px;padding:10px 14px;align-content:center}#lobby .game-top{grid-column:1;gap:10px}#lobby .game-profile{max-width:44%;font-size:10px}#lobby .rank-progress-box{width:180px}#lobby .rank-mini>span{padding:3px}#lobby .rank-mini strong{font-size:13px}#lobby .rank-mini small span{display:none}#lobby .rank-label{font-size:9px}#lobby .title-content{grid-column:1;grid-row:2;max-width:440px}#lobby .game-title h1{font-size:28px}#lobby .game-title>p,#lobby .online-preview,#lobby .selected-mode,#lobby .game-bottom{display:none}#lobby .game-menu{margin-top:8px;gap:5px}#lobby .play-panel{padding:8px 10px}#lobby .play-panel-heading{margin-bottom:6px}#lobby .game-menu .mode-picker button{min-height:55px;gap:2px}#lobby .mode-picker strong{font-size:22px}#lobby .game-menu .play-big{padding:9px 15px;font-size:17px}#lobby .game-menu .menu-secondary{padding:8px 12px;font-size:12px}#lobby .queue-note{margin:4px 0;font-size:10px}#lobby .lobby-tools{grid-column:1;grid-row:3}#lobby .hub-nav{grid-template-columns:1fr 1fr;gap:8px}#lobby .menu-group{padding:8px}#lobby .menu-group h2{font-size:10px;margin-bottom:7px}#lobby .menu-group>div{gap:6px}#lobby .hub-nav button{padding:7px 4px;min-height:34px;font-size:11px}#lobby #loadout-preview{display:none}#lobby .journey-next{margin:6px auto!important;padding:7px 12px!important}#lobby .discord-link{grid-column:1;grid-row:4;justify-self:center;font-size:11px}#lobby .save-note{font-size:9px;line-height:1.3}#lobby #account-open{padding:6px 8px;font-size:10px}}
/* A pocket-sized wizard stage keeps the title screen playful without a tall hero. */
#lobby .wizard-showcase{position:relative;isolation:isolate;min-height:148px;padding:18px 20px;margin-bottom:14px;border:1px solid #bd9eff66;border-radius:24px 24px 24px 7px;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#8c68ad99,transparent 65%),linear-gradient(115deg,#343650,#493560);box-shadow:inset 0 1px #fff2,0 7px 0 #130e2533;box-sizing:border-box}.showcase-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:60%}.showcase-tag{color:#e6dbb9;font-size:11px;letter-spacing:.3px}.showcase-copy strong{font-size:clamp(18px,2vw,25px);line-height:1.1;color:#fff3db;overflow-wrap:anywhere}.showcase-copy button{font-size:11px;padding:7px 10px;border-color:#c6f7cd88;background:#d9ffb8;color:#27382e;font-weight:800}.showcase-stamp{position:absolute;right:3px;top:-30px;font-size:130px;color:#ffffff07;z-index:-1;transform:rotate(15deg)}#lobby .wizard-showcase .character-stage{display:block;position:absolute;right:0;top:0;width:43%;height:100%;min-height:0;opacity:1;pointer-events:none}#lobby .wizard-showcase .hero-art{left:50%;right:auto;top:50%;width:270px;height:280px;transform-origin:center;animation:showcase-float 4s ease-in-out infinite;opacity:1}#lobby .wizard-showcase .wizard-body{background:linear-gradient(130deg,#727cad,#414374);border-color:#282240;box-shadow:inset -15px -10px #30345b}#lobby .wizard-showcase .wizard-hat{background:linear-gradient(125deg,#ffdfa8,#e5a66c)}#lobby .wizard-showcase .hat-band{background:#637e91;border-radius:4px}#lobby .wizard-showcase .wizard-face{border-color:#a7eddd}#lobby .wizard-showcase .wizard-face:before,#lobby .wizard-showcase .wizard-face:after{animation:wizard-blink 6s infinite}#lobby .wizard-showcase .staff:before{background:#96ffdc;border-color:#d5ffdf;box-shadow:0 0 30px #b7ffde99;animation:staff-glow 3s ease-in-out infinite}#lobby .wizard-showcase .stage-rune{left:12%;width:80%;height:16%;bottom:5%;box-shadow:0 0 0 5px #b897e815,0 0 25px #91f9d833}#lobby .wizard-showcase .spark{color:#fff3c7}#lobby .wizard-showcase .s1{animation:showcase-twinkle 3s infinite}#lobby .wizard-showcase .s3{animation:showcase-twinkle 3s 1s infinite}#lobby .hub-nav{grid-template-columns:1fr 1fr;gap:10px}#lobby .menu-group{background:linear-gradient(140deg,#53406d44,#19182e77);border-color:#c3a6df33;border-radius:17px}#lobby .menu-group h2{color:#e2d6f0}#lobby .hub-nav button{border-color:#bca1d844;background:linear-gradient(#5d4979,#443356);box-shadow:0 3px #21162f}#lobby .game-title h1{transform:rotate(-2deg);text-shadow:0 3px #7659a5,0 6px #0d082c66}#lobby .play-panel{border-color:#cfa9ef88;box-shadow:0 6px 0 #100a2733,inset 0 1px #ffffff18}#lobby .game-menu .play-big{background:linear-gradient(110deg,#d9ff91,#a6efbf);border-bottom-color:#68aa8b}#lobby .game-menu .mode-picker button[aria-pressed=true]{box-shadow:0 0 16px #c5ff8230,inset 0 1px #fff8}
@keyframes showcase-float{0%,100%{transform:translate(-50%,-50%) scale(.48) rotate(6deg)}50%{transform:translate(-50%,-53%) scale(.48) rotate(2deg)}}@keyframes wizard-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes staff-glow{50%{box-shadow:0 0 45px #b7ffdecc}}@keyframes showcase-twinkle{50%{opacity:.25;transform:rotate(30deg)}}
@media(min-width:751px) and (max-height:680px){#lobby .wizard-showcase{min-height:120px;padding:12px 16px;margin-bottom:9px}.showcase-copy{gap:7px}.showcase-copy strong{font-size:20px}#lobby .wizard-showcase .hero-art{zoom:.85}#lobby .hub-nav button{font-size:12px}}
@media(max-width:750px){#lobby .wizard-showcase{min-height:88px;padding:10px 13px;margin-bottom:8px;border-radius:17px}.showcase-copy{gap:5px}.showcase-copy strong{font-size:17px}.showcase-tag{font-size:9px}.showcase-copy button{padding:5px 8px;font-size:10px}#lobby .wizard-showcase .hero-art{zoom:.65}#lobby .wizard-showcase .stage-rune{height:12%}#lobby .hub-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){#lobby .wizard-showcase .hero-art{animation:none;transform:translate(-50%,-50%) scale(.48) rotate(4deg)}#lobby .wizard-showcase .wizard-face:before,#lobby .wizard-showcase .wizard-face:after,#lobby .wizard-showcase .staff:before,#lobby .wizard-showcase .spark{animation:none}}