.landing{--panel-w:clamp(380px, 34vw, 540px);background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.landing .modal-head{margin-bottom:0}.landing a,.landing button{-webkit-user-select:none;user-select:none}.landing :focus-visible{outline:3px solid var(--gold);outline-offset:3px}.landing .panel{width:var(--panel-w);z-index:10;background-color:var(--paper);border-right:4px solid var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='2' height='2' fill='%23ece8d4'/%3E%3Crect x='4' y='4' width='2' height='2' fill='%23ece8d4'/%3E%3C/svg%3E");background-size:8px 8px;flex-direction:column;justify-content:center;gap:clamp(28px,6vh,56px);padding:clamp(56px,9vh,96px) clamp(40px,3.6vw,60px) clamp(150px,20vh,180px);display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.landing .panel:before{content:"";border:3px solid var(--frame);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px var(--frame);pointer-events:none;position:absolute;inset:12px}.landing .logo{--o:.055em;font-family:var(--display);letter-spacing:.02em;white-space:nowrap;color:var(--gold);text-shadow:var(--o) 0 0 var(--blue), calc(var(--o) * -1) 0 0 var(--blue), 0 var(--o) 0 var(--blue), 0 calc(var(--o) * -1) 0 var(--blue), var(--o) var(--o) 0 var(--blue), calc(var(--o) * -1) var(--o) 0 var(--blue), var(--o) calc(var(--o) * -1) 0 var(--blue), calc(var(--o) * -1) calc(var(--o) * -1) 0 var(--blue), 0 calc(var(--o) * 2) 0 var(--navy), var(--o) calc(var(--o) * 2) 0 var(--navy), calc(var(--o) * -1) calc(var(--o) * 2) 0 var(--navy), 0 calc(var(--o) * 3) 0 var(--navy), var(--o) calc(var(--o) * 3) 0 var(--navy), calc(var(--o) * -1) calc(var(--o) * 3) 0 var(--navy);align-items:center;gap:.32em;font-size:clamp(20px,2.3vw,36px);font-weight:400;line-height:1.1;display:flex;position:relative}.landing .logo .mark{width:1.15em;height:1.15em;image-rendering:pixelated;filter:drop-shadow(.06em .1em 0 var(--navy));flex:none}.landing.js .panel .logo,.landing.js .intro h2,.landing.js .intro p,.landing.js .ctas,.landing.js .links{opacity:0}.landing.js.loaded .panel .logo{animation:.45s steps(5,end) forwards landing-logo-in}.landing.js.loaded .intro h2{opacity:1}.landing.js.typed .intro p{animation:.32s steps(4,end) forwards landing-step-in}.landing.js.typed .ctas{animation:.32s steps(4,end) .12s forwards landing-step-in}.landing.js.typed .links{animation:.32s steps(4,end) .24s forwards landing-step-in}@keyframes landing-logo-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes landing-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.landing .logo i{background:var(--gold);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);opacity:0;width:11px;height:11px;animation:2.4s step-end infinite landing-twinkle;position:absolute}.landing .logo i:first-of-type{animation-delay:1.4s;top:-10px;left:-14px}.landing .logo i:nth-of-type(2){background:var(--white);width:9px;height:9px;box-shadow:none;animation-delay:2.2s;top:-14px;right:6px}@keyframes landing-twinkle{0%,to{opacity:0}8%,16%{opacity:1}12%{transform:scale(.6)}}.landing .intro h2{font-family:var(--display);text-shadow:3px 3px #ddd8c0;text-wrap:balance;font-size:clamp(15px,1.25vw,20px);font-weight:400;line-height:1.6}.landing .intro p{color:var(--ink-2);max-width:32ch;margin-top:1em;font-size:clamp(17px,1.3vw,20px);line-height:1.45}.landing .intro h2 .cursor{background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:.55em;height:.4em;margin-left:.35em;animation:.7s step-end infinite landing-blink;display:inline-block}.landing .intro h2 .ghost{visibility:hidden}.landing .ctas{gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.landing .links{gap:22px;display:flex;position:absolute;bottom:112px;left:clamp(40px,3.6vw,60px)}.landing .links a{font-family:var(--display);color:var(--ink);align-items:center;gap:.4em;min-width:24px;min-height:24px;font-size:11px;text-decoration:none;display:flex}.landing .meadow{width:calc(100% - 40px);height:72px;image-rendering:pixelated;pointer-events:none;position:absolute;bottom:20px;left:20px;right:20px}.landing .links a[hidden]{display:none}.landing .links a:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);visibility:hidden;background:currentColor;width:.55em;height:.8em}.landing .links a:hover:before,.landing .links a.on:before,.landing .links a:focus-visible:before{visibility:visible}.landing .btn{--bg:var(--paper);--fg:var(--ink);--sh:var(--ink);font-family:var(--display);color:var(--fg);background:var(--bg);cursor:pointer;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), 0 6px 0 0 var(--sh);border:0;justify-content:center;align-items:center;padding:.95em 1.2em .85em;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.landing .btn:hover{filter:brightness(1.06)}.landing .btn:active{box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), 0 2px 0 0 var(--sh);transform:translateY(4px)}.landing .btn.primary{--bg:var(--poke);--fg:var(--white);--sh:var(--poke-d);padding-inline:1.5em;font-size:13px}.landing .btn.long{--bg:var(--long);--fg:var(--white);--sh:var(--long-d)}.landing .btn.short{--bg:var(--short);--fg:var(--white);--sh:var(--short-d)}.landing .btn.close{--bg:var(--gold);--sh:#a07800}.landing .btn.small{padding:.85em 1em .75em;font-size:10px}.landing .btn:disabled{cursor:not-allowed;filter:grayscale()opacity(.45);transform:none}.landing .mapwrap{inset:0 0 0 var(--panel-w);background:#103010;position:fixed;overflow:hidden}.landing #world{image-rendering:pixelated;position:absolute;top:0;left:0}.landing .locsign{z-index:4;font-family:var(--display);letter-spacing:.06em;background:var(--paper);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);padding:1em 1.4em .9em;font-size:11px;animation:4.4s step-end 1.2s both landing-locsign;position:absolute;top:18px;left:22px;transform:translateY(-160%)}@keyframes landing-locsign{0%{transform:translateY(-160%)}3%{transform:translateY(-80%)}6%,92%{transform:translateY(0)}95%{transform:translateY(-80%)}to{transform:translateY(-160%)}}.landing .maptip{z-index:5;background:var(--paper);pointer-events:none;white-space:nowrap;opacity:0;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink), 3px 4px 0 0 #00000059;gap:.35em;padding:.7em .9em .65em;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.landing .maptip.below{transform:translate(-50%)}.landing .maptip.show{opacity:1}.landing .maptip b{font-family:var(--display);font-size:10px;font-weight:400}.landing .maptip span{color:var(--muted);font-size:15px}.landing .talk{z-index:7;background:var(--paper);cursor:pointer;width:min(620px,100% - 36px);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 0 0 3px var(--paper), inset 0 0 0 6px var(--talk-red), inset 0 0 0 8px var(--paper), 6px 7px 0 0 #0000004d;padding:16px 22px 18px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.landing .talk b{font-family:var(--display);color:var(--talk-red);font-size:10px;font-weight:400;display:block}.landing .talk p{color:var(--ink);min-height:2.8em;margin-top:8px;font-size:clamp(17px,1.3vw,20px);line-height:1.4}.landing .gear{z-index:6;background:var(--paper);font-family:var(--display);box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), 6px 6px 0 0 #0000004d;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex;position:absolute;top:16px;right:18px}.landing .gear button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0}.landing .gear svg{fill:currentColor;shape-rendering:crispedges;width:1.9em;height:1.9em;display:block}.landing .seg{background:var(--ink);gap:2px;padding:2px;display:flex}.landing .seg button,.landing .gear .icon{background:var(--paper);place-items:center;width:2.9em;height:2.9em;display:grid}.landing .seg button:hover,.landing .gear .icon:hover{background:var(--paper-2)}.landing .seg button[aria-checked=true]{background:var(--ink);color:var(--gold)}.landing .seg button[data-theme=nite][aria-checked=true]{color:#b8c8ff}.landing .gear .icon{box-shadow:0 0 0 2px var(--ink);margin-left:4px}.landing .gear .icon .x{display:none}.landing .gear .icon.muted{color:#888}.landing .gear .icon.muted .waves{display:none}.landing .gear .icon.muted .x{fill:var(--short);display:inline}.landing .box{background:var(--paper);box-shadow:0 calc(var(--u) * -1) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), calc(var(--u) * -1) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink), inset 0 0 0 var(--u) var(--paper), inset 0 0 0 calc(var(--u) * 2) var(--frame), inset 0 0 0 calc(var(--u) * 3) var(--paper), calc(var(--u) * 2) calc(var(--u) * 3) 0 0 #00000059;position:relative}.landing .modal{width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);padding:calc(var(--u) * 9) calc(var(--u) * 10);color:var(--ink);border:0;margin:auto;overflow:auto}.landing .modal::backdrop{background:#060e0899}.landing .modal[open]{animation:.2s steps(3,end) landing-pop-in}@keyframes landing-pop-in{0%{opacity:0;transform:translateY(12px)}}.landing .modal-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.landing .modal-head h2{font-family:var(--display);font-size:clamp(14px,1.4vw,18px);font-weight:400}.landing .mark-inline{width:1.4em;height:1.4em;image-rendering:pixelated;flex:none}.landing .modal-head h2,.landing #howBtn{align-items:center;gap:.6em;display:inline-flex}.landing .x-btn{background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);border:0;flex:none;place-items:center;display:grid}.landing .x-btn:hover{background:var(--paper-2)}.landing .x-btn svg{fill:currentColor;shape-rendering:crispedges;width:14px;height:14px}.landing .modal-body{gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 7);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.landing .steps-col{flex-direction:column;min-height:440px;display:flex}.landing .pips{gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing .pips button{width:34px;height:34px;font-family:var(--display);color:var(--ink);background:var(--paper);cursor:pointer;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);border:0;font-size:12px}.landing .pips button:hover{background:var(--paper-2)}.landing .pips button.done{color:var(--long)}.landing .pips button[aria-current=step]{background:var(--ink);color:var(--gold)}.landing .step-count{color:var(--muted);margin-top:16px;font-size:15px}.landing .step-copy{margin-top:10px}.landing .step-copy h3{font-family:var(--display);font-size:16px;font-weight:400;line-height:1.5}.landing .step-copy p{color:var(--ink-2);max-width:34ch;margin-top:.7em;font-size:18px;line-height:1.45}.landing .step-nav{gap:16px;margin-top:auto;padding-top:28px;display:flex}.landing .stage{background:var(--stage);min-height:440px;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);padding:24px 26px;position:relative;overflow:hidden}.landing .scene{min-height:392px}.landing .cap{color:var(--muted);font-size:14px}.landing .slot{background:var(--paper);width:76px;height:104px;box-shadow:inset 0 0 0 2px var(--inset);place-items:center;display:grid}.landing .slabart{width:48px;height:68px;image-rendering:pixelated;transition:transform .7s steps(6,end),opacity .7s steps(6,end)}.landing .scene-deposit{grid-template-columns:1fr auto 1fr;align-content:center;align-items:center;gap:26px 12px;display:grid}.landing .spot{justify-items:center;gap:10px;display:grid}.landing .flow{gap:6px;display:flex}.landing .flow i{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:12px;animation:1.2s step-end infinite landing-flow}.landing .flow i:nth-child(2){animation-delay:.2s}.landing .flow i:nth-child(3){animation-delay:.4s}@keyframes landing-flow{0%,to{opacity:.2}30%{opacity:1}}.landing .scene-deposit .hp,.landing .scene-deposit .margin{grid-column:1/-1}.landing .scene-deposit .hp{margin-top:0}.landing .margin{text-align:center;font-family:var(--display);color:var(--long);opacity:0;font-size:12px}.landing .scene-deposit .vaultspot .slabart{opacity:0;transform:translate(-44px)}.landing .scene-deposit[data-phase="0"] .slabart{transition:none}.landing .scene-deposit[data-phase="1"] .wallet .slabart{opacity:0;transform:translate(44px)}.landing .scene-deposit[data-phase="2"] .wallet .slabart,.landing .scene-deposit[data-phase="3"] .wallet .slabart{opacity:0;transition:none}.landing .scene-deposit[data-phase="2"] .vaultspot .slabart,.landing .scene-deposit[data-phase="3"] .vaultspot .slabart{opacity:1;transform:none}.landing .scene-deposit[data-phase="3"] .vaultspot .slot{box-shadow:inset 0 0 0 2px var(--ink)}.landing .scene-deposit[data-phase="3"] .margin{opacity:1}.landing .scene-deposit .fill{transition:width .9s steps(9,end)}.landing .scene-deposit[data-phase="0"] .fill{transition:none}.landing .scene-level,.landing .scene-hp{flex-direction:column;justify-content:center;gap:18px;display:flex}.landing .status.mini{margin-top:0}.landing .mini-chart{width:100%;height:84px;image-rendering:pixelated;display:block}.landing .equation{background:var(--paper);box-shadow:inset 0 0 0 2px var(--inset);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.landing .equation div{justify-items:center;gap:8px;display:grid}.landing .equation b{font-family:var(--display);font-size:16px;font-weight:400}.landing .equation i{font-style:normal;font-family:var(--display);color:var(--muted);font-size:14px}.landing .equation .up{color:var(--long)}.landing .equation .down{color:var(--short)}.landing .scene-level .fill{transition:width .6s steps(6,end)}.landing .scene-hp .fill{transition:width 1.6s steps(14,end)}.landing .scene-hp[data-phase="0"] .fill{transition:none}.landing .scene-hp[data-phase=low] .fill{animation:.3s step-end infinite landing-blink}.landing .scene-hp[data-phase=fainted] .status{animation:.35s steps(6,end) landing-shake}.landing .outcome{background:var(--paper);min-height:128px;box-shadow:inset 0 0 0 2px var(--inset);align-items:center;gap:16px;padding:12px 16px;display:flex}.landing .outcome .slot{width:64px;height:90px;box-shadow:none;background:0 0}.landing .outcome-text{font-size:17px;line-height:1.4}.landing .scene-hp[data-phase=closed] .outcome{box-shadow:inset 0 0 0 2px var(--long)}.landing .scene-hp[data-phase=fainted] .outcome{box-shadow:inset 0 0 0 2px var(--short)}@keyframes landing-blink{50%{opacity:0}}.landing .stage .practice{box-shadow:none;background:0 0;padding:0}.landing .stage .practice #chart{height:52px}.landing .stage .practice .stats{grid-template-columns:repeat(2,auto);justify-content:start;gap:.5em 3em}.landing .stage .practice .msg{min-height:0}.landing .practice{padding:calc(var(--u) * 5) calc(var(--u) * 6);background:var(--stage);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink)}.landing .practice-head{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.landing .practice-head h3{font-family:var(--display);font-size:11px;font-weight:400}.landing .sim{color:var(--muted);font-size:14px}.landing .vault{margin-top:calc(var(--u) * 4);background:var(--paper);box-shadow:inset 0 0 0 2px var(--inset);align-items:center;gap:12px;padding:8px 10px;display:flex}.landing .vault.held{box-shadow:inset 0 0 0 2px var(--ink)}.landing .vault.lost{box-shadow:inset 0 0 0 2px var(--short)}.landing #slab{width:48px;height:68px;image-rendering:pixelated;flex:none}.landing .vault.held #slab{animation:.3s steps(4,end) landing-slab-in}@keyframes landing-slab-in{0%{opacity:0;transform:translateY(-14px)}}.landing .vault-info{flex:1;gap:.3em;min-width:0;display:grid}.landing .vault-info b{font-family:var(--display);font-size:10px;font-weight:400;line-height:1.4}.landing .vault-info span{color:var(--muted);font-size:15px}.landing .vault.held .vault-info span{color:var(--long)}.landing .vault.lost .vault-info span{color:var(--short)}.landing .status{margin-top:calc(var(--u) * 4);padding:0 0 calc(var(--u) * 3) calc(var(--u) * 3);border-left:3px solid var(--ink);border-bottom:3px solid var(--ink)}.landing .status.shake{animation:.35s steps(6,end) landing-shake}@keyframes landing-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.landing .status-name{font-family:var(--display);align-items:center;gap:.8em;font-size:12px;display:flex}.landing .side-tag{color:var(--white);padding:.45em .5em .35em;font-size:9px}.landing .side-tag:empty{display:none}.landing .side-tag.long{background:var(--long)}.landing .side-tag.short{background:var(--short)}.landing .lv{margin-left:auto}.landing .hp{margin-top:calc(var(--u) * 3);align-items:center;gap:.5em;display:flex}.landing .hp b{font-family:var(--display);background:var(--ink);color:var(--gold);padding:.3em .4em .25em;font-size:8px;font-weight:400}.landing .track{background:var(--ink);flex:1;height:10px;padding:2px}.landing .fill{background:var(--hp-green);width:100%;height:100%;transition:width .25s steps(5,end);display:block;box-shadow:inset 0 2px #ffffff73}.landing .fill.mid{background:var(--hp-yellow)}.landing .fill.low{background:var(--hp-red)}.landing #chart{width:100%;height:64px;margin-top:calc(var(--u) * 3);image-rendering:pixelated;display:block}.landing .stats{margin-top:calc(var(--u) * 2);grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.4em 1em;display:grid}.landing .stats dt{color:var(--muted);font-size:14px}.landing .stats dd{font-family:var(--display);margin-top:.45em;font-size:10px}.landing .stats dd.up{color:var(--long)}.landing .stats dd.down{color:var(--short)}.landing .controls{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 6);display:flex}.landing .sides{gap:calc(var(--u) * 4);display:flex}.landing .lev{background:var(--ink);align-items:center;gap:2px;padding:2px;display:flex}.landing .lev button{width:30px;height:30px;font-family:var(--display);background:var(--paper);color:var(--ink);cursor:pointer;border:0;font-size:12px}.landing .lev button:hover{background:var(--paper-2)}.landing .lev button:disabled{color:#aaa;cursor:default;background:var(--paper)}.landing .lev output{text-align:center;min-width:4.2em;font-family:var(--display);color:var(--gold);font-size:11px}.landing .msg{margin-top:calc(var(--u) * 5);min-height:2.8em;color:var(--ink-2);font-size:16px;line-height:1.4}@media (max-width:860px),(max-aspect-ratio:1){.landing .mapwrap{order:-1;height:52vh;min-height:300px;position:relative;inset:auto}.landing .panel{border-right:0;border-top:4px solid var(--ink);gap:32px;width:auto;padding:44px 32px 40px;position:relative;inset:auto;overflow:visible}.landing .links{position:static}.landing .panel{padding-bottom:120px}.landing .logo{font-size:clamp(24px,8vw,44px)}.landing .gear{font-size:9px;top:10px;right:10px}.landing .locsign{display:none}.landing .modal{padding:calc(var(--u) * 7) calc(var(--u) * 6)}.landing .modal-body{gap:calc(var(--u) * 6);grid-template-columns:1fr}.landing .steps-col{min-height:0}.landing .stage{order:-1;min-height:340px;padding:18px}.landing .scene{min-height:300px}.landing .step-nav{padding-top:20px}.landing .controls{flex-wrap:wrap}.landing .stats{grid-template-columns:repeat(2,auto);justify-content:start;gap:.6em 2.5em}}@media (prefers-reduced-motion:reduce){.landing.js .panel .logo,.landing.js .intro h2,.landing.js .intro p,.landing.js .ctas,.landing.js .links{opacity:1;animation:none!important}.landing .logo i,.landing .intro h2 .cursor,.landing .status.shake,.landing .modal[open],.landing .vault.held #slab,.landing .locsign,.landing .flow i,.landing .scene-hp .fill,.landing .scene-hp .status{animation:none}.landing .scene-deposit .fill,.landing .scene-level .fill,.landing .scene-hp .fill,.landing .slabart{transition:none}.landing .locsign{display:none}.landing .fill{transition:none}}@media (max-width:860px),(max-aspect-ratio:1){.landing{--u:3px;flex-direction:column;display:flex;overflow:hidden auto}.landing .mapwrap,.landing .panel{flex:none}}