@font-face{font-family:LeaguePixel;src:url(/league/pixel.woff2) format("woff2");font-display:swap}.hh-entrance{--hh-ink:#26453d;--hh-paper:#f5f3e9;--hh-coral:#d66b54;position:relative;isolation:isolate;width:100%;min-height:760px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 51% 51%,#e5ece2 0,transparent 51%),#f6f4eb;color:var(--hh-ink);font-family:Arial,Helvetica,sans-serif}.hh-entrance:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23566b51' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hh-entrance a,.hh-entrance button{color:inherit}.hh-entrance button{font-family:inherit}.hh-entrance a:focus-visible,.hh-entrance button:focus-visible,.hh-stage:focus-visible{outline:2px solid #cf735d;outline-offset:7px}.hh-header{position:relative;z-index:5;justify-content:space-between;padding:28px 42px}.hh-brand,.hh-header{display:flex;align-items:center}.hh-brand{gap:13px;font-family:LeaguePixel,monospace;font-size:17px;font-weight:400;letter-spacing:-.6px;line-height:1.5}.hh-brand-symbol{position:relative;width:25px;height:27px;display:grid;grid-template-columns:repeat(3,6px);align-items:center;gap:3px;transform:rotate(-6deg)}.hh-brand-symbol i{display:block;background:var(--hh-ink);height:19px}.hh-brand-symbol i:nth-child(2){height:27px;background:#db795e}.hh-brand-symbol i:nth-child(3){height:23px}.hh-header-right{gap:30px}.hh-demo,.hh-header-right{display:flex;align-items:center}.hh-demo{font:9px monospace;letter-spacing:1.3px;gap:7px;padding:7px 10px;border:1px solid #d2d9c9;border-radius:3px;background:#f2f4e9}.hh-demo i{width:5px;height:5px;background:#759b73;box-shadow:0 0 0 3px #e3ebd9;border-radius:50%}.hh-skip{font-size:11px;background:none;padding:5px 0}.hh-skip span{margin-left:9px}.hh-skip:hover{text-decoration:underline}.hh-heading{position:absolute;z-index:2;top:112px;left:50%;transform:translateX(-50%);text-align:center;width:600px;pointer-events:none}.hh-eyebrow{font-family:monospace;font-size:8px;letter-spacing:2.8px;color:#83917c}.hh-heading h1{margin:18px 0 12px;font-size:37px;line-height:1.18;letter-spacing:-1.4px;font-weight:600;color:#2b473e}.hh-heading h1 span{color:var(--hh-coral)}.hh-heading p{font-size:12px;letter-spacing:.05px;color:#81917f}.hh-stage{position:absolute;inset:260px 0 147px;z-index:2;touch-action:none;cursor:grab;outline-offset:-12px!important;-webkit-user-select:none;user-select:none}.hh-stage:active{cursor:grabbing}.hh-stage canvas{display:block;width:100%;height:100%}.hh-orbit{position:absolute;left:50%;top:54%;width:610px;height:610px;border:1px solid #dce1d2;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);opacity:.7;z-index:0;pointer-events:none}.hh-orbit:after,.hh-orbit:before{content:"";position:absolute;inset:35px;border:1px dashed #d4dece;border-radius:50%;opacity:.5}.hh-orbit:after{inset:70px;border-style:solid;opacity:.35}.hh-orbit i{position:absolute;width:7px;height:7px;background:#d9bd7b;transform:rotate(45deg);top:89px;left:88px}.hh-orbit i:nth-child(2){left:auto;right:28px;top:174px;width:5px;height:5px;background:#92a88b}.hh-orbit i:nth-child(3){top:auto;bottom:77px;left:96px;width:4px;height:4px;background:#d88b71}.hh-orbit i:nth-child(4){left:auto;right:132px;top:auto;bottom:65px;background:#9bad94;width:4px;height:4px}.hh-edition{position:absolute;left:64px;top:49%;display:flex;flex-direction:column;align-items:flex-start;font:8px monospace;letter-spacing:1.5px;color:#899582;gap:14px}.hh-edition strong{font-size:56px;font-weight:400;letter-spacing:-5px;line-height:1;color:#bcc8b4}.hh-edition i{width:32px;height:1px;background:#aab7a1;margin-bottom:2px}.hh-side-note{position:absolute;right:65px;top:54%;font:8px/1.8 monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:12px;color:#88947e;transform:rotate(4deg)}.hh-small-star{font-size:23px;color:#cbb578}.hh-side-note svg{position:absolute;width:75px;height:40px;top:47px;left:-18px;fill:none;stroke:#afba9f;stroke-width:1.2;transform:rotate(14deg)}.hh-start-panel{position:absolute;z-index:4;bottom:80px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;min-width:350px;gap:16px}.hh-phase-label{font:8px monospace;letter-spacing:1.5px;white-space:nowrap;color:#87947c}.hh-primary{display:flex;align-items:center;gap:27px;padding:17px 22px;border-radius:5px!important;background:#28483d!important;color:#f6f3df!important;border:1px solid #224135!important;font-size:12px;font-weight:500;letter-spacing:.3px;box-shadow:0 4px 0 #16332c,0 12px 20px -9px #3b584a3d;min-width:266px;justify-content:space-between;transition:transform .18s,box-shadow .18s,background .18s!important}.hh-primary:hover{background:#345d49!important;transform:translateY(-2px);box-shadow:0 6px 0 #16332c,0 16px 24px -9px #3b584a3d}.hh-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #16332c}.hh-primary:disabled{opacity:.85!important;cursor:wait}.hh-power{font-size:20px;line-height:1;color:#d0daa7}.hh-opening .hh-power{animation:hh-spin 1.7s linear infinite}.hh-controls{gap:24px;font-size:9px;color:#8b9781;min-height:20px}.hh-controls,.hh-controls>span{display:flex;align-items:center}.hh-controls>span{gap:6px}.hh-controls svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1}.hh-controls kbd{font-family:monospace;border:1px solid #c6d0bb;border-radius:2px;min-width:15px;height:15px;text-align:center;font-size:10px;background:#f5f5e9}.hh-controls button{font-size:9px;padding:0;background:none;color:#72846e}.hh-controls button:hover{color:#294b3d;text-decoration:underline}.hh-footer{position:absolute;inset:auto 42px 24px;justify-content:space-between;font:7px monospace;letter-spacing:1px;color:#9ca58e}.hh-footer,.hh-footer>span:first-child{display:flex;align-items:center;gap:15px}.hh-footer-star{color:#caab68;font-size:12px}.hh-fallback-device{position:absolute;width:360px;height:238px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(14px 29px 13px #3b4c3829);perspective:1000px;transition:transform 1.4s}.hh-fallback-base,.hh-fallback-lid{position:absolute;width:360px;height:238px;border:2px solid #c6c9b6;border-radius:21px;background:#e4e4d4;box-shadow:inset 2px 2px 2px #fffdf1,inset -3px -3px 1px #b9beaa,0 8px 0 #bec5b0}.hh-fallback-base{inset:0}.hh-fallback-lid{inset:0;z-index:2;transform-origin:50% 0;transition:transform 1.4s,translate 1.4s;transform-style:preserve-3d}.hh-fallback-outer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#e9e7d8;border-radius:19px;backface-visibility:hidden;transform:translateZ(2px);z-index:2}.hh-fallback-outer:after{content:"";position:absolute;bottom:20px;left:27px;right:27px;height:5px;background:#df8265;border-radius:2px}.hh-fallback-outer span{font:700 31px/1.1 monospace;letter-spacing:-1px;text-align:center}.hh-fallback-outer small{font:6px monospace;letter-spacing:2px;color:#829078}.hh-fallback-display{position:absolute;inset:24px 47px;background:#214c3a;border:13px solid #293e36;border-radius:9px;transform:rotateX(180deg);backface-visibility:hidden;overflow:hidden}.hh-fallback-display img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.hh-fallback-display span{position:absolute;top:7px;left:6px;background:#173a2d;color:#fff3d8;font:8px monospace;padding:5px}.hh-fallback-bottom{position:absolute;inset:26px 91px 50px;background:#ecebd7;border:7px solid #344b3d;border-radius:6px;display:flex;align-items:center;justify-content:center}.hh-fallback-bottom img{width:33%;image-rendering:pixelated}.hh-fallback-dpad{position:absolute;top:82px;left:21px;font-size:62px;line-height:1;color:#2e463b;filter:drop-shadow(0 3px 0 #132b21)}.hh-fallback-buttons{position:absolute;top:77px;right:23px;display:flex;gap:6px;transform:rotate(-30deg)}.hh-fallback-buttons i{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;background:#df7962;color:#ffefdb;font:700 10px monospace;font-style:normal;box-shadow:0 3px 0 #ab5946}.hh-opening .hh-fallback-device,.hh-ready .hh-fallback-device{transform:translate(-50%,-5%) rotate(-7deg) scale(.9)}.hh-opening .hh-fallback-lid,.hh-ready .hh-fallback-lid{transform:rotateX(-155deg);translate:0 -8px}.hh-no-webgl .hh-stage{inset:290px 0 180px}@keyframes hh-spin{to{transform:rotate(1turn)}}@media(min-height:1000px){.hh-heading{top:15%}.hh-stage{inset:27% 0 19%}.hh-start-panel{bottom:11%}.hh-orbit{width:720px;height:720px}}@media(max-width:1050px){.hh-edition{left:28px;font-size:7px}.hh-side-note{right:28px;font-size:7px}.hh-side-note svg{width:55px}.hh-edition strong{font-size:42px}.hh-orbit{width:540px;height:540px}}@media(max-width:760px){.hh-entrance{min-height:720px}.hh-header{padding:24px}.hh-brand{font-size:12px;gap:9px;letter-spacing:-.3px}.hh-brand-symbol{width:20px;gap:2px;grid-template-columns:repeat(3,5px);transform:scale(.9) rotate(-6deg)}.hh-header-right{gap:16px}.hh-demo{font-size:7px;letter-spacing:.7px;padding:6px 7px}.hh-skip{font-size:10px}.hh-heading{top:112px;width:100%;padding:0 24px}.hh-heading h1{font-size:33px;line-height:1.22}.hh-eyebrow{font-size:6px;letter-spacing:1.9px}.hh-heading p{font-size:10px}.hh-stage{inset:233px 0 174px}.hh-orbit{width:430px;height:430px;top:53%;opacity:.6}.hh-edition,.hh-side-note{display:none}.hh-start-panel{bottom:80px;gap:15px;min-width:310px}.hh-phase-label{font-size:6px;letter-spacing:1.2px}.hh-primary{font-size:12px;padding:15px 19px;min-width:263px}.hh-footer{inset:auto 24px 22px;font-size:6px;letter-spacing:.7px;justify-content:space-between}.hh-footer-star,.hh-footer>span:nth-child(2){display:none}.hh-controls{gap:20px;font-size:8px}.hh-no-webgl .hh-stage{inset:250px 0 220px}.hh-fallback-device{transform:translate(-50%,-50%) rotate(-12deg) scale(.8)}.hh-opening .hh-fallback-device,.hh-ready .hh-fallback-device{transform:translate(-50%) rotate(-7deg) scale(.72)}}@media(max-width:430px){.hh-entrance{min-height:710px}.hh-header{padding:21px 20px}.hh-brand{font-size:10px;gap:7px}.hh-header-right{gap:13px}.hh-demo{font-size:6px;letter-spacing:.5px;padding:6px}.hh-skip{font-size:9px}.hh-heading{top:108px}.hh-heading h1{font-size:30px;margin-top:17px}.hh-heading p{font-size:9px}.hh-stage{inset:218px 0 184px}.hh-orbit{width:360px;height:360px;top:51%}.hh-start-panel{bottom:83px}.hh-controls{font-size:8px}.hh-footer{inset:auto 20px 23px;letter-spacing:.4px;font-size:5.5px}.hh-footer>span:first-child{max-width:160px}.hh-no-webgl .hh-stage{inset:255px 0 235px}}@media(prefers-reduced-motion:reduce){.hh-entrance *,.hh-entrance :after,.hh-entrance :before{animation:none!important;transition:none!important}.hh-primary:hover{transform:none}.hh-orbit{transform:translate(-50%,-50%)}}.hh-heading{top:156px}@media(max-width:760px){.hh-heading{top:153px}.hh-stage{top:277px}}@media(max-width:430px){.hh-heading{top:151px}.hh-stage{top:262px}.hh-no-webgl .hh-stage{top:285px}}.hh-arrow{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;display:inline-block;vertical-align:middle}.hh-power svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}.hh-skip{display:flex;align-items:center;gap:9px}.hh-footer .hh-affiliation{letter-spacing:.35px;color:#83917c}@media(max-width:760px){.hh-footer{display:grid;grid-template-columns:1fr 1fr;row-gap:8px;bottom:17px}.hh-footer>span:nth-child(2){display:block;grid-column:1/-1;grid-row:2;text-align:center;letter-spacing:.25px;font-size:6px}.hh-footer>span:last-child{text-align:right}}