body.hub-mode{background:#6bcfe8;color:#23476a}.hub-mode #app{min-height:100svh}.compact-doge{font-size:25px;font-weight:1000;color:#b9761b;letter-spacing:1px}.compact-doge small{display:block;font-size:9px;letter-spacing:4px;color:#287b9e}
.main-menu{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;max-width:none;margin:0;padding:35px 22px 45px;display:grid;place-items:center;background:#71cee5 url('assets/doge-valley.webp') center/cover}.menu-content{position:relative;z-index:4;width:min(490px,100%);text-align:center}.game-logo{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 12px 13px #114c5740)}.game-subtitle{color:#fff7ff;font-size:9px;font-weight:1000;letter-spacing:2px;background:linear-gradient(#ac92f5,#8a69db);border:3px solid #7860be;border-bottom:5px solid #6950a6;border-radius:14px;padding:11px 18px;transform:rotate(-2deg);box-shadow:inset 0 2px 0 #dccbff8c}.game-logo h1{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:1000;margin:15px 0 0;letter-spacing:-3px;line-height:.92;transform:rotate(-2deg);width:100%;font-size:110px}.game-logo h1>span{display:block;paint-order:stroke fill;-webkit-text-stroke:6px #b96816;text-shadow:0 3px #b96816,0 6px #b96816,0 9px #b96816,0 12px #95501a,2px 14px #95501a;color:#ffdd6d}.game-logo .logo-infinity{font-size:76px;letter-spacing:0;margin-top:10px;-webkit-text-stroke:5px #237fba;color:#c4f9ff;text-shadow:0 3px #237fba,0 6px #237fba,0 9px #237fba,0 12px #1e679d,2px 14px #1e679d}
.game-menu{margin-top:42px;padding:0 18px}.game-menu svg{width:23px;height:23px;flex-shrink:0}.menu-start{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:72px;border:3px solid #b77722;border-bottom:7px solid #96601f;border-radius:19px;background:linear-gradient(#ffe9a2,#ffd359 58%,#ffc046);color:#78501d;box-shadow:inset 0 3px #fff4c1,0 5px #12495330,0 10px 20px #164f5330;font-weight:1000;font-size:30px;letter-spacing:2px;transition:transform .15s,filter .15s}.menu-start svg{fill:#78501d;width:26px}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.menu-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:65px;border:3px solid #287bae;border-bottom:6px solid #1b6692;border-radius:15px;background:linear-gradient(#a0ecff,#69ccf0);color:#185b87;box-shadow:inset 0 2px #ffffffa0,0 4px #16495128,0 6px 12px #184b5820;font-size:12px;letter-spacing:.3px;font-weight:1000;transition:transform .15s,filter .15s}.menu-button.settings{background:linear-gradient(#d3c2ff,#ac90e5);border-color:#7a5aa9;border-bottom-color:#65498e;color:#55387f}.menu-button.characters{background:linear-gradient(#b5f3ac,#80d875);border-color:#469957;border-bottom-color:#367f43;color:#2a6739}.menu-button.buy{background:linear-gradient(#ffcab5,#f69987);border-color:#b96354;border-bottom-color:#9c4c42;color:#813d36}.menu-start:hover,.menu-button:hover{transform:translateY(-3px);filter:brightness(1.07)}.menu-start:active,.menu-button:active{transform:translateY(3px)}
.menu-mascot{position:absolute;width:clamp(160px,24vw,350px);bottom:12%;z-index:2;pointer-events:none}.menu-mascot.superdoge{left:2%;transform:rotate(-6deg)}.menu-mascot.pepe{right:3%;width:clamp(140px,20vw,270px);bottom:9%;transform:rotate(6deg)}.menu-mascot .sprite{filter:drop-shadow(0 12px 9px #16495638);animation:mascot-bob 4s ease-in-out infinite}.menu-mascot.pepe .sprite{animation-delay:-1.5s}.menu-edition{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#eaffed;font-size:8px;font-weight:900;letter-spacing:2px;text-shadow:0 1px 4px #1c667c}.menu-fireflies{position:absolute;inset:0;z-index:1;pointer-events:none}.menu-fireflies i{position:absolute;top:27%;left:18%;width:8px;height:8px;background:#fff6a4;border-radius:50%;box-shadow:0 0 16px 5px #fff6a478;animation:glow-drift 7s infinite}.menu-fireflies i:nth-child(2){left:74%;top:45%;animation-delay:-3s}.menu-fireflies i:nth-child(3){left:30%;top:78%;animation-delay:-5s}.menu-fireflies i:nth-child(4){left:88%;top:22%;width:5px;height:5px;animation-delay:-2s}
body.launch-active{overflow:hidden}.launch-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#71cee5 url('data:image/webp;base64,UklGRiYEAABXRUJQVlA4IBoEAAAQFgCdASpgADYAPuleo06pJSMjN/juqSAdCWwAssnsVR5t5q+GZuz7Y+76SdvL5j/Ow88r0meqI3oWfiNlyx6D0T8KY/EEqAW/sKwWe9O3rLl7YF//+O7PcAVNQlCeZKahc7lFjOnMsiSCS5koAH6oJwB6xrB2SULhfNzwxhtvt3q7arXBO/WkochxsUOGY8AicLm/hcr1osXeRCillWBEhj0/Cp0x0Mrv9aTQDaCiORkAigvam37IAAD+4007RQ7XKjA5F4vpyd5+Vz+ASlqOWWKPgqUp6AKP+QwCq9Q2+F6iVRhoFMq+X7t2XvibRgdJII0VLMM1CmPHtXyXddf75qTl6FAzliyjVYB/M7AsHtupPW8+mKSk7cXEIgUQAF+6gvCfdwqf7m98R/mP8m5CFHD/afL7458vVnHr4+QJdBoqZh7rzDlH+tBySls2oUbtv/oUq6+NhCf+aUohtegjXfUqmQNUPNYWCDD6B/8mQ0DrfkMk6MI5aUguNkziekOd5ACORScrzTLyt5q3HHxisoEyOGwoXYDgpqCh1wOk2NuR1qgQZc5+Vg3xK8mHquvOobdYS3KDQD12aT+hWRJtjyP8/mrwd+Fk1A1b+w/RqQVIrMUPE8EuMYOmpTt1YG1FE4ZBkbdTsBqVaQ2t+nLSEAe1OhbTkImjsRYnLqj/g/N00y9dQqfI0P4sPonNCAnVWJivsoORrHetOys1yNj7V5li5Zz1RNgI842U0IISrD40TKHyZhC41x6KyoO1dRC/fKg3RDHjwHVOI4eCe2Oq5bVYFN/d5ni+/DbSXllg7/R5KaHfRUjhSsL5r42/DU2biZ+aUuN7/OSq0G39bQPNqK3JegDgW7ET0ht7ajpqnoDoIMo0WiIUsFDJ8J50JeAVFODDqsz5k/aMidMeaDh+nUNAs+LX7eAZ2NIm24hOCpAgk9O8FWX66cyoxaVUghDfdce7CuKWE0apmO4TwHEhd9GIXvYi8np5rDwzKAHDqvn94ZPrIYBURqZNREcV5+rjnpNTo3STCGSoqR8w1+0j6jkaqUMefJmVASJq5cqIRHYRgQ3/zwouEoA1ikmr4IFoDp1blx8OmRjvYqlRG+ud+YQTHUEDXx6ro10XmGOW5SBcF75kfoArGVMz6SvIkAsGoDQ0Q3DZqK1PRCzyNQGNXX/1jGJwF0P6rNZKqLzlu+/6A88daMW7BfaxQGyu6yM99OigTawUZH+R71jJYaKyjgz1aPfV0ttdE8o5+2bIXOyjg2U4L0z2tZWjNbfDMjG3KLD4Q1ygNvYDaLfXmg+dQcDhqyVJtWCj4DMhX8aWT5/971p2Bl2XUsqa5yL2jh1ibU15l4zEvCK1MyJfPb61Iw+Mqh1hdGdwzvaAwhpKdA6zMLgFVgtIAAA=') center/cover;color:#236283;overflow:hidden;transition:opacity .18s,transform .18s}.launch-screen[hidden]{display:none}.launch-screen.leaving{opacity:0;transform:scale(1.025);pointer-events:none}.launch-center{position:relative;z-index:2;width:min(590px,90vw);text-align:center;padding-bottom:35px}.launch-center .game-logo h1{font-size:145px}.launch-center .game-logo .logo-infinity{font-size:98px}.launch-center .game-subtitle{font-size:10px;padding:12px 24px}.launch-meter{position:relative;height:35px;border:4px solid #74dafa;border-bottom-color:#4eb7e0;border-radius:40px;background:#5eabcf80;overflow:hidden;box-shadow:0 5px #3b91b351,0 10px 22px #1f6e7b25,inset 0 4px 6px #164f6d3a;margin:53px auto 0;width:min(420px,85vw)}.launch-meter:after{content:'';position:absolute;inset:3px 7px auto;height:7px;border-radius:10px;background:linear-gradient(90deg,#ffffff95,transparent)}.launch-meter i{display:block;height:100%;width:0;background:repeating-linear-gradient(115deg,#c4faff 0 18px,#8ee6fc 18px 36px);border-radius:30px;box-shadow:0 0 10px #acfcff;transition:width .4s;animation:loading-stripes 1.2s linear infinite;background-size:80px 100%}.launch-status-row{width:min(400px,82vw);display:flex;justify-content:space-between;gap:15px;align-items:center;margin:16px auto 0;min-height:24px;font-size:11px;font-weight:900;color:#215d79;text-shadow:0 1px 1px #ffffff80}.launch-status-row b{font-size:12px;white-space:nowrap}.launch-bottom{position:absolute;left:25px;right:25px;bottom:19px;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#edfff6;font-size:8px;font-weight:900;letter-spacing:1px;text-shadow:0 1px 4px #16647c}.launch-bottom button{color:#23637e;background:#e8ffffbe;border:2px solid #78c5d8;border-bottom:4px solid #5aa8c0;border-radius:16px;padding:8px 15px;font-size:10px;font-weight:900}.launch-hero{position:absolute;bottom:11%;left:7%;width:min(245px,25vw);transform:rotate(-8deg);filter:drop-shadow(0 12px 10px #16495630);animation:mascot-bob 4s ease-in-out infinite}.launch-motes{position:absolute;inset:0;pointer-events:none}.launch-motes i{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#fff8b4;box-shadow:0 0 13px #fff890;animation:glow-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay)}
.hub-mode .modal{color:#345b6f;background:#f3fff5;border-color:#62aab8;border-bottom-color:#397d8b;box-shadow:0 20px 80px #174e7060}.hub-mode .modal h2{color:#285c73}.hub-mode .modal .close{color:#568999}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #8bbcc342;gap:20px;font-size:14px}.setting-row button,.setting-row select,.wallet-option{border:2px solid #80bcca;border-radius:10px;background:#dffaff;padding:9px 13px;color:#286981;font:inherit}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.wallet-option{display:block;width:100%;text-align:left;margin:10px 0;cursor:pointer}.wallet-status{font-size:12px;padding:12px;background:#dff0e8;border-radius:9px;overflow-wrap:anywhere}.buy-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.buy-tier{padding:16px 8px;background:#e4f8ff;border:2px solid #8dcede;border-radius:12px;text-align:center;font-weight:bold;font-size:12px}.buy-tier.epic{background:#ede1ff;border-color:#baa0de}.buy-tier.legendary{background:#fff0c2;border-color:#dbb265}.buy-tier span{display:block;font-size:28px;margin-bottom:10px}.modal a.primary{display:inline-block;text-decoration:none}.menu-dialog{width:min(480px,94vw)}
@keyframes mascot-bob{50%{translate:0 -7px}}@keyframes glow-drift{0%,100%{opacity:.5;translate:0 0}50%{opacity:1;translate:7px -20px}}@keyframes loading-stripes{to{background-position:80px 0}}
@media(max-width:1000px){.menu-mascot.superdoge{width:190px;left:0;bottom:7%}.menu-mascot.pepe{width:160px;right:0;bottom:5%}.menu-content{width:450px}}
@media(max-width:680px){.main-menu{padding:25px 18px 55px;background-position:53% center}.menu-content{width:min(410px,100%)}.game-subtitle{font-size:7px;letter-spacing:1.3px;padding:9px 13px;border-radius:11px}.game-logo h1{font-size:95px}.game-logo .logo-infinity{font-size:64px}.game-menu{padding:0 10px;margin-top:36px}.menu-start{min-height:67px;font-size:26px}.menu-options{gap:12px}.menu-button{font-size:10px;gap:8px;min-height:60px}.game-menu svg{width:20px;height:20px}.menu-mascot.superdoge{width:125px;left:-17px;bottom:1%}.menu-mascot.pepe{width:107px;right:-10px;bottom:1%}.menu-edition{bottom:10px;font-size:6px;letter-spacing:1px}.launch-center .game-logo h1{font-size:115px}.launch-center .game-logo .logo-infinity{font-size:78px}.launch-center .game-subtitle{font-size:8px;letter-spacing:1.3px;padding:10px 17px}.launch-meter{height:32px;margin-top:43px}.launch-hero{bottom:10%;left:50%;width:135px;transform:translateX(-50%)}.launch-status-row{font-size:9px}.launch-status-row b{font-size:10px}.launch-bottom{left:15px;right:15px;font-size:6px;letter-spacing:.6px}.launch-bottom button{font-size:9px;padding:7px 12px}.launch-center{padding-bottom:65px}}
@media(max-width:390px){.game-logo h1{font-size:87px}.game-logo .logo-infinity{font-size:59px}.menu-button{font-size:9px;gap:6px}.launch-center .game-logo h1{font-size:104px}.launch-center .game-logo .logo-infinity{font-size:71px}}
@media(max-height:620px) and (min-width:681px){.main-menu{padding:18px}.game-logo h1{font-size:85px}.game-logo .logo-infinity{font-size:58px}.game-subtitle{padding:7px 14px;font-size:7px}.game-menu{margin-top:28px}.menu-start{min-height:57px;font-size:25px}.menu-button{min-height:50px}.menu-options{gap:10px;margin-top:12px}.menu-mascot{bottom:5%}.launch-center .game-logo h1{font-size:105px}.launch-center .game-logo .logo-infinity{font-size:72px}.launch-meter{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.launch-screen,.launch-meter i,.menu-start,.menu-button{transition:none}.launch-hero,.menu-mascot .sprite,.menu-fireflies i,.launch-motes i,.launch-meter i{animation:none!important}}
/* Original forest lobby: trio on stumps and a carved wooden command board. */
.lobby{position:relative;isolation:isolate;min-height:100svh;max-width:none;margin:0;padding:0;overflow:hidden;background:#c7dfb5 url('assets/doge-lobby.webp') center/cover}.lobby-title{position:absolute;left:4%;top:4%;width:46%;max-width:520px;padding:18px 30px 21px;border:5px solid #784a2d;border-bottom:8px solid #633c25;border-radius:22px 32px 30px 20px;background:linear-gradient(150deg,#d59a6a,#b87951);box-shadow:inset 0 3px #e8b686,0 5px 0 #91714530;transform:rotate(-1deg);text-align:center}.lobby-title:after{content:'';position:absolute;bottom:9px;left:14%;right:14%;height:5px;border-radius:50%;background:#a461414c}.lobby-title>span{color:#f5d7a5;font-size:8px;font-weight:1000;letter-spacing:2px;display:block}.lobby-title h1{font:1000 clamp(23px,3vw,39px)/1 'Trebuchet MS',sans-serif;letter-spacing:1.5px;color:#fff7d8;text-shadow:0 3px #8b5230;margin:8px 0 0}.lobby-team{position:absolute;left:4%;width:58%;top:29%;height:51%}.lobby-creature{position:absolute;width:32%;bottom:0;text-align:center;isolation:isolate}.lobby-creature.spot-0{left:0}.lobby-creature.spot-1{left:33%;bottom:30%}.lobby-creature.spot-2{right:0}.lobby-creature-art{display:block;position:relative;z-index:2;margin-bottom:-5%;animation:mascot-bob 4s ease-in-out infinite}.spot-1 .lobby-creature-art{animation-delay:-1.3s}.spot-2 .lobby-creature-art{animation-delay:-2.8s}.lobby-creature .sprite{filter:drop-shadow(0 5px 3px #716c3f20)}.lobby-stump{display:block;width:115%;height:auto;margin-left:-7.5%;position:relative;z-index:1}.lobby-name{position:absolute;left:20%;right:20%;bottom:3%;z-index:3;display:block;font-size:11px;font-weight:1000;color:#fff6d4;text-shadow:1px 1px #785235;letter-spacing:.7px;transform:rotate(-2deg)}.lobby-board{position:absolute;right:3.5%;top:5%;width:31%;max-width:420px;height:90%;max-height:760px;isolation:isolate;z-index:5;filter:drop-shadow(0 9px 8px #5b593a38)}.lobby-board-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.lobby-board-content{display:flex;flex-direction:column;gap:18px;height:100%;padding:11% 12% 15%}.lobby-crest{flex:1;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#ffe3a0}.lobby-crest svg{width:53px;height:53px;filter:drop-shadow(0 3px 0 #905533);fill:#fff0b32b}.lobby-crest>span{font-size:8px;color:#73452d;font-weight:1000;letter-spacing:1.5px;text-align:center}.lobby-start,.lobby-wallet{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%;border:4px solid #724b29;border-bottom:7px solid #674623;border-radius:17px;background:linear-gradient(#31d3e5,#00aec7);box-shadow:inset 0 3px #82eaf170,inset 0 -3px #0989a530;min-height:105px;color:#fff9e6;transition:transform .15s,filter .15s;padding:16px 10px;font-weight:1000;text-shadow:0 3px #047c8b55}.lobby-start svg{width:30px;height:30px;fill:#fff5d8}.lobby-start>span{font-size:clamp(25px,3vw,43px);letter-spacing:1px}.lobby-start small{flex-basis:100%;font-size:7px;letter-spacing:2px;display:block;text-align:center;margin-top:-7px;color:#d3f6e9}.lobby-wallet{background:linear-gradient(#ffda55,#ffb515);border-color:#97622e;border-bottom-color:#845429;min-height:83px;font-size:clamp(12px,1.6vw,22px);gap:9px;box-shadow:inset 0 3px #ffe69385,inset 0 -3px #db941635;text-shadow:0 2px #b87c2560}.lobby-wallet svg{width:24px;height:24px}.lobby-small-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:4px solid #805132;border-bottom:6px solid #74472c;border-radius:14px;overflow:hidden;margin-top:2px}.lobby-small-options button{border:0;border-right:2px solid #ab7050;background:linear-gradient(#d89c75,#be805c);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:13px 3px 11px;color:#fff8e6;min-height:92px;text-shadow:0 2px #a3644470;transition:filter .15s}.lobby-small-options button:last-child{border-right:0}.lobby-small-options svg{width:31px;height:31px}.lobby-small-options span{font-size:7px;font-weight:1000;letter-spacing:.5px;line-height:1.3}.lobby-start:hover,.lobby-wallet:hover{filter:brightness(1.07);transform:translateY(-2px)}.lobby-small-options button:hover{filter:brightness(1.1)}.lobby-caption{position:absolute;left:7%;bottom:6%;color:#f9ffe8;font-size:9px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 3px #5a633b}.arena-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arena-ambient i{position:absolute;width:3px;height:3px;background:#fff1aa;border-radius:50%;left:var(--x);top:var(--y);animation:glow-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 4px #fff2ad}
@media(max-width:950px) and (min-width:681px){.lobby-board{width:34%;right:2%}.lobby-team{width:57%;left:2%}.lobby-title{left:3%;width:49%}.lobby-board-content{gap:12px}.lobby-small-options span{font-size:6px;letter-spacing:0}.lobby-small-options button{min-height:80px}.lobby-wallet{font-size:12px}.lobby-crest span{font-size:6px}}
@media(max-height:600px) and (min-width:681px){.lobby-crest{min-height:40px;gap:5px}.lobby-crest svg{width:35px;height:35px}.lobby-board-content{gap:10px}.lobby-start{min-height:76px;padding:10px 5px}.lobby-start>span{font-size:28px}.lobby-wallet{min-height:65px;padding:10px 4px;font-size:13px}.lobby-small-options button{min-height:70px;padding:8px 2px}.lobby-title{padding:12px 20px}.lobby-title h1{font-size:25px}}
@media(max-width:680px){.lobby{min-height:100svh;padding:18px 12px 25px;display:flex;flex-direction:column;align-items:center;gap:15px;background-position:40% center}.lobby-title{position:relative;top:auto;left:auto;width:94%;max-width:400px;padding:13px 15px 16px;border-width:4px;border-bottom-width:6px}.lobby-title h1{font-size:27px}.lobby-title>span{font-size:7px;letter-spacing:1.3px}.lobby-team{position:relative;left:auto;top:auto;width:94%;max-width:450px;height:185px;margin:5px 0 0}.lobby-creature{width:31%;bottom:0}.lobby-creature.spot-1{bottom:20%}.lobby-name{font-size:8px;letter-spacing:0}.lobby-board{position:relative;right:auto;top:auto;width:94%;max-width:390px;height:480px;flex-shrink:0}.lobby-board-content{padding:12% 12% 15%;gap:14px}.lobby-crest{min-height:50px;gap:5px}.lobby-crest svg{width:39px;height:39px}.lobby-crest span{font-size:7px}.lobby-start{min-height:99px;padding:13px 10px}.lobby-start>span{font-size:36px}.lobby-wallet{min-height:76px;font-size:16px;padding:14px 8px}.lobby-small-options button{min-height:82px;padding:10px 3px}.lobby-small-options span{font-size:7px}.lobby-small-options svg{width:28px;height:28px}.lobby-caption{position:relative;bottom:auto;left:auto;font-size:6px;letter-spacing:1.3px;text-align:center;margin-top:2px}}
@media(prefers-reduced-motion:reduce){.lobby-creature-art,.arena-ambient i{animation:none!important}.lobby-start,.lobby-wallet,.lobby-small-options button{transition:none}}

.lobby-crest{background:radial-gradient(ellipse at 50% 0,#3d83a655,transparent 65%),linear-gradient(135deg,#214c65,#143147);border:3px solid #795032;border-radius:15px;box-shadow:inset 0 2px #6b9faf35;padding:10px 4px;gap:7px}.lobby-crest svg{width:35px;height:35px;color:#a1e8f3;filter:drop-shadow(0 0 9px #83e7ff35)}.lobby-crest b{font-family:Georgia,serif;font-size:clamp(18px,2vw,26px);color:#fff6cf;line-height:1.15;text-align:center;letter-spacing:.5px;text-shadow:0 3px #0b243b}.lobby-crest>span{color:#b0d3dd;font-size:7px;letter-spacing:2px}@media(max-height:600px) and (min-width:681px){.lobby-crest b{font-size:16px}.lobby-crest svg{width:23px;height:23px}.lobby-crest{gap:4px;padding:7px 3px}}@media(max-width:680px){.lobby-crest b{font-size:21px}.lobby-crest svg{width:28px;height:28px}.lobby-crest{padding:8px 3px;gap:5px}}
/* Illustrated identity, polished controls and lively creature idles. */
.brand-art{display:block;position:relative;aspect-ratio:var(--logo-ratio);width:100%;overflow:hidden;isolation:isolate}.brand-art img{position:absolute;top:0;height:auto;max-width:none;display:block}.art-logo-heading{margin:0!important;line-height:0!important;font-size:0!important;transform:none!important;letter-spacing:0!important;width:100%}.launch-center .game-logo{width:100%;animation:logo-arrival .8s cubic-bezier(.2,.7,.2,1) both}.launch-center .game-subtitle{margin-top:15px;font-size:8px;letter-spacing:2px;transform:none}.launch-center .loading-logo{filter:drop-shadow(0 8px 10px #21576825);animation:logo-breathe 5s ease-in-out infinite}.launch-meter{margin-top:28px}.launch-bottom button:disabled{opacity:1;color:#286379;cursor:default;background:#e9ffffb0}.lobby-title{width:43%;max-width:480px;padding:12px 23px 18px;background:linear-gradient(145deg,#dba472,#b67750);box-shadow:inset 0 3px #f1c99a,inset 0 -5px #9b5c3f40,0 7px 0 #67452924}.lobby-title .brand-art{filter:drop-shadow(0 4px 2px #7e4f3030)}.lobby-title>span{margin-top:4px;font-size:7px;letter-spacing:1.7px}.lobby-team{top:34%;height:46%}.brand>.brand-art{width:180px;flex-shrink:0}.lobby-creature-art{transform-origin:50% 90%;animation:creature-living 9s ease-in-out infinite;will-change:transform}.spot-1 .lobby-creature-art{animation-delay:-3s;animation-duration:8.5s}.spot-2 .lobby-creature-art{animation-delay:-5s;animation-duration:10s}.lobby-creature:hover .lobby-creature-art{animation:creature-greeting .8s ease-in-out 1}.idle-magic{position:absolute;inset:0;pointer-events:none;z-index:4}.idle-magic i{position:absolute;width:5px;height:5px;border:1px solid var(--creature-glow);background:var(--creature-glow);box-shadow:0 0 9px var(--creature-glow);border-radius:50%;left:16%;top:66%;animation:creature-mote 4.8s ease-in-out infinite;opacity:0}.idle-magic i:nth-child(2){left:83%;top:49%;animation-delay:-1.6s;width:4px;height:4px}.idle-magic i:nth-child(3){left:65%;top:17%;animation-delay:-3.3s;width:3px;height:3px}.lobby-stump{transition:filter .35s}.lobby-creature:hover .lobby-stump{filter:brightness(1.07)}.lobby-start,.lobby-wallet{overflow:hidden;box-shadow:inset 0 4px #faffff70,inset 0 -5px #074d6930,0 4px 0 #583c2435,0 8px 10px #674a2120}.lobby-start{background:linear-gradient(145deg,#25d6e0,#0aa9c5 55%,#057fa8);animation:start-beacon 4.5s ease-in-out infinite;border-color:#76502b;color:#fffce5;text-shadow:0 2px 0 #096077,0 3px 3px #06527030}.lobby-start:before,.lobby-wallet:before{content:'';position:absolute;inset:7px;border:1px solid #fff8c040;border-radius:10px;pointer-events:none}.lobby-start:after,.lobby-wallet:after{content:'';position:absolute;top:-30%;bottom:-30%;width:25%;left:-45%;transform:skewX(-23deg);background:linear-gradient(90deg,transparent,#ffffff32,transparent);animation:button-sheen 6s ease-in-out infinite;pointer-events:none}.lobby-wallet{background:linear-gradient(135deg,#ffed9a,#ffd03d 55%,#eba71f);color:#764821;text-shadow:0 1px 0 #ffedb4;border-color:#98602d;box-shadow:inset 0 4px #fff8b980,inset 0 -5px #b7781825,0 4px 0 #593d2435,0 8px 10px #674a2120}.lobby-wallet:after{animation-delay:-2.3s}.lobby-start:hover,.lobby-wallet:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.08)}.lobby-start:active,.lobby-wallet:active{transform:translateY(3px) scale(.985)}.lobby-small-options{border-radius:15px;box-shadow:0 4px 0 #674a2930}.lobby-small-options button{background:linear-gradient(145deg,#bd845d,#a16643);box-shadow:inset 0 3px #e6b38955,inset 0 -3px #824c3330;position:relative;transition:filter .2s,background .2s}.lobby-small-options svg{transition:transform .4s;filter:drop-shadow(0 2px 0 #875132)}.lobby-small-options span{font-size:8px;letter-spacing:.3px;color:#fff4d0;text-shadow:0 1px 0 #774226}.lobby-small-options button:hover{background:linear-gradient(145deg,#d79c71,#b8784d);filter:brightness(1.05)}.lobby-small-options button[data-action=settings]:hover svg{transform:rotate(90deg)}.lobby-small-options button[data-action=buy]:hover svg{animation:chest-wiggle .55s ease-in-out 1}.lobby-small-options button[data-action=team]:hover svg{transform:translateY(-4px) rotate(-7deg)}.lobby-board button:focus-visible{outline:3px solid #fff1b4;outline-offset:3px}.lobby-board button{transition:transform .2s,filter .2s}.lobby-crest{box-shadow:inset 0 2px #75c1d235,inset 0 -6px #071d332a,0 2px #8d5b3e30}.lobby-crest svg{animation:crest-glow 5s ease-in-out infinite}
@keyframes creature-living{0%,100%{transform:translateY(0) rotate(-1deg) scale(1.01,.99)}12%{transform:translateY(-4px) rotate(-3deg) scale(.98,1.035)}25%{transform:translateY(-10px) rotate(2deg) scale(.99,1.035)}31%{transform:translateY(2px) rotate(0) scale(1.045,.965)}45%{transform:translateY(-3px) rotate(1deg) scale(1)}65%{transform:translateY(0) rotate(3deg) scale(1.02,.99)}73%{transform:translateY(5px) rotate(-2deg) scale(1.07,.93)}79%{transform:translateY(-20px) rotate(-4deg) scale(.965,1.055)}85%{transform:translateY(3px) rotate(1deg) scale(1.055,.95)}94%{transform:translateY(-2px) rotate(-1deg) scale(1)}}@keyframes creature-greeting{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(3px) rotate(-5deg) scale(1.05,.95)}55%{transform:translateY(-19px) rotate(7deg) scale(.98,1.03)}80%{transform:translateY(2px) rotate(-2deg) scale(1.035,.97)}}@keyframes creature-mote{0%,100%{opacity:0;transform:translate(0,8px) scale(.6)}25%{opacity:.7}80%{opacity:0;transform:translate(6px,-22px) scale(1)}}@keyframes button-sheen{0%,45%,100%{left:-45%;opacity:0}50%{opacity:.8}70%{left:130%;opacity:0}}@keyframes start-beacon{0%,100%{filter:brightness(1);box-shadow:inset 0 4px #faffff70,inset 0 -5px #074d6930,0 4px 0 #583c2435,0 8px 10px #674a2120}50%{filter:brightness(1.045);box-shadow:inset 0 4px #faffff70,inset 0 -5px #074d6930,0 4px 0 #583c2435,0 0 18px #6be8db50}}@keyframes logo-breathe{50%{transform:translateY(-3px) scale(1.012)}}@keyframes logo-arrival{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes crest-glow{50%{filter:drop-shadow(0 0 12px #81dfff55);transform:scale(1.04)}}@keyframes chest-wiggle{20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}
@media(max-width:680px){.lobby-title{width:94%;max-width:400px;padding:9px 21px 15px}.lobby-title>span{font-size:6px;letter-spacing:1.1px}.lobby-team{top:auto;height:185px}.brand>.brand-art{width:124px}.launch-center{width:min(510px,90vw);padding-bottom:60px}.launch-center .game-subtitle{font-size:6px;padding:8px 12px;letter-spacing:1px;margin-top:10px}.launch-meter{margin-top:26px}.lobby-small-options span{font-size:7px}.launch-hero{bottom:8%;width:105px}}
@media(max-height:600px) and (min-width:681px){.lobby-title{max-width:390px;padding:8px 20px 14px}.lobby-team{top:34%;height:46%}.launch-center{width:min(440px,85vw);padding-bottom:20px}.launch-meter{margin-top:20px}.launch-center .game-subtitle{margin-top:8px;font-size:6px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.launch-center .game-logo,.launch-center .loading-logo,.lobby-creature-art,.lobby-creature:hover .lobby-creature-art,.idle-magic i,.lobby-start,.lobby-start:after,.lobby-wallet:after,.lobby-crest svg,.lobby-small-options svg{animation:none!important;transition:none!important}.lobby-start:hover,.lobby-wallet:hover{transform:none}.lobby-small-options button:hover svg{transform:none}}
/* Keep the illustrated header clear of the rear character's jumps. */
@media(min-width:681px){.lobby-title{max-width:440px;padding:9px 20px 14px}.lobby-title .brand-art{max-width:340px;margin:auto}.lobby-creature.spot-1{bottom:14%}}
.lobby-creature:hover .lobby-creature-art{animation:creature-greeting .8s ease-in-out 1,creature-living 9s ease-in-out .8s infinite}
@media(prefers-reduced-motion:reduce){.lobby-creature:hover .lobby-creature-art{animation:none!important}}
/* Show the mark fully legible from its first painted frame. */
@keyframes logo-arrival{from{opacity:1;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}