.selection-card{min-height:clamp(90px,14svh,120px);height:100%;background:color-mix(in srgb,var(--pal-on-dark) 8%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--pal-on-dark) 7%,transparent);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:color var(--dur-slow) var(--ease-out),background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),visibility var(--dur-slow) var(--ease-out);padding:clamp(12px,2svh,18px)}@media(hover:hover)and (pointer:fine){.selection-card:hover{background:color-mix(in srgb,var(--pal-on-dark) 13%,transparent);border-color:color-mix(in srgb,var(--pal-on-dark) 16%,transparent)}}.selection-card:active{transform:scale(.96)}.selection-card .selection-card-icon{width:clamp(24px,3.5svh,32px);height:clamp(24px,3.5svh,32px);margin-bottom:clamp(8px,1.2svh,12px);color:var(--pal-on-photo);opacity:var(--op-overlay)}.selection-card .selection-card-icon svg{width:100%;height:100%}.selection-card .selection-card-title{color:var(--pal-on-photo);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin-bottom:var(--space-1)}.selection-card .selection-card-desc,.selection-card .selection-card-title{font-size:var(--fs-caption);letter-spacing:var(--letter-spacing);text-align:center;text-wrap:balance}.selection-card .selection-card-desc{color:color-mix(in srgb,var(--pal-on-photo) 74%,transparent);font-weight:var(--fw-regular);line-height:var(--lh-ui);max-width:200px}@media(max-width:1024px){.selection-gate-overlay .selection-gate-content{max-width:500px}.selection-gate-overlay .selection-gate-logo .gate-logo-img{max-width:120px}}@media(max-width:768px){.selection-gate-overlay .selection-gate-content{padding:clamp(12px,3svh,24px) 16px calc(env(safe-area-inset-bottom, 0px) + 72px);max-width:100%}.selection-gate-overlay .gate-loader-wrapper{width:110px}.selection-card{min-height:unset;aspect-ratio:1/1;border-radius:22px}.selection-gate-overlay .selection-gate-hint{padding:14px 20px;font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:var(--lh-ui);letter-spacing:var(--letter-spacing)}}.selection-gate-loading-fallback{width:100%;height:100vh;background:var(--bg-base)}.selection-gate-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--pal-video-bg);overflow-y:auto;-webkit-overflow-scrolling:touch}.selection-gate-overlay .gate-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.selection-gate-overlay .gate-video-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--pal-mix-darken) 62%,transparent) 0,color-mix(in srgb,var(--pal-mix-darken) 48%,transparent) 42%,color-mix(in srgb,var(--pal-mix-darken) 72%,transparent) 100%),color-mix(in srgb,var(--pal-mix-darken) 22%,transparent)}.selection-gate-overlay .gate-video-bg .gate-video-el{width:100%;height:100%;object-fit:cover}.selection-gate-content{max-width:600px;padding:clamp(16px,4svh,40px) 24px calc(env(safe-area-inset-bottom, 0px) + 76px);justify-content:flex-start;z-index:2;position:relative;margin:auto;flex-shrink:0}.selection-gate-content,.selection-gate-intro{width:100%;display:flex;flex-direction:column;align-items:center}.selection-gate-intro{text-align:center;transition:transform 1s cubic-bezier(.23,1,.32,1)}.is-ready .selection-gate-intro{transform:translateY(clamp(-20px,-3svh,-40px))}.selection-gate-logo{display:flex;flex-direction:column;align-items:center;width:100%}.selection-gate-logo .gate-logo-img{max-width:clamp(70px,11svh,120px);height:auto;display:block;margin-bottom:clamp(12px,2svh,24px);filter:invert(1)}.selection-gate-logo .gate-slogan{font-size:var(--fs-text);font-weight:var(--fw-regular);line-height:var(--lh-reading);letter-spacing:var(--letter-spacing);-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;font-weight:var(--fw-medium);color:var(--pal-on-photo);max-width:400px}.gate-loader-wrapper{width:160px;height:2px;background:color-mix(in srgb,var(--pal-on-dark) 10%,transparent);margin-top:clamp(16px,2.5svh,32px);border-radius:2px;overflow:hidden}.gate-loader-wrapper .gate-loader-bar{width:0;height:100%;background:var(--pal-on-photo);box-shadow:0 0 10px color-mix(in srgb,var(--pal-on-dark) 50%,transparent);transition:width .1s linear}.is-ready .gate-loader-wrapper{opacity:0;height:0;margin-top:0;transition:color var(--dur-slower) var(--ease-standard),background-color var(--dur-slower) var(--ease-standard),border-color var(--dur-slower) var(--ease-standard),box-shadow var(--dur-slower) var(--ease-standard),opacity var(--dur-slower) var(--ease-standard),transform var(--dur-slower) var(--ease-standard),visibility var(--dur-slower) var(--ease-standard),height var(--dur-slower) var(--ease-standard)}.selection-gate-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(10px,1.5svh,20px);gap:clamp(10px,1.5svh,20px);margin-top:clamp(10px,1.5svh,20px);width:100%;opacity:0;visibility:hidden;pointer-events:none}.is-ready .selection-gate-grid{opacity:1;visibility:visible;pointer-events:auto}.gate-extra-actions{display:flex;gap:var(--space-3);width:100%;margin-top:clamp(8px,1.2svh,16px);opacity:0;visibility:hidden;pointer-events:none}.gate-extra-actions.is-ready{opacity:1;visibility:visible;pointer-events:auto}.gate-extra-btn{flex:1 1;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:color var(--dur-slow) var(--ease-out),background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),visibility var(--dur-slow) var(--ease-out);border:1px solid color-mix(in srgb,var(--pal-on-dark) 7%,transparent);border-radius:24px;background:color-mix(in srgb,var(--pal-on-dark) 8%,transparent);color:color-mix(in srgb,var(--pal-on-photo) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media(hover:hover)and (pointer:fine){.gate-extra-btn:hover{background:color-mix(in srgb,var(--pal-on-dark) 13%,transparent);border-color:color-mix(in srgb,var(--pal-on-dark) 16%,transparent);color:var(--pal-on-photo)}}.gate-extra-btn:active{transform:scale(.96)}.gate-extra-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:inherit;opacity:var(--op-overlay)}.gate-extra-btn-icon svg{width:100%;height:100%}.selection-gate-hint{position:absolute;bottom:0;left:0;width:100%;padding:18px var(--space-5);background:color-mix(in srgb,var(--pal-mix-darken) 32%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid color-mix(in srgb,var(--pal-on-dark) 6%,transparent);color:color-mix(in srgb,var(--pal-on-photo) 72%,transparent);font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:var(--lh-ui);letter-spacing:var(--letter-spacing);font-weight:var(--fw-medium);text-align:center;z-index:10;text-wrap:balance}