:root{--bg:#080d1d;--panel:#11182e;--panel2:#151f3b;--line:rgba(148,168,224,.17);--text:#edf3ff;--muted:#91a0c4;--blue:#64b5ff;--cyan:#73e6e7;--gold:#ffc96b;--purple:#b89cff;--danger:#ff7e91;--shadow:0 22px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#18295a 0,#0b1024 45%,#070a16);color:var(--text);font-family:Space Grotesk,sans-serif}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.eyebrow{font:600 10px Chakra Petch;letter-spacing:.2em;color:#79a8e7}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:20;display:grid;gap:10px}.toast{min-width:220px;padding:12px 14px;border-radius:11px;background:#182646;border:1px solid rgba(110,228,231,.4);box-shadow:var(--shadow);font-size:12px;animation:toastIn .25s ease-out}.toast strong{display:block;color:var(--cyan);font:600 11px Chakra Petch;margin-bottom:3px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#030611c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(520px,calc(100% - 30px));max-height:90vh;overflow:auto;padding:26px;border:1px solid rgba(143,172,255,.3);border-radius:18px;background:#111a35;box-shadow:var(--shadow)}.modal-close{position:absolute;top:11px;right:13px;width:30px;height:30px;border-radius:8px;background:#ffffff12;font-size:22px;color:var(--muted)}@media(max-width:760px){.toast-stack{right:12px;bottom:74px}.toast{min-width:0;width:calc(100vw - 24px)}}:root{--bg:#16283a;--panel:#f1dfb6;--panel2:#ead09b;--line:#523f44;--text:#332b3e;--muted:#6c6570;--blue:#129fc1;--cyan:#21d0cb;--gold:#d58a24;--purple:#7650a8;--shadow:0 12px 0 rgba(37,25,38,.18),0 22px 46px rgba(11,18,29,.35)}body{font-family:Trebuchet MS,Space Grotesk,sans-serif;background-color:#132537;background-image:radial-gradient(circle at 15% 15%,rgba(45,196,185,.18) 0 2px,transparent 3px),radial-gradient(circle at 83% 25%,rgba(255,194,72,.14) 0 2px,transparent 3px),linear-gradient(135deg,#162f47,#0c1b2c 58%,#20384a);background-size:74px 74px,103px 103px,100% 100%;color:var(--text)}.eyebrow{color:#087e91;text-shadow:0 1px 0 #f6e3b4}.toast{background:#f1d68e;color:#3b2d42;border:3px solid #745057;box-shadow:0 5px #301f2747}.toast strong{color:#087e91}.modal{background-color:#f0ddb2;background-image:none;background-size:100% 100%;background-repeat:no-repeat;border:0;border-radius:0;color:#3b3040;box-shadow:0 10px #25192659}.modal-close{background:#dcc18b;color:#4a3042;border:2px solid #84605b}.modal{background-color:#f0ddb2;background-image:none;border:3px solid #80605a;border-radius:20px}html,body{background:#070d11;color:#f4f0d1;image-rendering:auto}body.home-open{overflow:hidden}body.game-open .hub-home{display:none}.hub-home{position:fixed;inset:0;z-index:60;overflow:hidden;background:#0a0b16;color:#fff;isolation:isolate}.hub-home-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hub-home-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04050e1f,#07091408 38%,#04071014),linear-gradient(0deg,rgba(4,6,12,.55),transparent 35%);z-index:1}.hub-home-logo{position:absolute;z-index:3;left:4.2vw;top:5.2vh;width:min(43vw,690px);height:auto;filter:drop-shadow(0 10px 0 rgba(4,5,11,.62)) drop-shadow(0 0 24px rgba(255,80,69,.12));will-change:transform;animation:hubLogoFloat 4.8s ease-in-out infinite}.hub-home-logo-glow{position:absolute;z-index:2;left:4.2vw;top:5.2vh;width:min(43vw,690px);aspect-ratio:1671 / 941;border-radius:50%;will-change:transform;animation:hubLogoFloat 4.8s ease-in-out infinite}.hub-home-logo-glow:before{content:"";position:absolute;inset:-24%;border-radius:50%;background:repeating-conic-gradient(from 0deg at 50% 50%,#ff3a240a 0deg 8deg,#ff572bb8 8deg 13deg,#ffbb4f33 13deg 19deg,#ff3a240a 19deg 27deg);filter:blur(5px);opacity:.72;mix-blend-mode:screen;transform:scale(1.08);will-change:transform;animation:hubLogoGlowSpin 9s linear infinite}.hub-home-character{position:absolute;z-index:4;right:-5vw;bottom:-8vh;width:min(59vw,940px);max-height:94vh;object-fit:contain;object-position:right bottom;filter:drop-shadow(-15px 16px 0 rgba(4,4,10,.35))}.hub-home-crystal{position:absolute;z-index:2;left:38%;bottom:-17%;width:min(42vw,680px);height:auto;transform:rotate(-9deg);opacity:.82;filter:drop-shadow(0 0 28px rgba(255,45,45,.46))}.hub-home-menu{position:absolute;z-index:5;left:5.2vw;top:46%;width:min(31vw,430px);display:grid;gap:10px}.hub-menu-btn{position:relative;width:100%;min-height:72px;padding:15px 20px;border:6px solid #070e18;border-radius:3px;background:#22a8dc;color:#081b2c;font:800 clamp(18px,2vw,29px) "Chakra Petch",sans-serif;letter-spacing:.04em;text-shadow:2px 2px 0 rgba(255,255,255,.28);box-shadow:0 8px #060a12,0 0 0 3px #ffffff38 inset;cursor:pointer;transition:transform .16s,filter .16s}.hub-menu-btn:before,.hub-menu-btn:after{content:"";position:absolute;top:50%;width:18px;height:18px;background:#fff;border:4px solid #060b11;transform:translateY(-50%) rotate(45deg);opacity:0}.hub-menu-btn:before{left:-17px}.hub-menu-btn:after{right:-17px}.hub-menu-btn:hover,.hub-menu-btn:focus-visible{transform:translate(8px);filter:brightness(1.13)}.hub-menu-btn:hover:before,.hub-menu-btn:focus-visible:before,.hub-menu-main:focus-visible:before{opacity:1}.hub-menu-btn:hover:after,.hub-menu-btn:focus-visible:after,.hub-menu-main:focus-visible:after{opacity:1}.hub-menu-secondary{background:#259bd0}.hub-menu-danger{background:#f34232;color:#fff3dc;text-shadow:2px 2px 0 #7d151b}.hub-home-version{margin:8px 0 0 4px;color:#d1c9da;font:600 11px Chakra Petch;letter-spacing:.15em;text-shadow:2px 2px #131323}.hub-home-corner{position:absolute;z-index:5;right:24px;bottom:20px;color:#b2dfd9;font:600 10px Chakra Petch;letter-spacing:.14em;text-shadow:2px 2px #09121c}.hub-status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#64e6bc;box-shadow:0 0 10px #64e6bc}.hub-home:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light}.hub-home .hub-menu-btn{font-family:Chakra Petch,Courier New,monospace}@media(max-width:900px){.hub-home-logo{left:5vw;top:5vh;width:55vw}.hub-home-character{right:-18vw;width:76vw;bottom:-4vh}.hub-home-crystal{left:28%;width:56vw}.hub-home-menu{left:6vw;top:46%;width:42vw}.hub-menu-btn{min-height:60px;font-size:clamp(14px,2.7vw,22px)}}@media(max-width:620px){.hub-home-logo{left:6vw;top:4vh;width:78vw}.hub-home-character{right:-39vw;width:112vw;bottom:-3vh;opacity:.93}.hub-home-crystal{left:16%;bottom:-10%;width:95vw}.hub-home-menu{left:7vw;top:auto;bottom:10vh;width:61vw;gap:7px}.hub-menu-btn{min-height:51px;border-width:4px;padding:10px 12px;font-size:14px;box-shadow:0 5px #060a12}.hub-home-version{font-size:8px}.hub-home-corner{right:12px;bottom:12px;font-size:8px}}.hub-menu-btn{font-family:Courier New,monospace;font-weight:900;letter-spacing:.02em;border-width:5px;min-height:64px}.hub-home-copyright{position:absolute;z-index:5;top:4.4vh;right:2.4vw;color:#fff8e2;font:900 clamp(10px,1.15vw,18px) "Courier New",monospace;line-height:1.15;text-align:right;text-shadow:3px 3px 0 #070911;letter-spacing:.03em}.hub-home-copyright span{font-size:.78em;color:#d3cde0}.hub-home-corner{bottom:24px}.hub-home-version{font-family:Courier New,monospace;font-weight:900}@media(max-width:620px){.hub-home-copyright{top:2.4vh;right:3vw;font-size:8px}.hub-menu-btn{min-height:47px;font-size:13px}.hub-home-version{font-size:7px}}@media(min-width:1200px){.hub-home-logo{left:1.7vw;top:-6.8vh;width:min(41vw,780px)}.hub-home-character{right:-13vw;bottom:-9vh;width:min(76vw,1450px);max-height:none}.hub-home-crystal{left:23%;bottom:-14%;width:min(43vw,840px)}.hub-home-menu{left:3.8vw;top:44%;width:min(28vw,520px)}.hub-menu-btn{min-height:70px;font-size:clamp(18px,1.5vw,29px)}}.hub-menu-btn:hover,.hub-menu-btn:focus-visible{background:#fff;color:#239cd0;text-shadow:none;transform:translate(8px);filter:brightness(1.03)}.hub-menu-danger:hover,.hub-menu-danger:focus-visible{background:#fff;color:#ef3e31;text-shadow:none}.hub-menu-btn:before,.hub-menu-btn:after{top:50%;width:30px;height:42px;border:0;transform:translateY(-50%);background-repeat:no-repeat;opacity:0}.hub-menu-btn:before{left:-18px;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:19px 5px,5px 19px,19px 5px,5px 19px;background-position:left top,left top,left bottom,left bottom}.hub-menu-btn:after{right:-18px;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:19px 5px,5px 19px,19px 5px,5px 19px;background-position:right top,right top,right bottom,right bottom}.hub-menu-main:before,.hub-menu-main:after{opacity:0}.hub-menu-btn:focus-visible{outline:0}.hub-menu-btn:hover:before,.hub-menu-btn:hover:after,.hub-menu-btn:focus-visible:before,.hub-menu-btn:focus-visible:after{filter:drop-shadow(2px 2px 0 #071019) drop-shadow(-1px 0 0 #071019)}.hub-menu-btn:before,.hub-menu-btn:after{width:22px;height:44px}.hub-menu-btn:before{left:-29px}.hub-menu-btn:after{right:-29px}.hub-menu-btn:before,.hub-menu-btn:after{background-size:15px 5px,5px 15px,15px 5px,5px 15px}.hub-menu-btn:before,.hub-menu-btn:after{width:28px;height:88px;top:50%;border:0;transform:translateY(-50%);background-repeat:no-repeat;filter:none}.hub-menu-btn:before{left:-32px;background-image:linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff);background-size:24px 10px,16px 5px,10px 27px,5px 19px,24px 10px,16px 5px,10px 27px,5px 19px;background-position:left top,4px 3px,left top,3px 4px,left bottom,4px calc(100% - 3px),left bottom,3px calc(100% - 4px)}.hub-menu-btn:after{right:-32px;background-image:linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff),linear-gradient(#071019,#071019),linear-gradient(#fff,#fff);background-size:24px 10px,16px 5px,10px 27px,5px 19px,24px 10px,16px 5px,10px 27px,5px 19px;background-position:right top,calc(100% - 4px) 3px,right top,calc(100% - 3px) 4px,right bottom,calc(100% - 4px) calc(100% - 3px),right bottom,calc(100% - 3px) calc(100% - 4px)}.hub-menu-btn:hover:before,.hub-menu-btn:hover:after,.hub-menu-btn:focus-visible:before,.hub-menu-btn:focus-visible:after{opacity:1}.hub-menu-btn:before,.hub-menu-btn:after{display:none!important}.hub-corner{display:block;position:absolute;width:23px;height:19px;z-index:3;opacity:0;transition:opacity .12s}.hub-corner-tl{left:-20px;top:-13px;border-top:5px solid #fff;border-left:5px solid #fff;filter:drop-shadow(2px 2px 0 #071019)}.hub-corner-tr{right:-20px;top:-13px;border-top:5px solid #fff;border-right:5px solid #fff;filter:drop-shadow(-2px 2px 0 #071019)}.hub-corner-bl{left:-20px;bottom:-13px;border-bottom:5px solid #fff;border-left:5px solid #fff;filter:drop-shadow(2px -2px 0 #071019)}.hub-corner-br{right:-20px;bottom:-13px;border-bottom:5px solid #fff;border-right:5px solid #fff;filter:drop-shadow(-2px -2px 0 #071019)}.hub-menu-btn:hover .hub-corner,.hub-menu-btn:focus-visible .hub-corner{opacity:1}.hub-corner{width:28px;height:24px;border:0!important;background:#fff;filter:drop-shadow(2px 2px 0 #071019);opacity:0}.hub-corner-tl{left:-31px;top:-16px;clip-path:polygon(0 0,100% 0,100% 25%,30% 25%,30% 100%,0 100%)}.hub-corner-tr{right:-31px;top:-16px;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 25%,0 25%)}.hub-corner-bl{left:-31px;bottom:-16px;clip-path:polygon(0 0,30% 0,30% 75%,100% 75%,100% 100%,0 100%)}.hub-corner-br{right:-31px;bottom:-16px;clip-path:polygon(0 75%,70% 75%,70% 0,100% 0,100% 100%,0 100%)}.hub-menu-btn:hover .hub-corner,.hub-menu-btn:focus-visible .hub-corner{opacity:1!important}.hub-corner{width:24px;height:20px}.hub-corner-tl{left:-16px;top:-12px}.hub-corner-tr{right:-16px;top:-12px}.hub-corner-bl{left:-16px;bottom:-12px}.hub-corner-br{right:-16px;bottom:-12px}@media(min-width:1200px){.hub-home-menu{gap:7px}}@keyframes hub-menu-jiggle{0%,to{transform:translate(8px) rotate(0)}20%{transform:translate(8px) translateY(-1px) rotate(-1.4deg)}40%{transform:translate(8px) translateY(1px) rotate(1.3deg)}60%{transform:translate(8px) translateY(-1px) rotate(-.9deg)}80%{transform:translate(8px) translateY(.5px) rotate(.7deg)}}.hub-menu-btn:hover,.hub-menu-btn:focus-visible{animation:hub-menu-jiggle .68s ease-in-out 1 both;transform-origin:center center}.hub-home-logo,.hub-home-logo-glow{will-change:transform,rotate;animation:hubLogoFloat 4.8s cubic-bezier(.37,0,.63,1) infinite,hubLogoSway 4.8s cubic-bezier(.37,0,.63,1) -1.2s infinite}@keyframes hubLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes hubLogoSway{0%,to{rotate:2.5deg}50%{rotate:-2.5deg}}@keyframes hubLogoGlowSpin{to{transform:scale(1.08) rotate(360deg)}}@media(max-width:900px){.hub-home-logo-glow{left:5vw;top:5vh;width:55vw}}@media(max-width:620px){.hub-home-logo-glow{left:6vw;top:4vh;width:78vw}}@media(min-width:1200px){.hub-home-logo-glow{left:1.7vw;top:-6.8vh;width:min(41vw,780px)}}@media(prefers-reduced-motion:reduce){.hub-home-logo,.hub-home-logo-glow,.hub-home-logo-glow:before{animation:none}}.hub-home-logo-glow:before{inset:-10%;transform:scale(1.03)}@keyframes hubLogoGlowSpin{to{transform:scale(1.03) rotate(360deg)}}.hub-home-logo-glow:before{inset:-19.25% auto auto 11%;width:78%;height:138.75%;border-radius:50%;filter:blur(2px);transform:scale(1.03)}.hub-home-logo-glow:before{background:repeating-conic-gradient(from 0deg at 50% 50%,#ff2d230a 0deg 8deg,#ff2d23b8 8deg 13deg,#ff2d2333 13deg 19deg,#ff2d230a 19deg 27deg)}.hub-home-logo-glow:before{background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,#ff2d23 8deg 13deg,transparent 13deg 27deg);filter:drop-shadow(0 0 7px #ff2d23);opacity:1;mix-blend-mode:normal}.hub-home-logo-glow:before{filter:drop-shadow(0 0 6px rgba(255,45,35,.6));opacity:.46}.hub-home-logo-glow:before{background:repeating-conic-gradient(from -12deg at 50% 50%,transparent 0deg 13deg,#ff2d23 13deg 29deg,transparent 29deg 45deg)}.hub-home-logo-glow:before{background:repeating-conic-gradient(from -12deg at 50% 50%,transparent 0deg 12deg,#ff2d23 12deg 32deg,transparent 32deg 45deg);filter:drop-shadow(0 0 5px rgba(255,45,35,.4));opacity:.28}.modal-backdrop:has(.hub-credits){z-index:80;background:#020709bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal:has(.hub-credits){--credits-outline:2px 0 #05090b,-2px 0 #05090b,0 -2px #05090b,0 2px #05090b,2px 2px #05090b,-2px 2px #05090b,0 4px #05090b;width:min(600px,calc(100% - 44px));max-height:calc(100dvh - 48px);padding:0;overflow:hidden;border:7px solid #249ed1;border-radius:0;background:#1d2e37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='620' viewBox='0 0 900 620'%3E%3Cpath fill='%23232323' d='M0 0h900v620H0z'/%3E%3Cpath fill='%231d2e37' d='M0 100Q220-110 470 70T900 115v105Q680 340 440 170T0 225zM0 375Q230 160 480 340T900 370v110Q680 590 450 425T0 505zM0 610Q240 440 500 600T900 590v100H0z'/%3E%3C/svg%3E") center/cover;color:#fffef4;box-shadow:0 0 0 5px #05090b,0 7px 0 5px #05090b;font:700 16px/1.4 Chakra Petch,Courier New,monospace}.modal:has(.hub-credits) .modal-close{z-index:1;top:-7px;right:-7px;width:49px;height:55px;padding:0;border:4px solid #05090b;border-radius:0;background:#ff4449;box-shadow:0 4px #05090b;color:#fff;font:900 35px/1 Courier New,monospace;text-shadow:var(--credits-outline)}.modal:has(.hub-credits) .modal-close:hover{background:#ff6569}.hub-credits{display:flex;flex-direction:column;max-height:calc(100dvh - 62px);min-height:0}.credits-header{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:62px;padding:0 56px 7px 16px;border-bottom:5px solid #05090b;background:#249ed1}.credits-header>span{color:#fff9bb;font-size:32px;text-shadow:var(--credits-outline)}.credits-header h2{margin:0;color:#fff;font:900 clamp(22px,4.5vw,28px)/1.1 "Chakra Petch","Courier New",monospace;text-transform:uppercase;letter-spacing:.035em;text-shadow:var(--credits-outline)}.credits-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px 28px;text-align:center;box-shadow:inset 0 0 0 3px #0a151a;scrollbar-width:thin;scrollbar-color:#249ed1 #080e12}.credits-tag{display:inline-block;padding:5px 9px;border:2px solid #070f13;background:#193b4b;color:#7bd5fa;font-size:11px;letter-spacing:.06em}.credits-intro{margin:14px 0 26px;color:#c3dce7;font-size:14px;line-height:1.6}.credits-team{display:grid;gap:22px;margin:0;text-align:left}.credits-team>div{padding:16px 18px;border:4px solid #aab6bc;background:linear-gradient(120deg,#414e55,#2c3d45);box-shadow:0 0 0 4px #080b0c,0 5px 0 4px #080b0c,inset 0 0 0 2px #101516}.credits-team dt{display:flex;align-items:center;gap:10px;color:#c3dce7;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.credits-team dt>span{color:#7bd5fa;font-size:22px;line-height:1;text-shadow:1px 2px #05090b}.credits-team dd{margin:9px 0 0;color:#fffef4;font-size:20px;font-weight:900;overflow-wrap:anywhere;text-shadow:1px 2px #05090b}.credits-team dd>span{padding:0 3px;color:#7bd5fa}.credits-thanks{margin:28px 0 22px;color:#fff9bb;font-size:18px;text-shadow:1px 2px #05090b}.credits-thanks small{display:block;margin-top:6px;color:#bacbd3;font-size:12px;text-shadow:none}.credits-return{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:12px 16px;border:4px solid #080b0c;border-radius:0;background:#8cdc20;box-shadow:inset 0 3px #b6f34d,0 4px #080b0c;color:#12210b;font:900 18px/1.2 Chakra Petch,Courier New,monospace}.credits-return>span{font-size:24px;line-height:1}.credits-return:hover{background:#acf033}.credits-return:active{transform:translateY(2px);box-shadow:inset 0 3px #b6f34d,0 2px #080b0c}.modal:has(.hub-credits) button:focus-visible{outline:3px solid #ffea71;outline-offset:3px}.modal:has(.hub-credits) .modal-close:focus-visible{outline-offset:-7px}.credits-footer{margin-top:22px;color:#aebfc7;font-size:10px;letter-spacing:.1em}.credits-footer span{margin:0 6px;color:#7bd5fa}@media(max-width:480px){.modal:has(.hub-credits){width:calc(100% - 32px);border-width:5px}.hub-credits{max-height:calc(100dvh - 58px)}.modal:has(.hub-credits) .modal-close{top:-5px;right:-5px;width:44px;height:51px;font-size:30px}.credits-header{min-height:58px;padding-left:12px;gap:10px}.credits-body{padding:22px 18px}.credits-team>div{padding:14px 12px}.credits-team dd{font-size:17px}.credits-return{font-size:16px}.credits-footer{font-size:9px;letter-spacing:.04em}}.hub-new-game-dialog{--new-game-outline:2px 0 #05090b,-2px 0 #05090b,0 -2px #05090b,0 2px #05090b,2px 2px #05090b,-2px 2px #05090b,2px -2px #05090b,-2px -2px #05090b,0 4px #05090b;width:min(580px,calc(100% - 44px));max-height:calc(100dvh - 48px);padding:0;border:7px solid #249ed1;border-radius:0;background:#1d2e37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='620' viewBox='0 0 900 620'%3E%3Cpath fill='%23232323' d='M0 0h900v620H0z'/%3E%3Cpath fill='%231d2e37' d='M0 100Q220-110 470 70T900 115v105Q680 340 440 170T0 225zM0 375Q230 160 480 340T900 370v110Q680 590 450 425T0 505zM0 610Q240 440 500 600T900 590v100H0z'/%3E%3C/svg%3E") center/cover;box-shadow:0 0 0 5px #05090b,0 7px 0 5px #05090b;color:#fffef4;font:700 16px/1.3 Chakra Petch,Courier New,monospace;scrollbar-width:thin;scrollbar-color:#249ed1 #080e12}.hub-new-game-dialog::backdrop{background:#020709b8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.hub-new-game-header{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 0 7px 13px;background:#249ed1;border-bottom:5px solid #05090b}.hub-new-game-header h2{flex:1;margin:0;font:900 clamp(18px,4.5vw,28px)/1.1 "Chakra Petch","Courier New",monospace;text-transform:uppercase;text-shadow:var(--new-game-outline);color:#fff;letter-spacing:.035em}.hub-new-game-close{flex:none;align-self:stretch;width:49px;min-height:49px;margin:-7px -7px 0 2px;padding:0;border:4px solid #05090b;border-radius:0;background:#ff4449;box-shadow:0 4px #05090b;color:#fff;font:900 35px/1 Courier New,monospace;text-shadow:var(--new-game-outline)}.hub-new-game-body{padding:28px 24px;box-shadow:inset 0 0 0 3px #0a151a}.hub-new-game-warning{display:flex;align-items:center;gap:18px;padding:18px 16px;border:4px solid #fffef4;background:#4c4d4c;box-shadow:0 0 0 4px #080b0c,0 5px 0 4px #080b0c,inset 0 0 0 3px #101516}.hub-new-game-icon{display:grid;place-items:center;flex:none;width:48px;height:54px;border:4px solid #080b0c;outline:3px solid #fff;background:#292e30;box-shadow:inset 0 0 0 3px #777b7b;color:#f5df21;font-size:36px;font-weight:900;text-shadow:var(--new-game-outline)}.hub-new-game-warning p{margin:0;font-size:16px;line-height:1.5}.hub-new-game-warning strong{display:block;margin-top:8px;color:#f5df21;font-size:14px;text-shadow:1px 2px #05090b}.hub-new-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.hub-new-game-actions button{min-height:57px;padding:10px 12px;border:4px solid #080b0c;border-radius:0;font:900 18px/1.2 Chakra Petch,Courier New,monospace;text-transform:uppercase}.hub-new-game-cancel{background:#4c4d4c;color:#fffef4;box-shadow:inset 0 3px #777b7b,0 3px #080b0c;text-shadow:1px 2px #05090b}.hub-new-game-confirm{background:#8cdc20;color:#12210b;box-shadow:inset 0 3px #b6f34d,0 3px #080b0c}.hub-new-game-cancel:hover{background:#595c5c}.hub-new-game-confirm:hover{background:#acf033}.hub-new-game-close:hover{background:#ff6569}.hub-new-game-actions button:active{transform:translateY(2px)}.hub-new-game-dialog button:focus-visible{outline:3px solid #ffea71;outline-offset:3px}@media(max-width:480px){.hub-new-game-actions{grid-template-columns:1fr}.hub-new-game-body{padding:22px 16px}.hub-new-game-warning{gap:12px;padding:16px 12px}.hub-new-game-warning p{font-size:14px}}.hub-home-character{aspect-ratio:3 / 2;height:auto;filter:none;contain:layout}.hub-character-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:72% 78%;transform:translateZ(0);will-change:transform;backface-visibility:hidden;animation:hubCharacterFloat 8.4s ease-in-out -1.2s infinite}@keyframes hubCharacterFloat{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(-4px,8px,0) rotate(-.38deg) scale(1.006)}}@media(prefers-reduced-motion:reduce){.hub-character-image{animation:none}}body.game-open{overflow:hidden}#gameStage{position:fixed;inset:0;background:#070d11}#gameStage[hidden]{display:none}#gameStage canvas{display:block}body.game-open .toast-stack{display:none}body.game-open{overflow:hidden;padding:0}#gameStage{position:fixed;inset:0;width:100%;height:100%;max-width:none;margin:0;background:#070d11}body.home-open .toast-stack{z-index:90}.hub-menu-btn:disabled{opacity:.45;cursor:default;pointer-events:none}.hub-home-menu{max-height:calc(100dvh - 48vh);overflow-y:auto;overflow-x:clip;padding:14px 22px 16px;margin-left:-22px;width:min(calc(31vw + 44px),474px);scrollbar-width:thin}@media(min-width:1200px){.hub-home-menu{max-height:54dvh;width:min(calc(28vw + 44px),564px)}}@media(max-width:900px){.hub-home-menu{width:calc(42vw + 44px)}}@media(max-width:620px){.hub-home-menu{max-height:60dvh;width:calc(61vw + 44px)}}.hub-home-bg{filter:brightness(.48) saturate(.8)}.hub-home:after{display:none}.hub-amalia{position:absolute;z-index:2;right:37vw;bottom:-40vh;height:135vh;aspect-ratio:2 / 3;pointer-events:none}.hub-amalia img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:620px){.hub-amalia{right:-5vw;bottom:-38vh;height:125vh}}.hub-tristepin{position:absolute;z-index:3;right:-8vw;bottom:-49vh;height:140vh;aspect-ratio:2 / 3;pointer-events:none}.hub-tristepin img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:620px){.hub-tristepin{right:-78vw;bottom:-46vh;height:130vh}}.hub-hammer-animation{position:absolute;z-index:4;right:16vw;bottom:-45vh;height:145vh;aspect-ratio:2 / 3;pointer-events:none}.hub-hammer-animation picture,.hub-hammer-animation img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:620px){.hub-hammer-animation{right:-24vw;bottom:-40vh;height:135vh}}