.af{--night:#0a1226;--steel:#16264a;--steel-2:#1d2f55;--turf:#1a5a3a;--turf-lit:#2e8452;--flood:#f4f8ff;--lime:#8ae830;--amber:#f5a623;--red:#c8372b;--blue:#2e6e9e;--ink:#edf2fb;--ink-dim:#8a9bb0;--disp:var(--font-barlow-condensed), "Barlow Condensed", sans-serif;--body:var(--font-inter), "Inter", sans-serif;--mono:var(--font-inter), "Inter", sans-serif;background:var(--night);color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}.af *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.af button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.af.pre #world{visibility:hidden}.af.pre .avail-dot,.af.pre .flicker,.af.pre .dust circle{animation-play-state:paused}.af #stage{background:var(--night);position:fixed;inset:0;overflow:hidden}.af #world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.af .layer{will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.af #layerMid{pointer-events:auto}.af #world svg{display:block}.af #gate{z-index:40;padding:0 calc(24px + env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));text-align:center;background:radial-gradient(120% 90% at 50% 110%, #12234480 0%, var(--night) 70%);flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}.af #gate.gone{opacity:0;pointer-events:none}.af .gate-greet{font-family:var(--mono);letter-spacing:.18em;color:var(--lime);text-transform:uppercase;margin-bottom:14px;font-size:12px}.af .gate-word{font-family:var(--disp);letter-spacing:-.02em;color:var(--ink);font-size:clamp(56px,17vw,104px);font-weight:800;line-height:.88}.af .gate-word em{color:#0000;-webkit-text-stroke:1.5px var(--ink-dim);font-style:normal}.af .gate-sub{color:var(--ink-dim);letter-spacing:.02em;margin-top:16px;font-size:14px}.af .gate-sub b{color:var(--ink);font-weight:600}.af #enterBtn{font-family:var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--night);background:var(--lime);border-radius:4px;margin-top:34px;padding:16px 44px;font-size:19px;font-weight:700;position:relative;overflow:hidden}.af #enterBtn:after{content:"";background:linear-gradient(100deg,#0000 30%,#fff5 50%,#0000 70%);animation:3.2s 1.2s infinite af-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes af-sheen{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.af .gate-hours{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-dim);margin-top:22px;font-size:11px}.af .gate-hours i{color:var(--lime);font-style:normal}.af #hud{z-index:30;pointer-events:none;opacity:0;transition:opacity .6s .2s;position:fixed;inset:0}.af #hud.on{opacity:1}.af .hud-top{padding:calc(14px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 14px calc(18px + env(safe-area-inset-left));background:linear-gradient(#0a1226e6,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.af .hud-greet{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase;font-size:11px}.af .hud-greet b{color:var(--lime);font-weight:500}.af #soundBtn{pointer-events:auto;font-family:var(--mono);letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase;background:#101c38cc;border:1px solid #2a3e66;border-radius:20px;padding:7px 13px;font-size:10px}.af #soundBtn.on{color:var(--night);background:var(--lime);border-color:var(--lime)}.af .hud-bottom{padding:12px calc(18px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:linear-gradient(#0000,#0a1226f2);justify-content:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.af .nav-btn{pointer-events:auto;font-family:var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);border:1px solid #0000;border-radius:4px;padding:11px 22px;font-size:14px;font-weight:700}.af .nav-btn.active{color:var(--lime);background:#101c38cc;border-color:#3a5078}.af #backBtn{top:calc(64px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));pointer-events:auto;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#101c38e6;border:1px solid #2a3e66;border-radius:4px;padding:10px 16px;font-size:11px;display:none;position:absolute}.af #backBtn.show{display:block}.af #sheet{z-index:35;padding:20px calc(22px + env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));background:linear-gradient(#122040f5,#0d1730fa);border-top:1px solid #2a3e66;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -18px 50px #00000090}.af .sheet-tag{font-family:var(--mono);letter-spacing:.2em;color:var(--lime);text-transform:uppercase;font-size:10px}.af .sheet-name{font-family:var(--disp);text-transform:uppercase;margin:6px 0 8px;font-size:40px;font-weight:800;line-height:1}.af .sheet-copy{color:var(--ink-dim);max-width:34ch;font-size:13.5px;line-height:1.5}.af .sheet-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.af .chip{font-family:var(--mono);letter-spacing:.04em;color:var(--ink);background:#13203e;border:1px solid #2c4270;border-radius:4px;padding:10px 13px;font-size:12px}.af .chip b{color:var(--lime);font-weight:500}.af .chip.note{color:var(--ink-dim);border-style:dashed;font-size:11px}.af .slots{scrollbar-width:none;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.af .slots::-webkit-scrollbar{display:none}.af .slot{text-align:left;background:#0f1b36;border:1px solid #2c4270;border-radius:6px;flex:none;padding:11px 14px}.af .slot .t{font-family:var(--disp);letter-spacing:.03em;font-size:19px;font-weight:700}.af .slot .p{font-family:var(--mono);color:var(--lime);margin-top:3px;font-size:11px}.af .slot .b{font-family:var(--mono);color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:9px}.af #bookBtn{width:100%;font-family:var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--night);background:var(--lime);border-radius:5px;margin-top:18px;padding:16px;font-size:18px;font-weight:700}.af #toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:50;font-family:var(--mono);letter-spacing:.05em;color:var(--ink);opacity:0;pointer-events:none;text-align:center;background:#101c38f2;border:1px solid #2c4270;border-radius:6px;max-width:86vw;padding:12px 18px;font-size:11.5px;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,20px)}.af #toast.show{opacity:1;transform:translate(-50%)}.af .zone-hit{cursor:pointer}.af .avail{pointer-events:none}.af .avail-dot{animation:2.2s infinite af-pulse}@keyframes af-pulse{0%,to{opacity:1}50%{opacity:.35}}.af .cone{mix-blend-mode:screen}.af .flicker{animation:7s step-end infinite af-flick}@keyframes af-flick{0%,92%,to{opacity:1}93%{opacity:.93}94%{opacity:1}97%{opacity:.96}98%{opacity:1}}.af .dust circle{opacity:0;animation:6s linear infinite af-dust}@keyframes af-dust{0%{opacity:0;transform:translateY(0)}12%{opacity:.32}80%{opacity:.1}to{opacity:0;transform:translateY(64px)}}.af #layerMid .zone-hit{transition:filter .6s}.af.zoned #layerMid .zone-hit{filter:saturate(.82)brightness(.9)}.af.zoned #layerMid .zone-hit.zone-active{filter:saturate(1.15)brightness(1.06)}@media (prefers-reduced-motion:reduce){.af .avail-dot,.af .flicker,.af #enterBtn:after,.af .dust circle{animation:none!important}}.af #layerBrand,.af #layerBrand image,.af .gate-logo{opacity:1;-webkit-filter:none!important;box-shadow:none!important;text-shadow:none!important;mix-blend-mode:normal!important}.af .gate-logo{border:0;width:min(320px,72vw);height:auto;margin:0 auto 26px;padding:0;display:block}
