.frontier-experience{position:relative;width:100%;height:100dvh;overflow:hidden;background:#0b0806;color:#f2e5c6;font:18px/1.5 Sand Pixel,monospace}.frontier-experience sand-game{display:block;width:100%;height:100%}.sandbox-experience,.sandbox-experience *{font-family:Sand Pixel,monospace!important}.sandbox-back{display:inline-flex;align-items:center;height:40px;padding:0 14px;color:#f2e5c6;font-size:18px;line-height:1;background:#3a2919;box-shadow:inset 0 2px #ffffff1c,inset 0 -2px #00000070,0 0 0 2px #0b0806,0 4px #0007}.sandbox-back:hover{background:#4a3420;color:#ffd27a}.sandbox-back-corner{position:absolute;left:16px;bottom:16px;z-index:80}.sandbox-controls{pointer-events:none;position:absolute;left:50%;top:16px;z-index:80;display:flex;align-items:center;gap:16px;translate:-50% 0;white-space:nowrap;color:#f2e5c6;text-shadow:1px 0 0 #0b0806,-1px 0 0 #0b0806,0 1px 0 #0b0806,0 -1px 0 #0b0806,1px 1px 0 #0b0806,-1px -1px 0 #0b0806,1px -1px 0 #0b0806,-1px 1px 0 #0b0806}.sandbox-chip{display:flex;align-items:center;gap:8px;font:11px/1 Sand Mono,Sand Pixel,monospace!important;text-transform:uppercase}.sandbox-chip *{font:inherit!important}.sandbox-chip kbd{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;color:#f2e5c6;background:#312318;text-shadow:none;box-shadow:inset 0 -2px #0008,0 0 0 2px #0b0806}.sandbox-chip kbd.accent{color:#1f1206;background:#e09a35;box-shadow:inset 0 -2px #8a5a1c,0 0 0 2px #0b0806}@media (max-width:1240px){.sandbox-controls{display:none}}.sandbox-mobile{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:24px;text-align:center;color:#f2e5c6;background:radial-gradient(ellipse at 50% 40%,#3a2614,#1c130b 60%,#0b0806)}.sandbox-mobile>div{max-width:24rem}.sandbox-mobile small{display:block;margin-bottom:12px;color:#e8a63a;font:11px/1 Sand Mono,Sand Pixel,monospace!important;text-transform:uppercase}.sandbox-mobile h1{margin:0 0 16px;font-size:27px;font-weight:700;line-height:1.2}.sandbox-mobile p{margin:0 0 28px;color:#cdb68e;font-size:18px;line-height:1.5}.aster-title{position:absolute;inset:0;z-index:200;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse 80% 60% at 50% 42%,#3a2614,#1c130b 55%,#0b0806);transition:opacity 1.3s ease}.aster-title:before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(2px 2px at 12% 22%,#ffd27a,transparent),radial-gradient(2px 2px at 78% 14%,#fff0c2,transparent),radial-gradient(2px 2px at 33% 68%,#ffe3a8,transparent),radial-gradient(2px 2px at 88% 58%,#ffd27a88,transparent),radial-gradient(2px 2px at 58% 36%,#fff0c2,transparent),radial-gradient(2px 2px at 22% 84%,#fff0c2,transparent)}.aster-title{--out:cubic-bezier(.16,1,.3,1);--ink:#0b0806;--outline:4px 0 0 var(--ink),-4px 0 0 var(--ink),0 4px 0 var(--ink),0 -4px 0 var(--ink),4px 4px 0 var(--ink),-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink)}.aster-title[data-phase=leaving]{opacity:0}.aster-title-rays{position:absolute;left:50%;top:42%;width:170vmax;height:170vmax;translate:-50% -50%;opacity:.6;background:repeating-conic-gradient(from 0deg,#e8a63a14 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#0008 18%,transparent 45%);mask:radial-gradient(circle,#000 0,#0008 18%,transparent 45%);animation:aster-spin 120s linear infinite,aster-fade 2.4s ease-out both}.aster-title-motes{position:absolute;inset:0;overflow:hidden}.aster-title-motes i{position:absolute;bottom:-12px;width:var(--s);height:var(--s);background:#ffd27a;opacity:0;box-shadow:0 0 0 2px #e8a63a55;animation:aster-mote var(--t) linear var(--d) infinite}.aster-title-mark{position:relative;display:grid;justify-items:center;gap:18px;text-align:center;animation:aster-rise 1.4s cubic-bezier(.2,.7,.2,1);transition:scale 1.3s var(--out),opacity .9s ease}.aster-title[data-phase=leaving] .aster-title-mark{scale:1.2;opacity:0}.aster-title[data-phase=leaving] .aster-title-status{opacity:0;transition:opacity .3s}.aster-title h1{margin:0;font:700 108px/1 Sand Pixel,monospace;text-transform:uppercase;color:#f2e5c6;text-shadow:0 12px 0 #2a1708,var(--outline)}.aster-title h1 span{display:inline-block;margin:0 4px;animation:aster-letter .8s var(--out) calc(var(--i) * 90ms + .15s) both,aster-glow 3.4s steps(1,end) calc(var(--i) * .16s + 1.6s) infinite}.aster-title-sub{display:flex;align-items:center;gap:18px;color:#ffd27a;font:700 27px/1 Sand Pixel,monospace;text-transform:uppercase;text-shadow:var(--outline);animation:aster-fade 1s ease-out 1s both}.aster-title-sub:before,.aster-title-sub:after{content:"";width:clamp(30px,8vw,90px);height:4px;background:#e8a63a;box-shadow:0 0 0 4px var(--ink);transform-origin:right;animation:aster-line 1.2s var(--out) 1.1s both}.aster-title-sub:after{transform-origin:left}.aster-title-status span:after{content:"...";display:inline-block;width:0;overflow:hidden;vertical-align:bottom;animation:aster-dots 1.6s steps(4) infinite}.aster-title-status{position:absolute;left:50%;bottom:12%;display:grid;justify-items:center;gap:14px;transform:translate(-50%);color:#cdb68e;font:11px/1 Sand Mono,Sand Pixel,monospace;text-transform:uppercase}.aster-enter{font:700 18px/1 Sand Pixel,monospace;white-space:nowrap;cursor:pointer;color:#1f1206;background:#e09a35;border:0;padding:16px 28px;box-shadow:inset 0 4px #ffe3a8,inset 0 -4px #8a5a1c,0 0 0 4px var(--ink),0 10px 0 2px #0008}.aster-enter:hover{background:#f0b04a}.aster-enter:active{translate:0 2px}.aster-enter:focus-visible{outline:2px solid #ffd27a;outline-offset:8px}.aster-title-status i{position:relative;display:block;width:180px;height:4px;overflow:hidden;background:#2a1d10;box-shadow:0 0 0 2px var(--ink)}.aster-title-status i:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:#e8a63a;animation:aster-scan 1.4s steps(12,end) infinite}@media (max-width:640px){.aster-title h1{font-size:72px}.aster-title-sub{font-size:18px}}@keyframes aster-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes aster-letter{0%{opacity:0;translate:0 -40px}}@keyframes aster-glow{0%,to{translate:0 0}50%{translate:0 -4px;color:#fff6d8}}@keyframes aster-line{0%{scale:0 1}}@keyframes aster-mote{0%{translate:0 0;opacity:0}12%{opacity:.9}55%{opacity:.35}70%{opacity:.9}to{translate:var(--dx) -105dvh;opacity:0}}@keyframes aster-spin{to{rotate:1turn}}@keyframes aster-dots{to{width:2.2em}}@keyframes aster-fade{0%{opacity:0}}@keyframes aster-scan{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.aster-title *,.aster-title *:before,.aster-title *:after{animation:none!important;transition:none!important}.aster-title{transition:none}.aster-title[data-phase=leaving],.aster-title[data-phase=leaving] .aster-title-status{opacity:1}.aster-title[data-phase=leaving] .aster-title-mark{scale:1;filter:none;opacity:1}}