.attract{--accent:var(--gf-redline);--ink:var(--gf-ink);--attract-gutter:clamp(24px, 5vw, 72px);background:color-mix(in srgb, var(--sector-surface,var(--gf-surface)) 42%, #030409);color:var(--ink);font-family:var(--gf-font);font-variant-numeric:tabular-nums;transition:background-color .42s ease-out;position:absolute;inset:0;overflow:hidden}.attract-arena{pointer-events:none;position:absolute;inset:0}.attract-canvas{width:100%;height:100%;display:block}.attract-shade{background:#03040957;position:absolute;inset:0}.attract-brand{top:calc(clamp(22px, 4vh, 40px) + env(safe-area-inset-top,0px));left:var(--attract-gutter);z-index:2;pointer-events:none;flex-direction:column;gap:8px;margin:0;animation:.64s cubic-bezier(.16,1,.3,1) 80ms backwards attract-brand-in;display:inline-flex;position:absolute}.attract-brand-word{color:var(--gf-ink);font-size:clamp(1.15rem,1.7vw,1.4rem);font-stretch:var(--gf-stretch-display);letter-spacing:.09em;text-transform:uppercase;line-height:1}.attract-brand-grid{color:#e9edf4bd;font-weight:400}.attract-brand-wake{font-weight:700}.attract-brand-trail{background:#e9edf41f;height:2px;display:block;position:relative;overflow:hidden}.attract-brand-trail:before{content:"";background:var(--accent);width:32%;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);animation:4.6s linear .9s infinite attract-brand-trail-travel;position:absolute;inset:0 auto 0 0;translate:-110%}.attract-quiet-action{color:var(--gf-ink-muted);font:inherit;font-size:.6rem;font-stretch:var(--gf-stretch-label);letter-spacing:var(--gf-tracking-label);text-transform:uppercase;text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--gf-hairline);text-decoration-color:var(--gf-hairline);cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700;transition:color .2s ease-out}.attract-quiet-action:hover{color:var(--gf-ink);text-decoration-color:currentColor}.attract-quiet-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.attract-log-action{top:calc(clamp(24px, 4.4vh, 44px) + env(safe-area-inset-top,0px));right:var(--attract-gutter);z-index:3;animation:.64s cubic-bezier(.16,1,.3,1) .2s backwards attract-brand-in;position:absolute}.attract-log-holder{top:calc(clamp(58px, 9vh, 88px) + env(safe-area-inset-top,0px));right:var(--attract-gutter);z-index:3;width:min(440px, calc(100% - var(--attract-gutter) * 2));position:absolute}.attract-swap{bottom:calc(clamp(16px, 3vh, 26px) + env(safe-area-inset-bottom,0px));left:var(--attract-gutter);z-index:2;position:absolute}.attract-helm-hint{bottom:calc(clamp(16px, 3vh, 26px) + env(safe-area-inset-bottom,0px));z-index:2;color:var(--gf-ink-muted);text-align:center;white-space:nowrap;margin:0;font-size:.68rem;font-weight:500;animation:.64s cubic-bezier(.16,1,.3,1) .32s backwards attract-brand-in;position:absolute;left:50%;translate:-50%}.attract[data-leaving=true] .attract-brand,.attract[data-leaving=true] .attract-quiet-action,.attract[data-leaving=true] .attract-helm-hint,.attract[data-leaving=true] .attract-log-holder{opacity:0;transition:opacity .2s ease-out}@keyframes attract-brand-in{0%{opacity:0;translate:0 -8px}}@keyframes attract-brand-trail-travel{to{translate:320%}}@media (width<=760px){.attract-helm-hint{left:auto;right:var(--attract-gutter);text-align:right;white-space:normal;max-width:60vw;translate:0}}@media (prefers-reduced-motion:reduce){.attract-brand,.attract-brand-trail:before,.attract-log-action,.attract-helm-hint{animation:none}.attract-brand-trail:before{translate:0}}.attract-veil{background:radial-gradient(ellipse 90% 70% at 76% 2%, color-mix(in srgb, var(--sector-wash,var(--accent)) 12%, transparent), transparent 68%), radial-gradient(ellipse 60% 42% at 12% 108%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 60%), radial-gradient(ellipse 84% 70% at 50% 42%, transparent 40%, #04050ab8 100%), linear-gradient(180deg, #04050a42 0%, #04050a42 50%, #04050af0 94%);position:absolute;inset:0}.attract-doors{z-index:1;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.attract-door{isolation:isolate;min-width:0;padding:clamp(24px, 5vh, 56px) var(--attract-gutter) calc(clamp(52px, 9vh, 88px) + env(safe-area-inset-bottom,0px));color:var(--gf-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-end;display:flex;position:relative}.attract-door:before{content:"";z-index:-1;background:radial-gradient(ellipse 88% 74% at 50% 110%, color-mix(in srgb, var(--side-glow) 24%, transparent), transparent 74%);opacity:.5;pointer-events:none;transition:opacity .32s ease-out;position:absolute;inset:0}.attract-door:hover:before,.attract-door:focus-visible:before{opacity:1}.attract-door[data-side=primary]{text-align:left;justify-content:flex-start;animation:.7s cubic-bezier(.16,1,.3,1) .18s backwards attract-door-left}.attract-door[data-side=daily]{border-left:1px solid var(--gf-hairline);text-align:right;justify-content:flex-end;animation:.7s cubic-bezier(.16,1,.3,1) .18s backwards attract-door-right}.attract-door:focus-visible{outline:2px solid var(--side-accent);outline-offset:-2px}.attract-door-body{flex-direction:column;gap:10px;transition:opacity .26s ease-out,translate .32s cubic-bezier(.16,1,.3,1);display:flex}.attract-door:active .attract-door-body{translate:0 1px}.attract-door[data-side=primary] .attract-door-body{align-items:flex-start}.attract-door[data-side=daily] .attract-door-body{align-items:flex-end}.attract-door:hover .attract-door-body,.attract-door:focus-visible .attract-door-body{translate:0 -8px}.attract-door-action{color:var(--side-accent);font-size:.66rem;font-stretch:var(--gf-stretch-label);letter-spacing:var(--gf-tracking-action);text-transform:uppercase;opacity:0;font-weight:700;transition:opacity .26s ease-out,translate .32s cubic-bezier(.16,1,.3,1);translate:0 6px}.attract-door:hover .attract-door-action,.attract-door:focus-visible .attract-door-action{opacity:1;translate:0}.attract-door-sector{font-size:clamp(2rem,4.6vw,3.6rem);font-stretch:var(--gf-stretch-display);letter-spacing:-.015em;text-transform:uppercase;font-weight:700;line-height:.92}.attract-door-stats{opacity:0;flex-wrap:wrap;gap:4px 22px;transition:opacity .26s ease-out 40ms,translate .32s cubic-bezier(.16,1,.3,1) 40ms;display:flex;translate:0 6px}.attract-door[data-side=daily] .attract-door-stats{justify-content:flex-end}.attract-door:hover .attract-door-stats,.attract-door:focus-visible .attract-door-stats{opacity:1;translate:0}.attract-door-stat{align-items:baseline;gap:8px;display:flex}.attract-door-stat-label{color:var(--gf-ink-muted);font-size:.54rem;font-stretch:var(--gf-stretch-label);letter-spacing:var(--gf-tracking-label);text-transform:uppercase;font-weight:700}.attract-door-stat-value{color:var(--gf-ink-body);align-items:baseline;gap:6px;font-size:.76rem;font-weight:700;display:flex}.attract-door-stat-value small{color:var(--gf-ink-muted);font-size:.68em;font-weight:600}.attract[data-leaving=true] .attract-door{opacity:0;transition:opacity .24s ease-out}.attract[data-leaving=true] .attract-door[data-side=primary] .attract-door-body{translate:-18px}.attract[data-leaving=true] .attract-door[data-side=daily] .attract-door-body{translate:18px}@keyframes attract-door-left{0%{opacity:0;translate:-30px}}@keyframes attract-door-right{0%{opacity:0;translate:30px}}@media (hover:none){.attract-door-action,.attract-door-stats{opacity:1;translate:0}}@media (width<=760px){.attract-doors{grid-auto-rows:1fr;grid-auto-flow:row}.attract-door{padding-bottom:clamp(28px,6vh,48px)}.attract-door[data-side=daily]{border-top:1px solid var(--gf-hairline);padding-bottom:calc(clamp(52px, 9vh, 72px) + env(safe-area-inset-bottom,0px));border-left:0;align-items:flex-end}.attract-door-sector{font-size:clamp(1.7rem,8vw,2.6rem)}}@media (prefers-reduced-motion:reduce){.attract-door[data-side=primary],.attract-door[data-side=daily]{animation:none}.attract-door:before,.attract-door-body,.attract-door-action,.attract-door-stats{transition:none}.attract-door:hover .attract-door-body,.attract-door:focus-visible .attract-door-body{translate:0}}.attract-log{border:1px solid var(--gf-hairline);background:color-mix(in srgb, var(--sector-surface) 88%, transparent);gap:12px;padding:clamp(14px,2.4vh,22px);display:grid}.attract-log-runs{overscroll-behavior:contain;max-height:min(34vh,240px);font-size:.66rem;font-stretch:var(--gf-stretch-label);letter-spacing:var(--gf-tracking-label);font-variant-numeric:tabular-nums;gap:7px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.attract-log-runs li{color:var(--gf-ink-body);grid-template-columns:1fr auto auto;gap:14px;display:grid}.attract-log-sector{color:var(--gf-ink-muted);align-items:baseline;gap:8px;display:flex}.attract-log-sector em{color:var(--accent);text-transform:uppercase;font-size:.82em;font-style:normal}.attract-log-lifetime{border-top:1px solid var(--gf-hairline);padding-top:12px}.attract-log-close{color:var(--gf-ink-muted);font:inherit;font-size:.62rem;font-stretch:var(--gf-stretch-label);letter-spacing:var(--gf-tracking-label);text-transform:uppercase;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700;text-decoration:underline}.attract-log-close:hover{color:var(--gf-ink)}.attract[data-control-scheme=gamepad] .attract-deploy:focus,.corner-game-screen[data-control-scheme=gamepad] button:focus{outline:1px solid var(--accent);outline-offset:5px}.corner-game-screen[data-control-scheme=gamepad] .refit-option:focus{outline-color:var(--refit-accent);border-color:var(--refit-accent-muted)}.corner-game-screen[data-control-scheme=gamepad] .refit-option:focus .refit-option-frame:before{opacity:1}.attract[data-control-scheme=gamepad],.attract[data-control-scheme=gamepad] *,.corner-game-screen[data-control-scheme=gamepad],.corner-game-screen[data-control-scheme=gamepad] *{cursor:none}
