:root{--brand-name:"Keating Rewards";--color-bg-primary:#07111f;--color-bg-secondary:#0d1728;--color-bg-surface:#0a1423c7;--color-bg-surface-hover:#14243cd9;--color-bg-overlay:#00000073;--color-text-primary:#f7fbff;--color-text-secondary:#b4c6df;--color-text-muted:#7a90ad;--color-text-inverse:#07111f;--color-accent:#3f8cff;--color-accent-hover:#5da3ff;--color-accent-secondary:#6a7cff;--color-success:#40c58f;--color-success-bg:#40c58f2e;--color-info:#74b6ff;--color-info-bg:#73aeff2e;--color-border:#9ac4ff24;--color-border-strong:#9ac4ff47;--gradient-page:linear-gradient(180deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 48%, var(--color-bg-primary) 100%);--gradient-glow:radial-gradient(circle at top, #5ba8ff2e, transparent 30%);--gradient-button:linear-gradient(135deg, var(--color-accent), var(--color-accent-secondary));--gradient-button-hover:linear-gradient(135deg, var(--color-accent-hover), var(--color-accent-secondary));--font-family-body:Inter, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-heading:var(--font-family-body);--font-size-xs:.875rem;--font-size-sm:1.125rem;--font-size-base:1.25rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.75rem;--font-size-3xl:4rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.02em;--letter-spacing-wide:.08em;--letter-spacing-wider:.16em;--space-xs:6px;--space-sm:12px;--space-md:24px;--space-lg:36px;--space-xl:48px;--space-2xl:72px;--space-3xl:96px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 4px 12px #00000026;--shadow-md:0 12px 40px #00000038;--shadow-lg:0 24px 70px #00000047;--shadow-button:0 10px 30px #3f8cff4d;--shadow-button-hover:0 14px 40px #3f8cff73;--blur-surface:blur(18px);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.4s ease;--page-max-width:1080px;--page-padding-inline:48px;--touch-target-min:56px;--button-padding-y:22px;--button-padding-x:56px;--button-radius:var(--radius-lg);--button-font-size:var(--font-size-lg);--button-font-weight:var(--font-weight-bold);--numpad-columns:3;--numpad-gap:14px;--numpad-max-width:420px;--numpad-key-height:80px;--numpad-key-font-size:var(--font-size-2xl);--numpad-key-radius:var(--radius-md);--numpad-key-bg:#ffffff0f;--numpad-key-bg-hover:#ffffff1f;--numpad-key-bg-active:#ffffff2e;--numpad-key-color:var(--color-text-primary);--numpad-action-color:var(--color-info);--phone-display-font-size:var(--font-size-xl);--phone-display-height:80px}@media (width<=768px){:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--page-padding-inline:24px;--touch-target-min:48px;--button-padding-y:16px;--button-padding-x:40px;--button-font-size:var(--font-size-lg);--numpad-gap:10px;--numpad-max-width:360px;--numpad-key-height:64px;--numpad-key-font-size:var(--font-size-xl);--phone-display-font-size:var(--font-size-lg);--phone-display-height:64px}}@media (width<=480px){:root{--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.9375rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-xs:4px;--space-sm:6px;--space-md:12px;--space-lg:18px;--space-xl:24px;--space-2xl:36px;--space-3xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--page-padding-inline:16px;--touch-target-min:44px;--button-padding-y:14px;--button-padding-x:32px;--button-font-size:var(--font-size-lg);--numpad-gap:8px;--numpad-max-width:300px;--numpad-key-height:56px;--numpad-key-font-size:var(--font-size-lg);--phone-display-font-size:var(--font-size-base);--phone-display-height:56px}}.qr-wrapper{aspect-ratio:1;border-radius:8px;overflow:hidden}.qr-wrapper canvas{width:100%;height:100%;display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);background:var(--gradient-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed}body{min-width:320px;min-height:100dvh}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;min-height:var(--touch-target-min);background:0 0;border:none}.home{min-height:100dvh;padding:var(--space-2xl) var(--page-padding-inline);grid-template-rows:1fr auto 1fr;place-items:center;display:grid;position:relative;overflow:hidden}.home-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.home-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;grid-row:2;width:100%;max-width:720px;display:flex;position:relative}.home-logo{object-fit:contain;border-radius:var(--radius-lg);grid-row:1;place-self:center;width:100%;max-width:120px;max-height:120px}.home-eyebrow{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.home-title{font-family:var(--font-family-heading);font-size:clamp(1.5rem, 7vw, var(--font-size-3xl));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.home-subtitle{font-size:clamp(.85rem, 3vw, var(--font-size-lg));line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:38ch}.home-cta{margin-top:var(--space-md);padding:calc(var(--button-padding-y) * 1.2) calc(var(--button-padding-x) * 1.3);border-radius:var(--button-radius);font-size:clamp(1.1rem, 3.5vw, calc(var(--button-font-size) * 1.15));font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.home-cta:hover{background:var(--gradient-button-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.home-cta:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.home-qr{bottom:var(--space-xl);z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.home-qr--bottom-right{right:var(--space-xl)}.home-qr--bottom-left{left:var(--space-xl)}.home-qr-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center;max-width:200px}.home-qr-btn{text-decoration:none;display:none}@media (width<=768px){.home{padding:var(--space-xl) var(--page-padding-inline)}.home-content{gap:var(--space-md)}.home-logo{max-width:100px!important;max-height:100px!important}.home-qr{bottom:var(--space-lg)}.home-qr .qr-wrapper{width:110px!important}.home-qr-label{font-size:var(--font-size-xs);max-width:150px}}@media (width<=600px){.home{padding:var(--space-lg) var(--page-padding-inline)}.home-logo{max-width:130px!important;max-height:130px!important}.home-content{gap:var(--space-sm);grid-row:2}.home-qr{display:none}.home-qr-btn{border-radius:var(--button-radius);font-size:clamp(.8rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-bold);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);white-space:nowrap;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:12px 28px;display:inline-flex}.home-qr-btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}}@media (width<=360px){.home-logo{max-width:100px!important;max-height:100px!important}.home-qr-btn{padding:10px 22px;font-size:.8rem}}.numpad{grid-template-columns:repeat(var(--numpad-columns), 1fr);gap:var(--numpad-gap);width:100%;max-width:var(--numpad-max-width);display:grid}.numpad-key{height:var(--numpad-key-height);min-height:var(--touch-target-min);font-size:var(--numpad-key-font-size);font-weight:var(--font-weight-semibold);color:var(--numpad-key-color);background:var(--numpad-key-bg);border:1px solid var(--color-border);border-radius:var(--numpad-key-radius);transition:background var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.numpad-key:hover{background:var(--numpad-key-bg-hover)}.numpad-key:active{background:var(--numpad-key-bg-active);transform:scale(.96)}.numpad-key--action{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--numpad-action-color)}.phone-entry{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.phone-entry-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.phone-entry-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:560px;display:flex;position:relative}.phone-entry-back{font-size:clamp(.8rem, 2.5vw, var(--font-size-base));font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast);align-self:flex-start}.phone-entry-back:hover{color:var(--color-text-primary)}.phone-entry-header{gap:var(--space-sm);flex-direction:column;display:flex}.phone-entry-eyebrow{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.phone-entry-title{font-family:var(--font-family-heading);font-size:clamp(1.25rem, 5vw, var(--font-size-2xl));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.phone-entry-subtitle{font-size:clamp(.8rem, 2.5vw, var(--font-size-base));line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.phone-entry-display{width:100%;max-width:var(--numpad-max-width);height:var(--phone-display-height);padding:0 var(--space-md);background:var(--numpad-key-bg);border:1px solid var(--color-border-strong);border-radius:var(--numpad-key-radius);justify-content:center;align-items:center;display:flex}.phone-entry-number{font-size:clamp(1.1rem, 4.5vw, var(--phone-display-font-size));font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary);white-space:nowrap}.phone-entry-number--empty{color:var(--color-text-muted)}.phone-entry-submit{width:100%;max-width:var(--numpad-max-width);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast)}.phone-entry-submit:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.phone-entry-submit:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.phone-entry-submit:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.phone-entry{padding:var(--space-lg) var(--page-padding-inline)}.phone-entry-content{gap:var(--space-md)}.phone-entry-header{gap:var(--space-xs)}.phone-entry-display{height:auto;padding:var(--space-sm) 0}}.searching-shell{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative}.searching-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.searching-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.searching-spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin-loading}@keyframes spin-loading{to{transform:rotate(360deg)}}.searching-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.idle-timeout-backdrop{z-index:9999;padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at top,#548dff33,#0000 40%),#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.idle-timeout-dialog{width:100%;max-width:560px;padding:var(--space-xl);background:linear-gradient(#fffffffa,#f7fafff0),#fff;border:1px solid #0f172a14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073,inset 0 1px #ffffffe6}.idle-timeout-dialog:before{content:"";opacity:.95;background:linear-gradient(90deg,#7cb8ff,#8f7cff,#58d6c2);height:4px;position:absolute;inset:0 0 auto}.idle-timeout-head{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.idle-timeout-copy{flex:auto;min-width:0}.idle-timeout-eyebrow{margin-bottom:var(--space-sm);letter-spacing:.16em;text-transform:uppercase;color:#9fc3ff;align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:inline-flex}.idle-timeout-eyebrow:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px}.idle-timeout-title{color:#0f172a;margin-bottom:var(--space-sm);font-size:clamp(1.4rem,4vw,2rem);font-weight:800;line-height:1.05}.idle-timeout-desc{color:#475569;max-width:36ch;font-size:clamp(.98rem,2.6vw,1.05rem);line-height:1.5}.idle-timeout-timer{background:radial-gradient(circle,#ffffff0f,#ffffff03);border-radius:50%;flex:0 0 128px;place-items:center;width:128px;height:128px;display:grid;position:relative}.idle-timeout-ring{width:128px;height:128px;transform:rotate(-90deg)}.idle-timeout-ring-track,.idle-timeout-ring-progress{fill:none;stroke-width:6px}.idle-timeout-ring-track{stroke:#ffffff1a}.idle-timeout-ring-progress{stroke:#79b6ff;stroke-linecap:round;stroke-dasharray:176;filter:drop-shadow(0 0 10px #79b6ff73);transition:stroke-dashoffset .3s linear,stroke .3s}.idle-timeout-timer-text{text-align:center;place-items:center;gap:2px;display:grid;position:absolute;inset:0}.idle-timeout-count{color:#fff;font-size:clamp(2rem,6vw,2.6rem);font-weight:800;line-height:1;display:block}.idle-timeout-count-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.idle-timeout-actions{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:stretch;display:flex}.idle-timeout-btn{min-height:56px;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border:1px solid #0000;border-radius:16px;flex:140px;font-size:clamp(.98rem,2.5vw,1.05rem);font-weight:800}.idle-timeout-btn:active{transform:scale(.98)}.idle-timeout-btn--primary{background:var(--gradient-button);color:var(--button-text-color,#fff)}.idle-timeout-btn--primary:hover{opacity:.92}.idle-timeout-btn--ghost{color:#334155;background:#0f172a05;border-color:#0f172a24}.idle-timeout-btn--ghost:hover{color:#0f172a;background:#0f172a0d;border-color:#0f172a3d}.idle-timeout-progress{background:#0f172a14;border-radius:999px;height:6px;overflow:hidden}.idle-timeout-progress-bar{transform-origin:0;background:linear-gradient(90deg,#7cb8ff,#8f7cff,#58d6c2);width:100%;height:100%;transition:transform .3s linear;display:block}@media (width<=640px){.idle-timeout-dialog{max-width:100%;padding:var(--space-lg);border-radius:24px}.idle-timeout-head{align-items:flex-start;gap:var(--space-lg);flex-direction:column}.idle-timeout-timer{align-self:center;width:112px;height:112px}.idle-timeout-ring{width:112px;height:112px}.idle-timeout-actions{flex-direction:column}.idle-timeout-btn{width:100%}}.spin-game{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spin-game-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.spin-game-content{text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-width:800px;display:flex;position:relative}.spin-game-header{gap:var(--space-sm);flex-direction:column;display:flex}.spin-game-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.spin-game-title{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.spin-game-spins-left{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-info);letter-spacing:var(--letter-spacing-wide)}.spin-game-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.spin-game-arena{aspect-ratio:1;width:100%;max-width:520px;position:relative}.spin-game-wheel{width:100%;height:100%;box-shadow:0 0 0 8px var(--color-border-strong), var(--shadow-lg);will-change:transform;border-radius:50%}.spin-game-svg{border-radius:50%;width:100%;height:100%;display:block}.spin-game-pointer{border-left:18px solid #0000;border-right:18px solid #0000;border-top:36px solid var(--color-accent);filter:drop-shadow(0 4px 8px #0006);z-index:1;width:0;height:0;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.spin-game-result{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);flex-direction:column;display:flex}.spin-game-result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.spin-game-result-value{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.spin-game-actions{width:100%;max-width:var(--numpad-max-width)}.spin-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.spin-game-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.spin-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.spin-game-btn:disabled{opacity:.4;cursor:not-allowed}.spin-game-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.spin-game-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.spin-game-actions-row{gap:var(--space-md);width:100%;display:flex}.spin-game-actions-row .spin-game-btn{flex:1}.spin-game-back{margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.spin-game-back:hover{color:var(--color-text-primary)}@media (width<=768px){.spin-game-content{gap:var(--space-lg);max-width:560px}.spin-game-title{font-size:var(--font-size-2xl)}.spin-game-arena{max-width:340px}.spin-game-pointer{border-top-width:28px;border-left-width:14px;border-right-width:14px;top:-14px}}@media (width<=480px){.spin-game-arena{max-width:260px}}.tap-game{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tap-game-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.tap-game-content{text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-width:800px;display:flex;position:relative}.tap-game-header{gap:var(--space-sm);flex-direction:column;display:flex}.tap-game-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.tap-game-title{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.tap-game-plays-left{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-info);letter-spacing:var(--letter-spacing-wide)}.tap-game-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.tap-game-grid{gap:var(--space-lg);perspective:900px;grid-template-columns:repeat(3,1fr);width:100%;display:grid}.tap-box{aspect-ratio:1;perspective:600px;cursor:pointer;min-height:auto;transition:transform var(--transition-fast);background:0 0;border:none;padding:0}.tap-box:hover:not(:disabled):not(.tap-box--revealed):not(.tap-box--dimmed){transform:scale(1.05)}.tap-box:disabled{cursor:default}.tap-box--dimmed{opacity:.35;pointer-events:none}.tap-box-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.tap-box--revealed .tap-box-inner{transform:rotateY(180deg)}.tap-box-front,.tap-box-back{border-radius:var(--radius-xl);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tap-box-front{border:2px solid var(--color-border-strong);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#3f8cff33,#6a7cff1f)}.tap-box-icon{font-size:3.5rem;font-weight:var(--font-weight-extrabold);color:var(--color-accent);opacity:.7}.tap-box-back{box-shadow:var(--shadow-lg), inset 0 0 40px #ffffff0f;border:2px solid #fff3;transform:rotateY(180deg)}.tap-box--win .tap-box-back{box-shadow:var(--shadow-lg), 0 0 24px #34d3994d, inset 0 0 40px #ffffff14;border-color:#34d39980}.tap-box-prize{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#fff;text-shadow:0 2px 6px #0006}.tap-game-result{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);flex-direction:column;animation:.4s ease-out both tap-result-in;display:flex}@keyframes tap-result-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.tap-game-result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tap-game-result-value{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.tap-game-actions{width:100%;max-width:var(--numpad-max-width)}.tap-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.tap-game-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.tap-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.tap-game-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.tap-game-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.tap-game-actions-row{gap:var(--space-md);width:100%;display:flex}.tap-game-actions-row .tap-game-btn{flex:1}.tap-game-back{margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.tap-game-back:hover{color:var(--color-text-primary)}@media (width<=768px){.tap-game-content{gap:var(--space-lg);max-width:520px}.tap-game-title{font-size:var(--font-size-2xl)}.tap-game-grid{gap:var(--space-md)}.tap-box-icon{font-size:2.5rem}.tap-box-prize{font-size:var(--font-size-lg)}}@media (width<=480px){.tap-game-grid{gap:var(--space-sm)}.tap-box-icon{font-size:1.75rem}.tap-box-prize{font-size:var(--font-size-base)}}.plinko-game{min-height:100dvh;padding:var(--space-lg) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.plinko-game-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.plinko-game-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:560px;display:flex;position:relative}.plinko-game-header{gap:var(--space-sm);flex-direction:column;display:flex}.plinko-game-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.plinko-game-title{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.plinko-game-plays-left{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-info);letter-spacing:var(--letter-spacing-wide)}.plinko-board{aspect-ratio:.78;border:2px solid var(--color-border-strong);border-radius:var(--radius-xl);width:100%;position:relative;overflow:hidden}.plinko-canvas{width:100%;height:100%;display:block}.plinko-game-result{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);flex-direction:column;animation:.4s ease-out both plinko-result-in;display:flex}.plinko-game-result--loss{border-color:var(--color-border)}@keyframes plinko-result-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.plinko-game-result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.plinko-game-result-value{font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.plinko-game-actions{gap:var(--space-md);flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.plinko-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.plinko-game-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.plinko-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.plinko-game-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.plinko-game-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.plinko-game-actions-row{gap:var(--space-md);width:100%;display:flex}.plinko-game-actions-row .plinko-game-btn{flex:1}.plinko-game-back{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none}.plinko-game-back:hover{color:var(--color-text-primary)}@media (width>=1080px) and (height>=1200px){.plinko-game-content{max-width:800px}}@media (width<=768px){.plinko-game-content{max-width:420px}}.pick-game{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pick-game-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.pick-game-content{text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-width:900px;display:flex;position:relative}.pick-game-header{gap:var(--space-sm);flex-direction:column;display:flex}.pick-game-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.pick-game-title{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.pick-game-plays-left{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-info);letter-spacing:var(--letter-spacing-wide)}.pick-game-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pick-game-grid{gap:var(--space-lg);width:100%;display:grid}.pick-box{aspect-ratio:.75;perspective:800px;cursor:pointer;background:0 0;border:none;min-height:auto;padding:0;transition:transform .25s}.pick-box:hover:not(:disabled):not(.pick-box--revealed):not(.pick-box--waiting){transform:scale(1.06)translateY(-4px)}.pick-box:disabled{cursor:default}.pick-box--waiting{opacity:.5;pointer-events:none}.pick-box-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.pick-box--revealed .pick-box-inner{transform:rotateY(180deg)}.pick-box-front,.pick-box-back{border-radius:var(--radius-xl);backface-visibility:hidden;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;inset:0}.pick-box-front{border:2px solid var(--color-border-strong);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#3f8cff2e,#6a7cff1a)}.pick-box-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide)}.pick-box-icon{font-size:3.5rem;font-weight:var(--font-weight-extrabold);color:var(--color-accent);opacity:.7}.pick-box-back{box-shadow:var(--shadow-lg), inset 0 0 40px #ffffff0f;padding:var(--space-sm);border:2px solid #fff3;transform:rotateY(180deg)}.pick-box--chosen .pick-box-back{border-width:3px}.pick-box--win .pick-box-back{box-shadow:var(--shadow-lg), 0 0 30px #34d3994d, inset 0 0 40px #ffffff14;border-color:#34d39999}.pick-box--missed .pick-box-back{box-shadow:var(--shadow-lg), 0 0 20px #fbbf2426;border-color:#fbbf2480}.pick-box-prize{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#fff;text-shadow:0 2px 6px #0006}.pick-box-yours{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#ffffffd9;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border-radius:var(--radius-full);background:#ffffff26;padding:4px 12px}.pick-box-missed-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fbbf24;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;animation:1.2s ease-in-out infinite alternate pick-missed-pulse}@keyframes pick-missed-pulse{0%{opacity:.6}to{opacity:1}}.pick-game-result{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);flex-direction:column;animation:.4s ease-out both pick-result-in;display:flex}.pick-game-result--loss{border-color:var(--color-border)}@keyframes pick-result-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pick-game-result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pick-game-result-value{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.pick-game-actions{width:100%;max-width:420px}.pick-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.pick-game-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.pick-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.pick-game-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.pick-game-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.pick-game-actions-row{gap:var(--space-md);width:100%;display:flex}.pick-game-actions-row .pick-game-btn{flex:1}.pick-game-back{margin-top:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none}.pick-game-back:hover{color:var(--color-text-primary)}@media (width<=768px){.pick-game-content{gap:var(--space-lg);max-width:600px}.pick-game-title{font-size:var(--font-size-2xl)}.pick-box-icon{font-size:2.5rem}.pick-box-prize{font-size:var(--font-size-lg)}}@media (width<=480px){.pick-game-grid{gap:var(--space-sm)}.pick-box-icon{font-size:1.75rem}.pick-box-prize{font-size:var(--font-size-base)}.pick-box-yours,.pick-box-missed-tag{font-size:.65rem}}.win-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#000000bf;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.win-overlay--visible{opacity:1}.win-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-particle{will-change:transform, opacity;border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-20px}.win-particle--circle{border-radius:50%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}80%{opacity:1}to{transform:translateY(110vh) translateX(var(--drift)) rotate(720deg) scale(.4);opacity:0}}.win-burst{pointer-events:none;background:radial-gradient(circle,#ffd7004d 0%,#3f8cff26 40%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:1.6s ease-in-out infinite alternate burst-pulse;position:absolute}@keyframes burst-pulse{0%{opacity:.6;transform:scale(.7)}to{opacity:1;transform:scale(1.3)}}.win-content{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);flex-direction:column;animation:.6s cubic-bezier(.34,1.56,.64,1) both win-content-in;display:flex;position:relative}@keyframes win-content-in{0%{opacity:0;transform:scale(.3)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.win-eyebrow{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);letter-spacing:.25em;text-transform:uppercase;color:gold;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd7004d;animation:1.2s ease-in-out infinite alternate win-glow}@keyframes win-glow{0%{text-shadow:0 0 10px #ffd70066,0 0 20px #ffd70033}to{text-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70066}}.win-headline{font-family:var(--font-family-heading);font-size:clamp(3rem,8vw,6rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);text-shadow:0 4px 20px #3f8cff80,0 0 60px #6a7cff4d;line-height:1;animation:.7s cubic-bezier(.34,1.56,.64,1) .15s both win-headline-pop}@keyframes win-headline-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.win-prize{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,gold,orange,gold) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #ffa50066);-webkit-background-clip:text;background-clip:text;line-height:1.1;animation:.7s cubic-bezier(.34,1.56,.64,1) .35s both win-prize-pop,2s linear infinite win-prize-shimmer}@keyframes win-prize-pop{0%{opacity:0;transform:scale(0)rotate(-8deg)}60%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes win-prize-shimmer{0%{background-position:0%}to{background-position:200%}}.win-actions{align-items:center;gap:var(--space-md);width:100%;max-width:420px;margin-top:var(--space-md);flex-direction:column;animation:.5s 1s both win-hint-fade;display:flex}.win-actions-row{gap:var(--space-md);width:100%;display:flex}.win-btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--font-weight-bold);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex:1}.win-btn:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.win-btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.win-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.win-btn--secondary:hover{box-shadow:none;background:#ffffff14}@keyframes win-hint-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.win-burst{width:400px;height:400px}.win-eyebrow{font-size:var(--font-size-base)}}@media (width<=480px){.win-burst{width:300px;height:300px}.win-content{padding:var(--space-xl) var(--space-lg)}.win-eyebrow{font-size:var(--font-size-sm);letter-spacing:.15em}}.keyboard{align-items:center;gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.keyboard-row{justify-content:center;gap:var(--space-sm);width:100%;display:flex}.keyboard-key{height:var(--numpad-key-height);min-height:var(--touch-target-min);min-width:var(--touch-target-min);max-width:72px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--numpad-key-color);background:var(--numpad-key-bg);border:1px solid var(--color-border);border-radius:var(--numpad-key-radius);transition:background var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex}.keyboard-key:hover{background:var(--numpad-key-bg-hover)}.keyboard-key:active{background:var(--numpad-key-bg-active);transform:scale(.96)}.keyboard-key--wide{max-width:100px;font-size:var(--font-size-base);flex:1.5}.keyboard-key--space{max-width:none;font-size:var(--font-size-base);flex:4}.keyboard-key--action{color:var(--numpad-action-color);font-weight:var(--font-weight-bold)}.keyboard-key--active{background:var(--numpad-key-bg-hover);border-color:var(--color-accent)}.register{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.register-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.register-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;max-width:640px;display:flex;position:relative}.register-header{gap:var(--space-sm);flex-direction:column;display:flex}.register-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.register-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.register-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.register-prize{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--color-success-bg);border-radius:var(--radius-md);border:1px solid #40c58f4d;display:flex}.register-prize-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.register-prize-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.register-phone{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.register-phone-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.register-phone-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.register-field{align-items:center;gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.register-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.register-field-display{width:100%;height:var(--phone-display-height);padding:0 var(--space-md);background:var(--numpad-key-bg);border:1px solid var(--color-border-strong);border-radius:var(--numpad-key-radius);justify-content:center;align-items:center;display:flex}.register-field-value{font-size:var(--phone-display-font-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.register-field-value--empty{color:var(--color-text-muted)}.register-submit{width:100%;max-width:var(--numpad-max-width);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast)}.register-submit:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.register-submit:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.register-submit:disabled{opacity:.4;cursor:not-allowed}.register-submit--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.register-submit--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.register-actions-row{gap:var(--space-md);width:100%;max-width:var(--numpad-max-width);display:flex}.register-actions-row .register-submit{flex:1}.register-home-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start}.register-home-btn:hover{color:var(--color-text-primary)}.confirm-leave-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.25s both confirm-fade-in;display:flex;position:fixed;inset:0}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-leave-card{align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);width:90%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;animation:.35s cubic-bezier(.34,1.56,.64,1) both confirm-card-in;display:flex}@keyframes confirm-card-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-leave-icon{color:#fbbf24;filter:drop-shadow(0 0 12px #fbbf2466);font-size:3.5rem;line-height:1}.confirm-leave-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.confirm-leave-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:360px}.confirm-leave-actions{gap:var(--space-sm);width:100%;margin-top:var(--space-sm);flex-direction:column;display:flex}.confirm-leave-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.confirm-leave-btn:hover{transform:translateY(-2px)}.confirm-leave-btn:active{transform:translateY(1px)}.confirm-leave-btn--stay{color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button)}.confirm-leave-btn--stay:hover{box-shadow:var(--shadow-button-hover)}.confirm-leave-btn--leave{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.confirm-leave-btn--leave:hover{color:var(--color-text-primary);background:#ffffff0d}.match-game{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.match-game-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.match-game-content{text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-width:560px;display:flex;position:relative}.match-game-header{gap:var(--space-sm);flex-direction:column;display:flex}.match-game-eyebrow{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.match-game-title{font-family:var(--font-family-heading);font-size:clamp(1.5rem, 7vw, var(--font-size-3xl));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.match-game-plays-left{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--color-info);letter-spacing:var(--letter-spacing-wide)}.match-game-subtitle{font-size:clamp(.8rem, 2.5vw, var(--font-size-base));line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.match-game-timer{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);justify-content:center;align-items:center;width:100%;height:28px;display:flex;position:relative;overflow:hidden}.match-game-timer-bar{background:var(--gradient-button);border-radius:var(--radius-full);height:100%;transition:width 1s linear;position:absolute;top:0;left:0}.match-game-timer-bar--danger{background:linear-gradient(135deg,#f87171,#ef4444)}.match-game-timer-text{z-index:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);position:relative}.match-game-grid{gap:var(--space-md);perspective:900px;width:100%;display:grid}.match-card{aspect-ratio:.75;perspective:600px;cursor:pointer;min-height:auto;transition:transform var(--transition-fast);background:0 0;border:none;padding:0}.match-card:hover:not(:disabled):not(.match-card--flipped):not(.match-card--dimmed){transform:scale(1.05)}.match-card:disabled{cursor:default}.match-card--dimmed{opacity:.35;pointer-events:none}.match-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.match-card--flipped .match-card-inner{transform:rotateY(180deg)}.match-card-front,.match-card-back{border-radius:var(--radius-xl);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-card-front{border:2px solid var(--color-border-strong);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#3f8cff33,#6a7cff1f)}.match-card-icon{font-size:clamp(2rem,6vw,3.5rem);font-weight:var(--font-weight-extrabold);color:var(--color-accent);opacity:.7}.match-card-back{box-shadow:var(--shadow-lg), inset 0 0 40px #ffffff0f;border:2px solid #fff3;transform:rotateY(180deg)}.match-card--matched .match-card-back{box-shadow:var(--shadow-lg), 0 0 24px #34d39966, inset 0 0 40px #ffffff14;border-color:#34d39980}.match-card-label{font-size:clamp(.8rem, 3vw, var(--font-size-xl));font-weight:var(--font-weight-extrabold);color:#fff;text-shadow:0 2px 6px #0006}.match-game-result{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);flex-direction:column;animation:.4s ease-out both match-result-in;display:flex}@keyframes match-result-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.match-game-result-label{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.match-game-result-value{font-size:clamp(2rem,5vw,4rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.match-game-actions{width:100%;max-width:var(--numpad-max-width)}.match-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.match-game-btn:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.match-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.match-game-btn:disabled{opacity:.4;cursor:not-allowed}.match-game-btn--secondary{border:2px solid var(--color-border-strong);box-shadow:none;background:0 0}.match-game-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none}.match-game-actions-row{gap:var(--space-md);width:100%;display:flex}.match-game-actions-row .match-game-btn{flex:1}.match-game-back{margin-top:var(--space-md);font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.match-game-back:hover{color:var(--color-text-primary)}@media (width<=768px){.match-game-content{gap:var(--space-lg);max-width:420px}.match-game-grid{gap:var(--space-sm)}}@media (width<=480px){.match-game{padding:var(--space-lg) var(--page-padding-inline)}.match-game-content{gap:var(--space-md)}.match-game-grid{gap:var(--space-xs)}.match-card,.match-card-front,.match-card-back{border-radius:var(--radius-md)}}.pin-dots{justify-content:center;gap:var(--space-lg);display:flex}.pin-dot{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);width:28px;height:28px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0}.pin-dot--filled{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.15)}.pin-dot--error{border-color:#ff5c5c}.pin-entry{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pin-entry-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.pin-entry-content{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;width:100%;max-width:480px;display:flex;position:relative}.pin-entry-header{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.pin-entry-eyebrow{font-size:clamp(.65rem, 2vw, var(--font-size-xs));font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.pin-entry-title{font-family:var(--font-family-heading);font-size:clamp(1.5rem, 7vw, var(--font-size-3xl));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.pin-entry-subtitle{font-size:clamp(.8rem, 2.5vw, var(--font-size-base));line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.pin-entry-error{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:#ff5c5c}.pin-entry-back{font-size:clamp(.7rem, 2.5vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.pin-entry-back:hover{color:var(--color-text-primary)}@media (width<=480px){.pin-entry{padding:var(--space-lg) var(--page-padding-inline)}.pin-entry-content{gap:var(--space-lg)}.pin-entry-header{gap:var(--space-xs)}.pin-dots{gap:var(--space-md)}.pin-dot{width:20px;height:20px}}.dash{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);padding-bottom:env(safe-area-inset-bottom,0);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow-y:auto}.dash-glow{background:var(--gradient-glow);pointer-events:none;position:fixed;inset:0}.dash-content{gap:var(--space-lg);width:100%;max-width:640px;padding:var(--space-lg) 0;flex-direction:column;display:flex;position:relative}.dash-logo{object-fit:contain;border-radius:var(--radius-lg);align-self:center;width:100%;max-width:120px;max-height:120px}.dash-nav{z-index:10;padding:var(--space-sm) 0;-webkit-backdrop-filter:blur(12px);justify-content:flex-end;display:flex;position:sticky;top:0}.dash-topbar{gap:var(--space-xs);flex-direction:column;display:flex}.dash-greeting{font-size:clamp(1.1rem, 4vw, var(--dash-heading-size,var(--font-size-xl)));color:var(--color-text-secondary);overflow-wrap:break-word;word-break:break-word;margin:0}.dash-greeting strong{color:var(--color-text-primary)}.dash-greeting-sub{font-size:clamp(.75rem, 2.5vw, var(--dash-body-size,var(--font-size-sm)));color:var(--color-text-muted);margin-top:4px}.dash-logout{font-size:clamp(.7rem, 2vw, var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast);white-space:nowrap}.dash-logout:hover{color:var(--color-text-primary)}.dash-stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.dash-stat{text-align:center;padding:var(--space-lg) var(--space-sm);border:1px solid var(--dash-stat-card-border,var(--color-border));border-radius:var(--dash-stat-card-radius,var(--radius-xl));transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.dash-stat:before{content:"";background:var(--dash-stat-card-bg,var(--color-bg-surface));-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);opacity:var(--dash-card-opacity,1);z-index:0;position:absolute;inset:0}.dash-stat>*{z-index:1;position:relative}.dash-stat-value{font-size:clamp(1.25rem, 5vw, var(--dash-stat-value-size,var(--font-size-2xl)));font-weight:var(--font-weight-extrabold);color:var(--dash-stat-value-color,var(--color-text-primary));white-space:nowrap;line-height:1}.dash-stat-label{font-size:clamp(.65rem, 2vw, var(--dash-stat-label-size,var(--font-size-xs)));font-weight:var(--font-weight-bold);color:var(--dash-stat-label-color,var(--color-text-muted));text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dash-stat-sub{color:var(--color-text-muted);opacity:.7;font-size:clamp(.6rem,1.8vw,.75rem);font-weight:600}.dash-game-card{gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--dash-game-card-border,var(--color-border-strong));border-radius:var(--dash-game-card-radius,var(--radius-xl));flex-direction:column;display:flex;position:relative;overflow:hidden}.dash-game-card:before{content:"";background:var(--dash-game-card-bg,var(--color-bg-surface));-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);opacity:var(--dash-card-opacity,1);z-index:0;position:absolute;inset:0}.dash-game-card>*{z-index:1;position:relative}.dash-game-info{gap:var(--space-sm);flex-direction:column;display:flex}.dash-game-eyebrow{font-size:clamp(.65rem, 2vw, var(--dash-label-size,var(--font-size-xs)));font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-accent)}.dash-game-title{font-family:var(--font-family-heading);font-size:clamp(1.1rem, 4vw, var(--dash-heading-size,var(--font-size-2xl)));font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--dash-game-card-title-color,var(--color-text-primary));margin:0}.dash-game-desc{font-size:clamp(.8rem, 2.5vw, var(--dash-body-size,var(--font-size-base)));line-height:var(--line-height-relaxed);color:var(--dash-game-card-text-color,var(--color-text-secondary))}.dash-game-btn{width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.dash-game-btn:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.dash-game-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(1px)}.dash-game-btn--disabled{background:var(--gradient-button);box-shadow:none;opacity:.4;cursor:not-allowed}.dash-game-desc--exhausted{color:var(--color-text-muted)}.dash-history-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.dash-history-btn-text{color:inherit}.dash-history-btn:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.dash-history-btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.history{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.history-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.history-content{gap:var(--space-xl);flex-direction:column;width:100%;max-width:700px;display:flex;position:relative}.history-topbar{justify-content:space-between;align-items:center;gap:var(--space-md);z-index:10;padding:var(--space-sm) 0;-webkit-backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.history-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.history-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.history-back:hover{color:var(--color-text-primary)}.tx-loading,.tx-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg) 0}.tx-groups{gap:var(--space-lg);flex-direction:column;display:flex}.tx-group{gap:var(--space-sm);flex-direction:column;display:flex}.tx-date-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.tx-table{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.tx-table-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:#ffffff0a;display:flex}.tx-table-header .tx-col{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tx-row{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);display:flex}.tx-row:last-child{border-bottom:none}.tx-row:hover{background:var(--color-bg-surface-hover)}.tx-col{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;display:flex}.tx-col--time{flex:0 0 20%;min-width:0}.tx-col--game{flex:1 1 0;min-width:0}.tx-col--result{min-width:0;font-weight:var(--font-weight-semibold);flex:0 0 22%}.tx-col--pts,.tx-col--credits{min-width:0;font-weight:var(--font-weight-semibold);flex:0 0 14%;justify-content:flex-end}.tx-row--win .tx-col--result,.tx-row--win .tx-col--pts,.tx-row--win .tx-col--credits{color:var(--color-success)}.tx-row--loss .tx-col--result{color:var(--color-text-muted)}@media (width<=480px){.tx-table-header{display:none}.tx-row{gap:var(--space-xs);padding:var(--space-md);flex-wrap:wrap}.tx-col--time{font-size:var(--font-size-xs);color:var(--color-text-muted);flex:none}.tx-col--game{font-size:var(--font-size-xs);color:var(--color-text-muted);flex:auto}.tx-col--result{font-size:var(--font-size-base);flex:1 0 100%}.tx-col--pts,.tx-col--credits{font-size:var(--font-size-sm);flex:none;justify-content:flex-start}}.dash-footer{text-align:center}.dash-footer-text{font-size:clamp(.7rem, 2vw, var(--dash-label-size,var(--font-size-sm)));color:var(--color-text-muted)}@media (width<=768px){.dash{padding:var(--space-lg) var(--page-padding-inline)}.dash-content{gap:var(--space-md);padding:var(--space-md) 0}.dash-logo{max-width:90px!important;max-height:90px!important}.dash-stat{padding:var(--space-md) var(--space-sm);gap:4px}.dash-game-card{gap:var(--space-md);padding:var(--space-lg)}.dash-prize-btn{padding:var(--space-md) var(--space-sm)}.dash-prize-btn-icon{font-size:1.5rem}}@media (width<=600px){.dash-stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.dash-stat{padding:var(--space-sm) var(--space-xs);gap:2px}.dash-game-card{padding:var(--space-md)}.dash-prize-row{gap:var(--space-sm)}}@media (width<=480px){.dash{padding:var(--space-md) var(--page-padding-inline)}.dash-content{gap:var(--space-sm);padding:var(--space-sm) 0;min-height:calc(100dvh - var(--space-md) * 2)}.dash-logo{order:99;margin-top:auto;margin-bottom:auto;max-width:90px!important;max-height:90px!important}.dash-stats{gap:var(--space-xs);grid-template-columns:repeat(3,1fr)}.dash-stat{padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-md);gap:2px}.dash-game-card{gap:var(--space-sm);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg)}.dash-game-eyebrow{font-size:.65rem}.dash-game-btn,.dash-history-btn{padding:var(--button-padding-y) var(--space-md);font-size:var(--font-size-sm)}.dash-prize-row{gap:var(--space-xs);grid-template-columns:1fr 1fr}.dash-prize-btn{padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-md);gap:2px}.dash-prize-btn-icon{font-size:1.25rem}.dash-footer-text{font-size:.7rem}}@media (width<=360px){.dash-logo{max-width:72px!important;max-height:72px!important}.dash-content{gap:var(--space-xs)}.dash-stats{gap:4px}.dash-stat{padding:var(--space-xs) 4px}.dash-game-card{padding:var(--space-sm)}.dash-game-btn,.dash-history-btn{padding:12px var(--space-sm);font-size:.85rem}.dash-prize-row{gap:4px}.dash-prize-btn{padding:var(--space-xs) 4px}}.dash-prize-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.dash-prize-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border:1px solid var(--dash-prize-card-border,var(--color-border));border-radius:var(--dash-prize-card-radius,var(--radius-xl));transition:background var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.dash-prize-btn:before{content:"";background:var(--dash-prize-card-bg,var(--color-bg-surface));-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);opacity:var(--dash-card-opacity,1);z-index:0;transition:background var(--transition-fast);position:absolute;inset:0}.dash-prize-btn>*{z-index:1;position:relative}.dash-prize-btn:hover:before{background:var(--color-bg-surface-hover)}.dash-prize-btn:hover{transform:translateY(-2px)}.dash-prize-btn:active{transform:translateY(1px)}.dash-prize-btn-icon{font-size:1.75rem}.dash-prize-btn-label{font-size:clamp(.8rem, 2.5vw, var(--dash-body-size,var(--font-size-base)));font-weight:var(--font-weight-bold);color:var(--dash-prize-card-label-color,var(--color-text-primary))}.dash-prize-btn-sub{font-size:clamp(.65rem, 2vw, var(--dash-label-size,var(--font-size-xs)));color:var(--dash-prize-card-sub-color,var(--color-text-muted))}.catalog{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.catalog-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.catalog-content{gap:var(--space-xl);flex-direction:column;width:100%;max-width:700px;display:flex;position:relative}.catalog-topbar{justify-content:space-between;align-items:center;gap:var(--space-md);z-index:10;padding:var(--space-sm) 0;-webkit-backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.catalog-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.catalog-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.catalog-back:hover{color:var(--color-text-primary)}.catalog-points-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);align-self:flex-start;display:flex}.catalog-points-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.catalog-points-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.catalog-balances{gap:var(--space-md);flex-wrap:wrap;display:flex}.catalog-credits-badge{border-color:#34d3994d}.catalog-card-costs{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-top:auto;display:flex}.catalog-card-cost{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-accent)}.catalog-card-cost--credits{color:#34d399}.catalog-card-cost-divider{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.catalog-card-cost-dollar{opacity:.7;font-size:.85em}.catalog-pay-toggle{border:1px solid var(--color-border-strong);border-radius:var(--button-radius);width:100%;display:flex;overflow:hidden}.catalog-pay-option{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1}.catalog-pay-option--active{color:var(--color-text-primary);background:#3f8cff33}.catalog-pay-option:disabled{opacity:.4;cursor:not-allowed}.catalog-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.catalog-message--success{color:var(--color-success);background:var(--color-success-bg);border:1px solid #40c58f4d}.catalog-message--error{color:#ff5c5c;background:#ff5c5c1a;border:1px solid #ff5c5c4d}.catalog-loading,.catalog-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-2xl) 0}.catalog-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.catalog-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.catalog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.catalog-card--locked{opacity:.55}.catalog-card-img{background-color:#ffffff0a;background-position:50%;background-size:cover;width:100%;height:120px}.catalog-card-img--placeholder{justify-content:center;align-items:center;display:flex}.catalog-card-img-icon{font-size:2.5rem}.catalog-card-body{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.catalog-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.catalog-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.catalog-card-btn{width:100%;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);transition:background var(--transition-fast), transform var(--transition-fast);background:linear-gradient(135deg,#3f8cff26,#6a7cff26)}.catalog-card-btn:hover:not(:disabled){background:linear-gradient(135deg,#3f8cff40,#6a7cff40)}.catalog-card-btn:disabled{opacity:.5;cursor:not-allowed}.catalog-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:var(--space-xl);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.catalog-confirm{width:100%;max-width:380px;padding:var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.catalog-confirm-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.catalog-confirm-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.catalog-confirm-balance{font-size:var(--font-size-sm);color:var(--color-text-muted)}.catalog-confirm-actions{gap:var(--space-md);width:100%;margin-top:var(--space-sm);display:flex}.catalog-confirm-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--button-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);transition:background var(--transition-fast), transform var(--transition-fast);flex:1}.catalog-confirm-btn--cancel{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.catalog-confirm-btn--cancel:hover{background:var(--color-bg-surface-hover)}.catalog-confirm-btn--confirm{color:var(--button-text-color,var(--color-text-primary));background:var(--gradient-button);box-shadow:var(--shadow-button)}.catalog-confirm-btn--confirm:hover:not(:disabled){box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.catalog-confirm-btn--confirm:disabled{opacity:.5;cursor:not-allowed}.my-prizes{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.my-prizes-glow{background:var(--gradient-glow);pointer-events:none;position:absolute;inset:0}.my-prizes-content{gap:var(--space-xl);flex-direction:column;width:100%;max-width:700px;display:flex;position:relative}.my-prizes-topbar{justify-content:space-between;align-items:center;gap:var(--space-md);z-index:10;padding:var(--space-sm) 0;-webkit-backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.my-prizes-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.my-prizes-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);transition:color var(--transition-fast)}.my-prizes-back:hover{color:var(--color-text-primary)}.my-prizes-section{gap:var(--space-md);flex-direction:column;display:flex}.my-prizes-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-info)}.my-prizes-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.my-prize-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-align:left;flex-direction:column;display:flex;overflow:hidden}.my-prize-card--active{cursor:pointer}.my-prize-card--active:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-2px)}.my-prize-card--used{opacity:.5}.my-prize-card-img{background-color:#ffffff0a;background-position:50%;background-size:cover;width:100%;height:100px}.my-prize-card-img--placeholder{justify-content:center;align-items:center;display:flex}.my-prize-card-icon{font-size:2rem}.my-prize-card-body{padding:var(--space-md);flex-direction:column;gap:2px;display:flex}.my-prize-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.my-prize-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.my-prize-card-tap{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);border-top:1px solid var(--color-border);text-align:center;display:block}.qr-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-xl);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal{width:100%;max-width:360px;padding:var(--space-2xl) var(--space-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.qr-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.qr-modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.qr-modal-code{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff}.qr-modal-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wider);font-family:monospace}.qr-modal-close{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);border-radius:var(--button-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);transition:background var(--transition-fast), transform var(--transition-fast)}.qr-modal-close:hover{background:var(--color-bg-surface-hover)}@media (width<=480px){.catalog-grid,.my-prizes-grid{grid-template-columns:1fr}}.placeholder-shell{min-height:100dvh;padding:var(--space-xl) var(--page-padding-inline);justify-content:center;align-items:center;display:flex}.placeholder-text{font-size:var(--font-size-xl);color:var(--color-text-muted)}