.flap-surface{--hud-unit:calc(clamp(1px, .16cqmin, 2.2px) * var(--flap-hud-scale,1));--hud-inset:clamp(12px, 2cqmin, 32px);--hud-bg:var(--flap-hud-bg);--hud-opacity:var(--flap-hud-opacity);--hud-text:var(--flap-hud-text);--hud-value:var(--flap-hud-value);--hud-border:var(--flap-hud-border);--hud-radius:var(--flap-button-radius);--hud-font:var(--flap-font);--flap-u:calc((1cqw + 1cqh) / 2);--flap-gap:clamp(10px, calc(2.2 * var(--flap-u)), 48px);--flap-ink:var(--play-text,#fff);--flap-ink-muted:var(--play-text-muted,#ffffffb3);--flap-accent:var(--play-accent,#ffc107);--flap-accent-ink:var(--play-cta-text,#1a1200);container-type:size}.flap-panel{align-items:center;gap:var(--flap-gap);text-align:center;flex-direction:column;width:100%;display:flex}.flap-cta{min-height:clamp(48px, calc(5.4 * var(--flap-u)), 132px);min-width:min(100%, clamp(200px, calc(30 * var(--flap-u)), 560px));background:var(--play-cta-bg,var(--flap-accent));color:var(--play-cta-text,#1a1200);letter-spacing:.01em;border-radius:9999px;justify-content:center;align-items:center;gap:.5em;padding:0 1.5em;font-weight:700;transition:transform .14s ease-out,filter .14s ease-out;display:inline-flex;box-shadow:0 .16em #00000038,0 .5em 1.1em -.35em #0006}.flap-cta:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}.flap-cta:active:not(:disabled):not([aria-disabled=true]){transform:translateY(2px);box-shadow:0 .06em #00000038}.flap-cta[aria-disabled=true],.flap-cta:disabled{filter:saturate(.6)}.flap-cta-pulse{animation:2.4s ease-in-out infinite flap-cta-breathe}@keyframes flap-cta-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.flap-cta-pulse{animation:none}}.flap-field{width:100%;min-height:clamp(56px, calc(6 * var(--flap-u)), 140px);border-bottom:2px solid color-mix(in srgb, var(--play-name-input-text,var(--flap-ink)) 45%, transparent);justify-content:center;align-items:center;gap:.1em;padding:.4em 1em;display:flex}.flap-field-value{letter-spacing:.04em;text-transform:uppercase;color:var(--play-name-input-text,var(--flap-ink));font-weight:700;line-height:1;font-size:clamp(24px, min(5.2 * var(--flap-u), 11cqmin), 96px)}.flap-field-placeholder{text-transform:none;letter-spacing:0;font-weight:500;font-size:clamp(16px, min(3 * var(--flap-u), 6cqmin), 54px);color:color-mix(in srgb, var(--play-name-input-text,var(--flap-ink)) 55%, transparent)}.flap-key{color:var(--play-keyboard-text,var(--flap-ink));background:color-mix(in srgb, var(--play-keyboard-text,var(--flap-ink)) 12%, transparent);border-radius:14px;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:transform 90ms ease-out,background-color 90ms ease-out;display:inline-flex}.flap-key:active,.flap-key[data-pressed]{background:color-mix(in srgb, var(--play-keyboard-text,var(--flap-ink)) 26%, transparent);transform:translateY(2px)}.flap-key-muted{opacity:.45}.flap-stat-label{font-size:clamp(9px, min(1.3 * var(--flap-u), 2.6cqmin), 22px);letter-spacing:.08em;text-transform:uppercase;color:var(--play-hud-label,var(--flap-ink-muted));font-weight:600}.flap-stat-value{font-variant-numeric:tabular-nums;font-weight:700;line-height:1;font-size:clamp(16px, min(2.6 * var(--flap-u), 5cqmin), 46px);color:var(--play-hud-value,var(--flap-accent))}.flap-result-backdrop{background:var(--play-modal-backdrop,#0000008c)}.flap-result-title{text-wrap:balance;font-weight:800;line-height:1.05;font-size:clamp(24px, min(5.4 * var(--flap-u), 11cqmin), 104px);color:var(--play-modal-title,var(--flap-ink))}.flap-result-lead{text-wrap:pretty;line-height:1.35;font-size:clamp(13px, min(2.4 * var(--flap-u), 5cqmin), 42px);color:var(--play-modal-body,var(--flap-ink-muted))}.flap-flow{--mem-u:min(1cqw, 1.45cqh);--flap-gap:clamp(12px, calc(2.6cqmin * var(--flap-spacing-scale,1)), 48px);width:100%;height:100%;container-type:size}.flap-flow-scroll{overscroll-behavior:contain;width:100%;height:100%;overflow:auto}.flap-flow-center{min-height:100%;padding:max(24px,4cqmin) max(24px,5cqw);padding-top:max(24px, 4cqmin, env(safe-area-inset-top));padding-bottom:max(24px, 4cqmin, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.flap-name-layout{width:100%;height:100%;padding:24px}.flap-surface .play-font-title,.flap-surface .play-font-hud,.flap-surface [data-numeric]{text-shadow:none;-webkit-text-stroke:0;letter-spacing:0;font-family:var(--flap-font)}.flap-attract,.flap-result-content,.flap-tutorial{width:min(100%, calc(1200px * var(--flap-content-scale,1)));gap:var(--flap-gap);max-width:100%;margin:0;padding:0}.flap-attract .flap-panel{gap:var(--flap-gap);padding:0}.flap-brand-logo{display:var(--flap-logo-display,flex);justify-content:center;align-items:center;max-width:100%;margin:0}.flap-attract .flap-brand-logo img,.flap-result-content>img{height:clamp(80px, calc(20cqh * var(--flap-logo-scale,1)), 600px);width:min(82cqw, calc(62cqw * var(--flap-logo-scale,1)), calc(42cqh * var(--flap-logo-scale,1)));object-fit:contain;max-width:100%}.flap-attract h1,.flap-result-title,.flap-tutorial>div>p{font-size:clamp(28px, calc(7.2 * var(--mem-u) * var(--flap-title-scale,1)), 128px);text-wrap:balance;overflow-wrap:anywhere;font-weight:400;line-height:1.18}.flap-attract p,.flap-result-lead,.flap-result-content>p,.flap-tutorial ul p{font-size:clamp(15px, calc(2.7 * var(--mem-u) * var(--flap-text-scale,1)), 44px);text-wrap:pretty;overflow-wrap:anywhere;max-width:44ch;font-weight:400;line-height:1.6}.flap-attract .space-y-3>p{margin-top:calc(16px * var(--flap-spacing-scale,1))}.flap-surface .flap-cta{font-size:clamp(18px, calc(3.2cqmin * var(--flap-button-scale,1)), 80px);min-height:clamp(56px, calc(8cqmin * var(--flap-button-scale,1)), 180px);border-radius:var(--flap-button-radius,24px);width:min(100%,54cqmin);min-width:min(100%,240px);max-width:100%;box-shadow:0 4px 0 color-mix(in srgb, var(--play-cta-bg,#ffc107) 55%, #000);white-space:normal;overflow-wrap:anywhere;touch-action:manipulation;cursor:pointer;border:0;padding:.65em 1.5em;font-weight:400;line-height:1.3;animation:none}.flap-surface .flap-cta-icon{display:var(--flap-button-icon-display,inline-flex);flex-shrink:0}.flap-surface .flap-cta-icon svg{width:1em;height:1em}.flap-cta:focus-visible{outline:3px solid var(--play-text,#fff);outline-offset:7px}.flap-attract>.flap-cta{margin-top:calc(clamp(12px, 2cqmin, 28px) * var(--flap-spacing-scale,1))}.flap-tutorial>.flap-cta,.flap-result-content>.flap-cta{margin-top:calc(12px * var(--flap-spacing-scale,1))}.flap-tutorial>div{gap:var(--flap-gap)}.flap-tutorial .play-float{display:var(--flap-character-display,inline-flex)}.flap-tutorial ul{gap:calc(8px * var(--flap-spacing-scale,1));max-width:740px}.flap-tutorial li>svg{width:clamp(32px,5cqmin,58px);height:clamp(32px,5cqmin,58px)}.flap-result-content dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2cqmin,24px);width:min(100%,90cqmin);display:grid}.flap-result-content dl>div{border:1px solid var(--flap-border-color);background:var(--flap-panel-color);border-radius:var(--flap-button-radius);flex:1;padding:clamp(16px,2.5cqmin,32px)}.flap-result-content .flap-stat-label{font-size:calc(clamp(12px, 1.8cqmin, 24px) * var(--flap-text-scale,1))}.flap-result-content .flap-stat-value{font-size:clamp(28px, calc(6cqmin * var(--flap-title-scale,1)), 96px)}.flap-key{border-radius:4px}@container (orientation:landscape){.flap-attract .flap-brand-logo img{height:calc(23cqh * var(--flap-logo-scale,1))}.flap-tutorial .play-float{display:none}.flap-result-content{--flap-gap:calc(clamp(12px, 2cqmin, 28px) * var(--flap-spacing-scale,1))}}@container (aspect-ratio>=5/4){.flap-flow{--mem-u:1cqmin}.flap-attract h1{font-size:clamp(28px, calc(8cqmin * var(--flap-title-scale,1)), 180px)}}.flap-surface{--mem-u:min(1cqw, 1.45cqh);--mem-logo-scale:var(--flap-logo-scale,1);--mem-title-scale:var(--flap-title-scale,1);--mem-text-scale:var(--flap-text-scale,1);--mem-button-scale:var(--flap-button-scale,1);--mem-spacing-scale:var(--flap-spacing-scale,1);--mem-font-display:var(--flap-font);--mem-body-color:var(--flap-body-color);--mem-panel:var(--flap-panel-color);--mem-border:var(--flap-border-color);--mem-radius:var(--flap-button-radius);--mem-accent:var(--play-cta-bg);--mem-accent-ink:var(--play-cta-text);--mem-ink:var(--play-text)}.flap-tutorial .mem-title{color:var(--play-tutorial-title)}.flap-tutorial .mem-lead,.flap-tutorial .mem-body{color:var(--play-tutorial-message)}.flap-tutorial .mem-step-number{place-items:center;display:grid}.flap-surface[data-motion=false] *{transition:none!important;animation:none!important}@container (height<=450px) and (orientation:landscape){.flap-flow-center{padding-block:20px}.flap-attract,.flap-tutorial{--flap-gap:calc(14px * var(--flap-spacing-scale,1))}.flap-attract .flap-brand-logo img{height:calc(64px * var(--flap-logo-scale,1))}.flap-attract h1,.flap-result-title,.flap-tutorial>div>p{font-size:calc(24px * var(--flap-title-scale,1))}.flap-attract p,.flap-tutorial ul p{font-size:calc(14px * var(--flap-text-scale,1))}.flap-attract>.flap-cta{margin-top:0}.flap-tutorial ul{gap:0}}.flap-result-content dl>div>div{justify-content:center;min-width:0}.flap-result-content dl svg,.flap-result-content dl img{width:clamp(20px,4cqmin,56px);height:auto}@container (height<=500px) and (orientation:landscape){.flap-result-content{gap:calc(8px * var(--flap-spacing-scale,1))}.flap-result-content>img{height:calc(14cqh * var(--flap-logo-scale,1))}.flap-result-content dl>div{padding:8px}.flap-result-content>.flap-cta{margin-top:4px}}.flap-surface .flap-attract h1,.flap-surface .flap-result-title,.flap-surface .mem-title,.flap-surface .flap-cta{font-weight:var(--flap-font-weight)}.flap-surface .flap-attract p,.flap-surface .flap-result-lead,.flap-surface .flap-result-content>p,.flap-surface .mem-lead,.flap-surface .mem-body,.flap-surface .game-hud-label{font-family:var(--flap-font-body)}.pac-flow{--mem-u:min(1cqw, 1.45cqh);width:100%;height:100%;container-type:size}.pac-flow .mem-title{color:var(--play-welcome-title,var(--mem-ink))}.pac-flow .mem-lead{color:var(--play-welcome-message,var(--mem-body-color))}.pac-tutorial .mem-title{color:var(--play-tutorial-title,var(--play-welcome-title,var(--mem-ink)))}.pac-tutorial .mem-lead,.pac-tutorial .mem-body{color:var(--play-tutorial-message,var(--play-welcome-message,var(--mem-body-color)))}.pac-flow button:focus-visible{outline:3px solid var(--mem-ink);outline-offset:5px}.pac-surface{--mem-font-display:"Object Sans", sans-serif;--mem-font-body:"Noto Sans", sans-serif;font-family:var(--mem-font-body);letter-spacing:normal;--mem-logo-scale:1;--mem-title-scale:1;--mem-text-scale:1;--mem-button-scale:1;--mem-spacing-scale:1;--mem-ink:var(--play-text,#fff);--mem-body-color:var(--play-text-muted,#ffffffbf);--mem-panel:color-mix(in srgb, var(--mem-ink) 5%, transparent);--mem-border:color-mix(in srgb, var(--mem-ink) 15%, transparent);--mem-radius:clamp(12px, 2.4cqmin, 32px);--mem-accent:var(--play-cta-bg,var(--play-accent,#ffc107));--mem-accent-ink:var(--play-cta-text,#1a1200);color:var(--mem-ink);--hud-unit:calc(clamp(1px, .16cqmin, 2.2px) * var(--mem-hud-scale,1));--hud-inset:clamp(12px, 2cqmin, 32px);--hud-bg:var(--mem-hud-bg,#23103f);--hud-opacity:var(--mem-hud-opacity,.45);--hud-text:var(--mem-hud-text,var(--play-text,#fff));--hud-value:var(--mem-hud-value,var(--play-text,#fff));--hud-border:var(--mem-hud-border,var(--play-text,#fff));--hud-radius:var(--mem-radius,16px);--hud-font:var(--mem-font-display);container-type:inline-size}