:root{--ink: #fff8e8;--paper: #000000;--muted: rgba(255, 248, 232, .68);--line: rgba(255, 248, 232, .86);--dim-line: rgba(255, 248, 232, .34);--panel-line: rgba(255, 248, 232, .14);--panel: rgba(0, 0, 0, .88);--cursor-normal: url(../cursors/cursor-normal.png) 3 3, auto;--cursor-pointer: url(../cursors/cursor-pointer.png) 3 3, pointer;--cursor-target: url(../cursors/cursor-target.png) 3 3, crosshair;--font-mono: "HeartbitXX", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;color:var(--ink);background:var(--paper);font-family:var(--font-mono);font-synthesis:none;text-rendering:optimizeSpeed}@font-face{font-family:HeartbitXX;font-style:normal;font-weight:400 900;src:url(../fonts/HeartbitXX.ttf) format("truetype")}@font-face{font-family:Phantasy Blackletter;font-style:normal;font-weight:400;src:url(../fonts/UnifrakturMaguntia-Regular.ttf) format("truetype")}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;overflow:hidden;background:#000;cursor:var(--cursor-normal)}button,a{font:inherit;cursor:var(--cursor-pointer)}button{border:0}a{color:inherit;text-decoration:none}.worldShell{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.worldCanvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:var(--cursor-target);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.svgFilters{position:absolute;width:0;height:0;pointer-events:none}.topHud{position:absolute;top:46px;left:16px;right:16px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.detailPanel{border:1px solid var(--panel-line);background:var(--panel);box-shadow:none}.brandLockup{display:grid;justify-items:center;gap:7px;width:max-content;max-width:min(430px,calc(100vw - 32px));padding:0;background:transparent;pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .12s steps(2,end),transform .12s steps(2,end)}.worldShell.isInspecting .brandLockup{opacity:0;pointer-events:none;transform:translateY(-10px)}.kicker,.detailArea,.introPlate strong{color:var(--muted);font-size:.98rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kicker{justify-self:center;width:max-content;text-align:center;font-size:clamp(1.15rem,1.45vw,1.34rem);letter-spacing:.18em;transform:translate(-.8em)}.worldTitle{position:relative;display:inline-block;margin:0;padding-right:.98em;color:transparent;font-family:Phantasy Blackletter,Hoefler Text,Georgia,serif;font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:400;letter-spacing:0;line-height:.74;filter:none;text-shadow:none;text-transform:none;-webkit-font-smoothing:none;font-smooth:never}.titleText{position:relative;display:inline-block;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.05px var(--ink);paint-order:stroke fill;text-shadow:none}.titleText:after,.wordmarkStar:after{content:attr(data-fill);position:absolute;inset:0;color:var(--ink);-webkit-text-fill-color:var(--ink);-webkit-text-stroke:0;pointer-events:none;animation:wordmarkFillLayerBlink 20s steps(1,end) infinite}.wordmarkStars{position:absolute;top:-.24em;right:.28em;width:.84em;height:1.44em;color:var(--ink);font-size:.92em;font-family:Phantasy Blackletter,Georgia,serif;line-height:1;text-shadow:none}.wordmarkStar{position:absolute;display:block;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.95px var(--ink);paint-order:stroke fill;text-shadow:none;line-height:1}.starLarge{top:-.1em;left:-.05em;font-size:.36em;transform:none}.starSmall{top:.26em;right:.62em;font-size:.24em;transform:none}.starLow{top:1.22em;left:.68em;font-size:.3em;transform:none}.brandLockup:hover .wordmarkStar{animation-duration:.4s;animation-iteration-count:infinite;animation-timing-function:steps(1,end)}.brandLockup:hover .starLarge{animation-name:starRevealFirst}.brandLockup:hover .starSmall{animation-name:starRevealSecond}.brandLockup:hover .starLow{animation-name:starRevealThird}.hudButtons{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;align-self:end;margin-top:0;opacity:1;pointer-events:auto}.introActions{display:flex;align-items:end;justify-content:flex-end;gap:14px;pointer-events:auto}.hudButton,.miniButton,.ctaButton{display:inline-grid;place-items:center;min-height:38px;border:2px solid var(--line);border-radius:0;background:#000;color:var(--ink);box-shadow:none;cursor:var(--cursor-pointer);font-weight:800;letter-spacing:0;text-transform:uppercase;transition:background-color 80ms steps(1,end),color 80ms steps(1,end),transform 80ms steps(1,end)}.hudButton{position:relative;width:22px;height:22px;min-height:22px;border-color:transparent;background:transparent;color:#fff8e880;padding:0;font-size:0}.hudButton:hover{background:transparent;color:var(--ink)}.introEnterButton{display:inline-grid;place-items:center;min-height:22px;border:0;background:transparent;color:#fff8e880;padding:0;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:0;text-transform:uppercase;transition:color 80ms steps(1,end)}.introEnterButton:hover{color:var(--ink)}.miniButton:hover,.ctaButton:not(.isDisabled):hover{background:var(--ink);color:#000}.hudButton svg{display:block;width:13px;height:13px;fill:currentColor}.soundButton.isMuted{opacity:.44}.soundButton.isMuted:after{content:"";position:absolute;top:3px;left:10px;width:2px;height:17px;background:currentColor;transform:rotate(-45deg);transform-origin:center}.hudButton:active,.miniButton:active,.ctaButton:active{transform:translate(2px,2px)}.hudButton:focus-visible,.miniButton:focus-visible,.ctaButton:focus-visible,.appLink:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.detailPanel{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:5;display:grid;gap:14px;grid-template-rows:1fr;align-content:start;width:min(464px,calc(100vw - 32px));min-height:min(382px,calc(100vh - 150px));padding:18px;transform:translateY(10px);opacity:0;pointer-events:none;transition:opacity .1s steps(2,end),transform .1s steps(2,end)}.detailPanel.isOpen{transform:translateY(0);opacity:1;pointer-events:auto}.detailPanel.hasMascot{width:min(620px,calc(100vw - 32px));min-height:min(430px,calc(100vh - 138px))}.detailBody{display:grid;height:100%;min-height:0;gap:16px}.detailPanel.hasMascot .detailBody{grid-template-columns:minmax(156px,.68fr) minmax(0,1fr);align-items:center}.detailContent{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;min-width:0;justify-items:start;gap:14px}.detailHeader{display:flex;align-items:flex-start;justify-content:space-between;align-self:start;width:100%;gap:12px}.detailTitle{margin:4px 0 0;color:var(--ink);font-size:clamp(1.46rem,2.65vw,2.08rem);font-weight:900;line-height:1.05;text-transform:uppercase}.detailCopy{margin:0;width:100%;color:var(--ink);font-size:clamp(1.36rem,1.08rem + .7vw,1.54rem);font-weight:600;line-height:1.46;min-height:164px}.detailPanel.hasMascot .detailCopy{min-height:224px}.detailMascotFrame{--mascot-frame-width: min(204px, 33vw);--mascot-frame-height: min(318px, calc(100vh - 238px) );display:grid;place-items:center;align-self:center;justify-self:center;width:var(--mascot-frame-width);height:var(--mascot-frame-height);margin:0;pointer-events:none}.detailMascotFrame[hidden]{display:none}.detailMascot{display:block;width:auto;max-width:var(--mascot-frame-width);height:var(--mascot-frame-height);max-height:var(--mascot-frame-height);object-fit:contain;object-position:center;image-rendering:pixelated;image-rendering:crisp-edges}.panelActions{display:grid;grid-template-columns:auto auto auto;gap:8px;align-items:center;align-self:end;justify-self:end}.ctaButton{justify-content:center;min-height:42px;padding:0 16px;font-size:1.24rem;white-space:nowrap}.miniButton{min-width:42px;padding:0 10px;font-size:1.24rem}.detailPanel .miniButton,.detailPanel .ctaButton{border-color:transparent;background:transparent}.detailPanel .ctaButton.isDisabled{color:#fff8e86b;cursor:default}.detailPanel .miniButton:hover,.detailPanel .ctaButton:not(.isDisabled):hover{background:var(--ink);color:#000}.introPlate{position:absolute;left:16px;right:16px;bottom:max(42px,calc(env(safe-area-inset-bottom) + 42px));z-index:3;display:flex;align-items:end;justify-content:space-between;gap:24px;border:0;background:transparent;padding:0;pointer-events:none}.introCopy{display:grid;max-width:min(280px,calc(100vw - 32px));gap:8px;justify-items:start;opacity:.34;pointer-events:auto;transition:opacity .1s steps(2,end)}.introCopy:hover{opacity:.86}.introPlate span{color:var(--ink);font-size:1rem;font-weight:700;line-height:1.4;text-transform:uppercase}.worldFooter{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff8e86b;font-size:.94rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%);pointer-events:auto;transition:opacity 80ms steps(1,end)}.copyright{white-space:nowrap}.socialLinks{display:flex;align-items:center;gap:8px}.socialLink{display:grid;place-items:center;width:22px;height:22px;color:#fff8e885;opacity:.58;transition:color 80ms steps(1,end),opacity 80ms steps(1,end),transform 80ms steps(1,end)}.socialLink:hover{color:var(--ink);opacity:1}.socialLink:active{transform:translate(1px,1px)}.socialLink:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.socialLink svg{display:block;width:16px;height:16px;fill:currentColor}.socialLink[data-icon="pixel:x"] svg{width:12px;height:12px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.topHud{top:min(calc(80.03vw - 8px),calc(100vh - 182px));left:0;right:0;bottom:auto;justify-content:center}.brandLockup{max-width:min(430px,calc(100vw - 28px));margin-inline:auto}.kicker{transform:translate(-.56em)}.worldShell.isInspecting .brandLockup{transform:translateY(10px)}.introPlate{left:14px;right:14px;bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px))}.detailPanel{right:12px;bottom:12px;width:calc(100vw - 24px);min-height:min(330px,calc(100vh - 110px));padding:14px}.detailPanel.hasMascot{width:calc(100vw - 24px);min-height:min(336px,calc(100vh - 96px))}.detailPanel.hasMascot .detailBody{grid-template-columns:132px minmax(0,1fr);gap:12px}.detailMascotFrame{--mascot-frame-width: 132px;--mascot-frame-height: 224px}.detailPanel.hasMascot .detailCopy{min-height:136px}.detailPanel.isOpen~.worldFooter{opacity:0;pointer-events:none}}@media(min-width:700px)and (max-width:820px)and (max-height:900px){.topHud{top:min(calc(80.03vw + 8px),calc(100vh - 158px))}.introPlate{bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px))}}@media(min-width:821px)and (max-width:1180px){.topHud{top:85px;left:78px;right:28px}}@media(min-width:1181px){.topHud{top:85px;left:78px;right:28px}}@media(max-width:520px){.topHud{top:min(calc(80.03vw - 8px),calc(100vh - 182px))}.brandLockup{max-width:min(330px,calc(100vw - 28px));translate:10px 0}.kicker{font-size:1.18rem;transform:translate(-.46em)}.introPlate{bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px))}.panelActions{grid-template-columns:auto 36px 36px;gap:6px}.introActions{gap:10px}.introEnterButton{font-size:.92rem}.detailPanel{padding:12px}.detailContent{gap:10px}.detailHeader{gap:8px}.detailTitle{font-size:clamp(1.24rem,5vw,1.36rem);line-height:1.06}.detailCopy{font-size:clamp(1.08rem,4.2vw,1.18rem);line-height:1.34}.detailPanel.hasMascot .detailBody{grid-template-columns:132px minmax(0,1fr);gap:10px}.detailMascotFrame{--mascot-frame-width: 132px;--mascot-frame-height: 224px}.detailPanel.hasMascot{min-height:min(292px,calc(100vh - 72px))}.detailPanel.hasMascot .detailCopy{min-height:96px}.ctaButton,.miniButton{min-height:36px;font-size:1.08rem}.ctaButton{padding:0 10px}.miniButton{min-width:36px;padding:0 8px}.worldFooter{bottom:10px;gap:10px;font-size:.82rem;letter-spacing:.06em}.socialLink{width:20px;height:20px}}@media(orientation:landscape)and (max-width:960px)and (max-height:520px){.topHud{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));justify-content:flex-start}.brandLockup{max-width:min(260px,34vw);margin-inline:0;gap:5px;translate:none}.worldTitle{font-size:clamp(2rem,5.2vw,3.25rem)}.kicker{font-size:clamp(.78rem,1.9vw,.94rem);letter-spacing:.16em;transform:translate(-.48em)}.introPlate{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px))}.introCopy{max-width:min(210px,34vw);gap:5px}.introActions{gap:10px}.introPlate strong,.introPlate span,.introEnterButton{font-size:.72rem}.hudButton{width:20px;height:20px;min-height:20px}.hudButton svg{width:12px;height:12px}.soundButton.isMuted:after{top:3px;left:9px;height:15px}.worldFooter{display:none}}@keyframes wordmarkFillLayerBlink{0%,84%,86%,88%,90%,92%,94%,to{opacity:1}85%,87%,89%{opacity:0}}@keyframes starRevealFirst{0%,24.99%{opacity:0}25%,to{opacity:1}}@keyframes starRevealSecond{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes starRevealThird{0%,74.99%{opacity:0}75%,to{opacity:1}}