:root{--color-tile-red:#d55e00;--color-tile-blue:#0072b2;--color-tile-yellow:#f0c400;--color-tile-black:#3a3733;--color-accent:#fbbf24;--color-accent-hover:#f59e0b;--color-accent-muted:#fbbf241f;--color-accent-border:#fbbf2447;--color-medal-gold:var(--color-accent);--color-medal-silver:#d6dbe0;--color-medal-bronze:#d08a4a;--color-success:#4ade80;--color-success-strong:#16a34a;--color-success-muted:#4ade8024;--color-success-border:#4ade8059;--color-warning:#fbbf24;--color-warning-strong:#d97706;--color-warning-muted:#fbbf2424;--color-warning-border:#fbbf2466;--color-danger:#ef4444;--color-danger-strong:#b91c1c;--color-danger-muted:#ef444424;--color-danger-border:#ef444459;--color-info:#38bdf8;--color-info-muted:#38bdf824;--color-special:#8b5cf6;--color-special-strong:#6d28d9;--color-ribbon:#3b82f6;--color-ribbon-strong:#1d4ed8;--color-ribbon-muted:#3b82f624;--color-ribbon-border:#3b82f659;--color-diff-easy:var(--color-success);--color-diff-easy-end:var(--color-success-strong);--color-diff-medium:var(--color-warning);--color-diff-medium-end:var(--color-warning-strong);--color-diff-hard:#f4842f;--color-diff-hard-end:#c2410c;--color-diff-hard-muted:#f4842f24;--color-diff-hard-border:#f4842f66;--color-diff-xhard:var(--color-danger);--color-diff-xhard-end:#7f1d1d;--surface-bg-deep:#0a1326;--surface-bg:#111e38;--surface-bg-raised:#1e2f54;--surface-board:#1a5c38;--surface-board-edge:#143d27;--surface-board-glow:#237a4a;--surface-hand:#102418;--surface-glass:#ffffff0d;--surface-glass-hover:#ffffff14;--surface-glass-active:#ffffff1f;--surface-scrim:#000000b8;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73;--text-disabled:#ffffff4d;--text-inverse:#1a1a2e;--text-on-accent:#1a1a2e;--stroke-subtle:#ffffff14;--stroke:#ffffff26;--stroke-strong:#ffffff40;--stroke-focus:var(--color-accent);--gradient-surface:linear-gradient(160deg, var(--surface-bg-raised) 0%, var(--surface-bg) 100%);--gradient-surface-hero:radial-gradient(ellipse at 50% 30%, var(--surface-bg-raised) 0%, var(--surface-bg) 55%, var(--surface-bg-deep) 100%);--gradient-board:radial-gradient(ellipse at 50% 40%, var(--surface-board-glow) 0%, var(--surface-board) 45%, var(--surface-board-edge) 100%);--gradient-diff-easy:linear-gradient(135deg, var(--color-diff-easy) 0%, var(--color-diff-easy-end) 100%);--gradient-diff-medium:linear-gradient(135deg, var(--color-diff-medium) 0%, var(--color-diff-medium-end) 100%);--gradient-diff-hard:linear-gradient(135deg, var(--color-diff-hard) 0%, var(--color-diff-hard-end) 100%);--gradient-diff-xhard:linear-gradient(135deg, var(--color-diff-xhard) 0%, var(--color-diff-xhard-end) 100%);--gradient-primary:var(--gradient-diff-easy);--gradient-danger:linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-strong) 100%);--gradient-special:linear-gradient(135deg, var(--color-special) 0%, var(--color-special-strong) 100%);--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--leading-tight:1;--leading-snug:1.2;--leading-normal:1.45;--tracking-normal:0;--tracking-wide:.04em;--tracking-widest:.08em;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-full:50%;--radius-tile:8px;--tile-glow-red:#f97316;--tile-glow-blue:#3b82f6;--tile-glow-yellow:#facc15;--tile-glow-black:#6f6a64;--border-thin:1px;--border-thick:2px;--shadow-0:none;--shadow-1:0 1px 2px #00000040;--shadow-2:0 2px 6px #0000004d, 0 1px 2px #00000026;--shadow-3:0 8px 24px #00000073;--shadow-4:0 20px 50px #0000008c, 0 0 0 1px #ffffff0d;--shadow-inset:inset 0 1px 3px #00000040;--shadow-tile:0 4px 8px #00000052, 0 1px 3px #0000002e, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014;--shadow-tile-hover:0 8px 16px #00000061, 0 2px 4px #0003, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014;--shadow-glow:0 0 0 3px var(--glow-color,var(--color-accent)), 0 8px 16px #00000073;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.4s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate:cubic-bezier(.25, 1, .5, 1);--z-base:0;--z-raised:10;--z-sticky:50;--z-dropdown:100;--z-overlay:200;--z-modal:210;--z-toast:400;--z-drag:500;--container-phone:420px;--container-tablet:640px;--container-desktop:1024px;--touch-target-min:44px;--tab-bar-height:54px;--header-height:48px;--icon-btn-size-sm:32px;--icon-btn-size-md:40px;--icon-btn-size-lg:44px;--avatar-xs:20px;--avatar-sm:28px;--avatar-md:36px;--avatar-lg:44px;--avatar-2xl:64px;--tile-w:40px;--tile-h:54px;--tile-font-size:1.05rem;--board-row-pad-v:calc(var(--tile-h) * .14);--board-row-pad-h:calc(var(--tile-h) * .14);--board-gap:calc(var(--tile-h) * .12);--board-pad:calc(var(--tile-h) * .12);--board-col-gap:calc(var(--tile-h) * .12);--slot-w:14px}@media (width>=480px){:root{--tile-w:48px;--tile-h:64px;--tile-font-size:1.35rem}}@media (width>=640px){:root{--tile-w:52px;--tile-h:70px;--tile-font-size:1.5rem}}@media (width>=768px){:root{--tile-w:56px;--tile-h:74px;--tile-font-size:1.6rem}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.tile__suit{width:calc(var(--tile-h) * .26);height:calc(var(--tile-h) * .26);pointer-events:none;display:none;position:absolute;top:3px;left:4px}.tile__suit--br{inset:auto 4px 3px auto}html.suit-symbols .tile__suit{display:block}.tile--red .tile__suit{color:#9a3a00}.tile--blue .tile__suit{color:#155f9e}.tile--yellow .tile__suit{color:#713f12}.tile--black .tile__suit{color:#262320}@property --tile-h{syntax:"<length>";inherits:true;initial-value:54px}@property --overlap{syntax:"<number>";inherits:true;initial-value:0}:root{--tile-font:700 1.05rem/1 system-ui, sans-serif;--tile-border:#c9b879;--tile-band-h:calc(var(--tile-h) * .17);--tile-shadow:0 4px 8px #00000052, 0 1px 3px #0000002e, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014}.tile{width:var(--tile-w);min-width:var(--tile-w);height:var(--tile-h);border:var(--border-thick) solid var(--tile-border);border-radius:var(--radius-tile);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--tile-shadow);-webkit-tap-highlight-color:transparent;touch-action:pan-y;will-change:transform, box-shadow;background:linear-gradient(170deg,#fff8e6 0%,#f5e9bf 100%);outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .13s,box-shadow .13s,opacity .13s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff85 0%,#ffffff2e 40%,#fff0 60%);position:absolute;inset:0}.tile:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 8px 16px #00000061,0 2px 4px #0003,inset 0 1px #ffffffe6,inset 0 -2px #00000014}.tile:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.tile__number{font:var(--tile-font);z-index:1;position:relative}.tile--red{--tile-glow-color:#f97316;--tile-band-color:#d55e00;background:linear-gradient(170deg,#fff4ec 0%,#ffe0cc 100%);border-color:#d55e00;box-shadow:0 4px 8px #d55e0040,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #963c001f}.tile--blue{--tile-glow-color:#3b82f6;--tile-band-color:#0072b2;background:linear-gradient(170deg,#f2f7ff 0%,#e2ecff 100%);border-color:#0072b2;box-shadow:0 4px 8px #0072b240,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #003c8c1f}.tile--yellow{--tile-glow-color:#facc15;--tile-band-color:#f0c400;background:linear-gradient(170deg,#fffdeb 0%,#fef3c0 100%);border-color:#f0c400;box-shadow:0 4px 8px #f0c40047,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #785a001f}.tile--black{--tile-glow-color:#6f6a64;--tile-band-color:#3a3733;background:linear-gradient(170deg,#f6f5f3 0%,#e7e5e1 100%);border-color:#3a3733;box-shadow:0 4px 8px #00000047,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #28231e2e}.tile--red .tile__number{color:#9a3a00;text-shadow:0 1px #ffffff80}.tile--blue .tile__number{color:#155f9e;text-shadow:0 1px #ffffff80}.tile--yellow .tile__number{color:#713f12;text-shadow:0 1px #ffffff80}.tile--black .tile__number{color:#262320;text-shadow:0 1px #ffffff80}.tile__band{height:var(--tile-band-h);background:var(--tile-band-color,transparent);pointer-events:none;z-index:0;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff40}html.no-tile-band .tile__band,html:not(.no-tile-band) .tile__suit--br{display:none}html:not(.no-tile-band) .tile{padding-bottom:var(--tile-band-h)}.tilemark{border-radius:var(--radius-tile);border:var(--border-thick) solid var(--tile-border);color:#6b5b22;background:linear-gradient(170deg,#fff8e6 0%,#f5e9bf 100%);justify-content:center;align-items:center;width:48px;height:62px;font:700 1.55rem/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 6px 14px #0000004d,inset 0 1px #ffffffe6,inset 0 -2px #785a001f}.tilemark--blue{color:#155f9e;background:linear-gradient(170deg,#f2f7ff 0%,#e2ecff 100%);border-color:#0072b2}.tilemark--yellow{color:#713f12;background:linear-gradient(170deg,#fffdeb 0%,#fef3c0 100%);border-color:#f0c400}.tilemark--red{color:#9a3a00;background:linear-gradient(170deg,#fff4ec 0%,#ffe0cc 100%);border-color:#d55e00}.tilemark--back{background:linear-gradient(160deg,#1a5c38 0%,#103f27 100%);border-color:#0c3520;box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff14}.tilemark--back:after{content:"";border:var(--border-thin) solid #ffffff2e;border-radius:2px;width:15px;height:15px;transform:rotate(45deg)}.empty-state--error .tilemark--back{box-shadow:0 6px 14px #00000059, inset 0 1px 0 #ffffff14, 0 0 0 1px var(--color-danger-border), 0 0 18px var(--color-danger-muted)}.meld-row .tile{touch-action:none}.meld-cell--placed .tile{animation:.5s tile-place}@keyframes tile-place{0%{filter:brightness();box-shadow:var(--tile-shadow)}35%{filter:brightness(1.15);box-shadow:var(--tile-shadow), 0 0 12px #fbbf2459}to{filter:brightness();box-shadow:var(--tile-shadow)}}.tile--state-selected{border-color:var(--tile-glow-color,var(--color-accent));box-shadow:0 0 0 3px var(--tile-glow-color,var(--color-accent)), 0 8px 16px #00000073, inset 0 1px 0 #ffffffe6;z-index:var(--z-raised);animation:1.8s ease-in-out infinite tile-selected-glow;transform:translateY(-6px)scale(1.08)}@keyframes tile-selected-glow{0%,to{box-shadow:0 0 0 3px var(--tile-glow-color,var(--color-accent)), 0 8px 16px #00000073, inset 0 1px 0 #ffffffe6}50%{box-shadow:0 0 0 5px var(--tile-glow-color,var(--color-accent)), 0 8px 20px #00000080, inset 0 1px 0 #ffffffe6, 0 0 20px color-mix(in srgb, var(--tile-glow-color,var(--color-accent)) 40%, transparent)}}.tile--state-dragging{opacity:.3;transition:opacity 80ms,transform 80ms;transform:scale(.93)rotate(4deg)}.tile--state-hint{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success), 0 0 16px #4ade8080, var(--tile-shadow);animation:1.6s ease-in-out infinite hint-pulse}.tile--state-ghost{opacity:.38;border-style:dashed;border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-border), 0 0 10px #4ade8040;pointer-events:none;cursor:default;animation:2s ease-in-out infinite ghost-pulse}@keyframes ghost-pulse{0%,to{opacity:.32;box-shadow:0 0 0 2px #4ade804d,0 0 8px #4ade8033}50%{opacity:.52;box-shadow:0 0 0 2px #4ade808c,0 0 16px #4ade8073}}.tile--state-multi{border-color:var(--color-info);box-shadow:0 0 0 3px var(--color-info), 0 6px 12px #0006, inset 0 1px 0 #ffffffe6;z-index:var(--z-raised);transform:translateY(-5px)scale(1.05)}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 3px var(--color-success), 0 0 14px #4ade8073}50%{box-shadow:0 0 0 3px var(--color-success), 0 0 26px #4ade80cc}}.tile--touch-dragging{opacity:.2;pointer-events:none;transition:opacity .1s,transform .1s;box-shadow:none!important;transform:scale(.9)rotate(3deg)!important}.tile--small{--tile-w:38px;--tile-h:52px;--tile-font:700 1.05rem/1 system-ui, sans-serif}.meld-row{padding:var(--row-v-pad) var(--row-h-pad);border-radius:var(--radius-lg);border:1.5px solid var(--stroke-subtle);box-sizing:border-box;min-width:0;transition:--overlap var(--duration-slow) var(--ease-decelerate), border-color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#0003;flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}.meld-row--entering{animation:meld-row-enter var(--duration-slow) var(--ease-decelerate) both}@keyframes meld-row-enter{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.meld-row--exiting{pointer-events:none;transition:none;animation:.28s cubic-bezier(.5,0,.75,0) both meld-row-exit;position:absolute}@keyframes meld-row-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)scale(.94)}}.meld-row--invalid{animation:invalid-shake var(--duration-slow) ease, invalid-pulse .8s ease;background:#ef444417;border-color:#ef4444b3}@keyframes invalid-shake{0%,to{transform:translate(0)}10%{transform:translate(-10px)}30%{transform:translate(10px)}50%{transform:translate(-8px)}70%{transform:translate(6px)}85%{transform:translate(-3px)}}@keyframes invalid-pulse{0%{background:#ef444417;border-color:#ef4444b3}30%{background:#ef444440;border-color:#ef4444e6}to{background:#ef444417;border-color:#ef4444b3}}.meld-row--completed{animation:meld-complete-glow .7s var(--ease-decelerate) both}@keyframes meld-complete-glow{0%,to{border-color:var(--stroke-subtle);background:#0003;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}40%{border-color:var(--color-success);background:var(--color-success-muted);box-shadow:inset 0 1px 3px #00000040, 0 0 0 2px var(--color-success), 0 0 18px #4ade8080}}.no-completion-glow .meld-row--completed{animation:none}.meld-cell{flex-shrink:0;align-items:center;display:flex;position:relative}.meld-row>.meld-cell+.meld-cell{margin-left:calc(var(--tile-w) * var(--overlap,0) * -1)}.meld-row>.meld-cell:hover,.meld-row>.meld-cell:focus-within{z-index:var(--z-raised)}.meld-row--drag-over{border-color:var(--color-accent-border)}.meld-row--drag-over .tile{transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);transform:translateY(-3px)scale(1.03);box-shadow:0 6px 14px #00000059,0 2px 4px #0000002e,inset 0 1px #ffffffe6,inset 0 -2px #00000014}.meld-row--can-place{cursor:pointer}.board{--width-denom:4;--width-fixed:3px;--height-denom:7;--height-fixed:3px;--tile-h-w:calc((100cqw - var(--width-fixed)) / var(--width-denom));--tile-h-h:calc((100cqh - var(--height-fixed)) / var(--height-denom));--tile-h:clamp(28px, min(var(--tile-h-w), var(--tile-h-h)), 80px);--tile-w:calc(var(--tile-h) * 40 / 54);--row-v-pad:calc(var(--tile-h) * .14);--row-h-pad:calc(var(--tile-h) * .14);--board-gap:calc(var(--tile-h) * .12);--board-pad:calc(var(--tile-h) * .12);--col-gap:calc(var(--tile-h) * .12);--tile-font:700 calc(var(--tile-h) * .34) / 1 system-ui, sans-serif;align-content:start;row-gap:var(--board-gap);padding:var(--board-pad);box-sizing:border-box;width:100%;height:100%;transition:--tile-h var(--duration-slow) var(--ease-decelerate);grid-template-columns:1fr;grid-auto-rows:min-content;grid-auto-flow:row;display:grid;position:relative;overflow:hidden}.board--two-col{column-gap:var(--col-gap);grid-template-columns:1fr 1fr}.board__new-row{padding:var(--row-v-pad) var(--row-h-pad);min-height:calc(var(--tile-h) + 2 * var(--row-v-pad));border:1.5px dashed var(--stroke-subtle);border-radius:var(--radius-lg);color:#0000;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast);cursor:default;box-sizing:border-box;background:#0000001a;justify-content:center;align-items:center;display:flex}.board__new-row--active{border-color:var(--stroke);cursor:pointer;background:#00000021}.board__new-row--active:hover,.board__new-row--active:focus-visible{border-color:var(--color-accent);background:var(--surface-glass);outline:none}.board__new-row--hint{border:1.5px solid var(--stroke-subtle);background:#0003;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}.hand{flex:1;align-items:center;min-width:0;display:flex;overflow-x:auto}.hand__rack{gap:var(--space-2);padding:var(--space-3);flex-direction:row;align-items:center;margin:0 auto;display:flex}.hand__rack .tile{touch-action:none}.hand--empty{justify-content:center}@media (width>=375px){:root{--tile-w:40px;--tile-h:54px}}@media (width>=480px){:root{--tile-w:48px;--tile-h:64px;--tile-font:700 1.35rem/1 system-ui, sans-serif}.hand__rack{gap:var(--space-3)}}@media (width>=640px){:root{--tile-w:52px;--tile-h:70px;--tile-font:700 1.5rem/1 system-ui, sans-serif}}@media (width>=768px){:root{--tile-w:56px;--tile-h:74px;--tile-font:700 1.6rem/1 system-ui, sans-serif}}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}html,body{background:var(--surface-board);overscroll-behavior:none;height:100dvh;margin:0;padding:0;overflow:hidden}#root{overscroll-behavior:none;flex-direction:column;width:100%;max-width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}button{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.difficulty-dropdown{flex:none;display:inline-flex;position:relative}.difficulty-dropdown__trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-thin) solid var(--surface-glass-active);background:var(--surface-glass-hover);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;white-space:nowrap;display:inline-flex}.difficulty-dropdown__trigger:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong)}.difficulty-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.difficulty-dropdown__trigger:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.difficulty-dropdown__trigger--easy{color:var(--color-success);border-color:var(--color-success-border)}.difficulty-dropdown__trigger--medium{color:var(--color-warning);border-color:var(--color-accent-border)}.difficulty-dropdown__trigger--hard{color:var(--color-diff-hard);border-color:#f9731673}.difficulty-dropdown__trigger--extra_hard{color:var(--color-danger);text-shadow:0 0 8px #ef444459;border-color:#ef444480}.difficulty-dropdown__caret{font-size:var(--text-xs);opacity:.8;line-height:var(--leading-tight)}.difficulty-dropdown__label-short{display:inline}.difficulty-dropdown__label-full{display:none}@media (width>=640px){.difficulty-dropdown__label-short{display:none}.difficulty-dropdown__label-full{display:inline}}.difficulty-dropdown__menu{top:calc(100% + var(--space-3));min-width:130px;padding:var(--space-2);background:var(--gradient-surface);border:var(--border-thin) solid var(--color-accent-border);border-radius:var(--radius-lg);z-index:var(--z-dropdown);animation:dropdown-fade var(--duration-fast) ease-out;margin:0;list-style:none;position:absolute;left:0;box-shadow:0 10px 30px #0009,inset 0 0 0 1px #ffffff0d}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.difficulty-dropdown__option{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-bold);text-align:left;color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast);touch-action:pan-y;background:0 0;border:none;display:block}.difficulty-dropdown__option:hover{background:var(--surface-glass-hover)}.difficulty-dropdown__option--easy{color:var(--color-success)}.difficulty-dropdown__option--medium{color:var(--color-warning)}.difficulty-dropdown__option--hard{color:var(--color-diff-hard)}.difficulty-dropdown__option--extra_hard{color:var(--color-danger)}.difficulty-dropdown__option--active{background:var(--color-accent-muted);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.difficulty-dropdown__option:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:-2px}.check-cta{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-secondary);background:var(--surface-glass);border:var(--border-thick) solid var(--stroke);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);animation:cta-pop .45s var(--ease-spring);text-transform:uppercase;display:inline-flex}.check-cta:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)scale(1.02)}.check-cta:active{transform:scale(.97)}.check-cta:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.check-cta__icon{border-radius:var(--radius-full);background:var(--surface-glass-active);width:28px;height:28px;color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.check-cta__label{line-height:var(--leading-tight)}@keyframes cta-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.merge-arrow{border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;z-index:var(--z-raised);transition:opacity var(--duration-fast), transform var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.merge-arrow--right{right:var(--space-2);background:var(--color-success-muted);color:var(--color-success)}.merge-arrow--left{left:var(--space-2);background:var(--color-info-muted);color:var(--color-info)}.merge-arrow:hover{opacity:.85}.merge-arrow:active{transform:translateY(-50%)scale(.9)}.merge-arrow:focus-visible{outline:var(--border-thick) solid currentColor;outline-offset:2px}.tutorial-arrow{pointer-events:none;width:100%;height:100%;z-index:var(--z-dropdown);color:var(--color-success);position:fixed;inset:0;overflow:visible}.tutorial-arrow__path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 7;filter:drop-shadow(0 0 4px var(--color-success-border));animation:.9s linear infinite tutorial-arrow-flow}@keyframes tutorial-arrow-flow{to{stroke-dashoffset:-28px}}@media (prefers-reduced-motion:reduce){.tutorial-arrow__path{animation:none}}.controls{align-items:center;gap:var(--space-3);flex-direction:row;flex:1;min-width:0;display:flex}.btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-thin) solid var(--surface-glass-active);background:var(--surface-glass-hover);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.btn:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong)}.btn:active:not(:disabled){transform:scale(.95)}.btn:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.btn--new-puzzle{border-color:var(--color-accent-border);color:var(--color-accent);font-weight:var(--weight-bold);background:linear-gradient(135deg,#fbbf2433 0%,#f4842f26 100%)}.btn--new-puzzle:hover:not(:disabled){border-color:var(--color-accent);background:linear-gradient(135deg,#fbbf2459 0%,#f4842f40 100%);box-shadow:0 0 12px #fbbf2426}.controls__actions{align-items:center;gap:var(--space-2);flex-direction:row;flex:none;margin-left:auto;display:flex}.icon-btn{background:var(--surface-glass);border:var(--border-thin) solid var(--surface-glass-active);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong);color:var(--text-primary)}.icon-btn:active:not(:disabled){transform:scale(.93)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.icon-btn--hint{color:var(--color-success);background:var(--color-success-muted);border-color:var(--color-success-border)}.icon-btn--hint:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:#4ade8033}.icon-btn--hint.icon-btn--active{border-color:var(--color-success);background:#4ade8038;box-shadow:0 0 10px #4ade8040}.icon-btn__badge{min-width:15px;height:15px;padding:0 var(--space-2);background:var(--color-success);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-pill);border:1.5px solid var(--surface-bg-raised);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0006}@media (width>=640px){.btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base)}.difficulty-dropdown__trigger{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.icon-btn{border-radius:var(--radius-md);width:38px;height:38px}.icon-btn svg{width:20px;height:20px}.controls__actions{gap:var(--space-3)}}.hint-panel{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:var(--border-thick) solid var(--color-success-border);animation:slide-down var(--duration-base) ease;background:#0f2819e6;flex-direction:column;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-panel--level-2{border-bottom-color:#fbbf2480}.hint-panel--level-3{border-bottom-color:#ef444480}.hint-panel__header{justify-content:space-between;align-items:center;display:flex}.hint-panel__badge{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-success)}.hint-panel--level-2 .hint-panel__badge{color:var(--color-accent)}.hint-panel--level-3 .hint-panel__badge{color:var(--color-danger)}.hint-panel__close{color:var(--text-tertiary);font-size:var(--text-xl);line-height:var(--leading-tight);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:0 0;border:none}.hint-panel__close:hover{color:var(--text-primary)}.hint-panel__text{font-size:var(--text-md);color:var(--text-primary);line-height:var(--leading-normal);margin:0}.status-banner{padding:var(--space-3) var(--space-5);font-size:var(--text-md);font-weight:var(--weight-semibold);animation:slide-down var(--duration-base) ease;justify-content:space-between;align-items:center;display:flex}.status-banner--success{color:var(--color-success);border-bottom:var(--border-thick) solid #22c55e66;background:#22c55e33}.status-banner--error{background:var(--color-danger-muted);color:var(--color-danger);border-bottom:var(--border-thick) solid #ef444459}.status-banner__close{color:inherit;font-size:var(--text-xl);opacity:.7;padding:var(--space-1) var(--space-3);line-height:var(--leading-tight);border-radius:var(--radius-sm);background:0 0;border:none}.status-banner__close:hover{opacity:1}.victory-overlay{z-index:var(--z-overlay);background:var(--surface-scrim);-webkit-backdrop-filter:blur(5px);animation:victory-overlay-in var(--duration-base) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes victory-overlay-in{0%{opacity:0}to{opacity:1}}.victory-confetti{pointer-events:none;z-index:var(--z-overlay);position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:var(--radius-sm);will-change:transform, opacity;animation:linear forwards confetti-fall;position:absolute;top:-16px}.confetti-piece--circle{border-radius:var(--radius-full)}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)}80%{opacity:1}to{transform:translateX(var(--drift,0px)) translateY(110vh) rotate(var(--end-rot,360deg));opacity:0}}.victory-modal{background:var(--gradient-surface);border:1.5px solid var(--color-accent-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8) var(--space-8);text-align:center;width:92vw;max-width:380px;animation:victory-modal-in var(--duration-slow) var(--ease-spring);position:relative;box-shadow:0 30px 70px #000000a6,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14}@keyframes victory-modal-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.victory-modal__dismiss{top:var(--space-4);right:var(--space-5);color:var(--text-disabled);font-size:var(--text-2xl);line-height:var(--leading-tight);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;position:absolute}.victory-modal__dismiss:hover{color:var(--text-secondary)}.victory-modal__message{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:var(--weight-bold);line-height:var(--leading-snug);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-diff-hard) 50%, var(--color-tile-red) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-7);letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text}.victory-modal__stats{margin-bottom:var(--space-8);border:var(--border-thin) solid var(--stroke-subtle);border-radius:var(--radius-lg);background:#ffffff0a;justify-content:center;align-items:stretch;gap:0;display:flex;overflow:hidden}.victory-stat{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);flex-direction:column;flex:1;display:flex}.victory-stat--divider{background:var(--stroke-subtle);flex:0 0 1px;padding:0}.victory-stat__icon{font-size:var(--text-2xl);line-height:var(--leading-tight)}.victory-stat__value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.victory-stat__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-disabled)}.diff-icon{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px;display:inline-block}.diff-icon--easy{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.diff-icon--medium{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.diff-icon--hard{background:var(--color-diff-hard);box-shadow:0 0 8px var(--color-diff-hard)}.diff-icon--extra_hard{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.victory-modal__actions{gap:var(--space-3);flex-direction:column;display:flex}.victory-btn{width:100%;padding:var(--space-5) var(--space-7);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);border:1.5px solid var(--stroke);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;touch-action:pan-y;position:relative;overflow:hidden}.victory-btn:after{content:"";border-radius:var(--radius-pill) var(--radius-pill) 0 0;pointer-events:none;background:#ffffff2e;height:50%;position:absolute;top:0;left:0;right:0}.victory-btn--new{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-strong) 100%);color:var(--text-primary);animation:2s ease-in-out .6s infinite btn-new-pulse;box-shadow:0 6px 20px #22c55e73,0 0 0 4px #4ade8026}@keyframes btn-new-pulse{0%,to{box-shadow:0 6px 20px #22c55e73,0 0 0 4px #4ade8026}50%{box-shadow:0 8px 28px #22c55ea6,0 0 0 12px #4ade8014}}.victory-btn--harder{background:var(--gradient-danger);color:var(--text-primary);box-shadow:0 6px 18px #ef444466}.victory-btn--review{justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface-glass);color:var(--text-secondary);border-color:var(--stroke-subtle);display:inline-flex}.victory-btn--review:after{display:none}.victory-btn:hover{transform:translateY(-2px)scale(1.02)}.victory-btn:active{transform:scale(.97)}.victory-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.pause-screen{min-height:0;padding:var(--space-6);background:var(--surface-scrim);-webkit-backdrop-filter:blur(5px);animation:victory-overlay-in var(--duration-base) ease;flex:auto;justify-content:center;align-items:center;display:flex}.pause-screen__card{text-align:center;width:92vw;max-width:360px;padding:var(--space-8);background:var(--gradient-surface);border:1.5px solid var(--color-accent-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);animation:victory-modal-in var(--duration-slow) var(--ease-spring);flex-direction:column;align-items:center;display:flex}.pause-screen__icon{width:72px;height:72px;margin-bottom:var(--space-5);border-radius:var(--radius-full);color:var(--color-accent);background:var(--surface-glass);border:var(--border-thin) solid var(--color-accent-border);justify-content:center;align-items:center;display:flex}.pause-screen__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-primary)}.pause-screen__message{margin:0 0 var(--space-7);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.pause-screen__resume{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-primary);width:auto;min-width:168px;color:var(--text-primary);border-color:var(--stroke);display:inline-flex}.challenge-result__columns{gap:var(--space-4);margin:var(--space-3) 0 var(--space-2);grid-template-columns:1fr 1fr;display:grid}.challenge-result__col{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);border:var(--border-thin) solid var(--stroke-subtle);background:#ffffff0a;flex-direction:column;display:flex}.challenge-result__col--you{background:var(--color-accent-muted);border-color:var(--color-accent-border)}.challenge-result__avatar{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);border:var(--border-thick) solid var(--stroke)}.challenge-result__col--you .challenge-result__avatar{border-color:var(--color-accent)}.challenge-result__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.challenge-result__col--you .challenge-result__name{color:var(--color-accent)}.challenge-result__stat-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-2)}.challenge-result__stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.challenge-result__stat-value--winner{color:var(--color-success)}.victory-modal__challenge{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-thin) solid var(--stroke-subtle);width:100%}.victory-btn--challenge{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-special);color:var(--text-primary);width:100%;display:inline-flex;box-shadow:0 6px 18px #8b5cf666}.victory-challenge__status{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);display:block}.victory-challenge__share{gap:var(--space-3);flex-direction:column;display:flex}.victory-challenge__url{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--stroke);color:var(--text-primary);font-size:var(--text-xs);box-sizing:border-box;background:#0000004d;font-family:monospace}.victory-challenge__buttons{gap:var(--space-3);display:flex}.victory-btn--copy,.victory-btn--share{background:var(--surface-glass-active);color:var(--text-primary);border:var(--border-thin) solid var(--stroke);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);flex:1}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.app{background:var(--surface-board);touch-action:pan-y;overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-board-area:before,.app-hand-area:before{content:"";width:20px;z-index:var(--z-raised);touch-action:none;pointer-events:auto;position:absolute;top:0;bottom:0;left:0}.app-header{align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + var(--safe-top)) var(--space-3) var(--space-3);background:var(--gradient-surface);border-bottom:1.5px solid var(--color-accent-border);z-index:var(--z-raised);box-shadow:var(--shadow-2);touch-action:pan-y;overscroll-behavior:none;flex-direction:row;flex:none;display:flex}.app-header--puzzle{position:relative}.app-header__center{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-header__group{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.header-stats{z-index:var(--z-raised);align-items:center;gap:var(--space-3);display:flex;position:relative}.header-stat{align-items:center;gap:var(--space-1);color:var(--text-secondary);display:inline-flex}.header-stat__value{font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);min-width:2ch}.app-title{font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;line-height:var(--leading-tight);white-space:nowrap;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-diff-hard) 50%, var(--color-tile-red) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fbbf2459);-webkit-background-clip:text;background-clip:text;margin:0}.my-challenges{padding:var(--space-8) var(--space-4);flex-direction:column;display:flex;overflow:hidden!important}.my-challenges__viewport{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.my-challenges--centered .my-challenges__viewport{justify-content:center}.my-challenges__list{gap:var(--space-3);flex-direction:column;max-width:520px;margin:0 auto;padding:0;list-style:none;display:flex}.my-challenges__item{background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);width:100%;padding:var(--space-4);text-align:left;cursor:pointer;gap:var(--space-3);color:inherit;flex-direction:column;font-family:inherit;display:flex}.my-challenges__item:hover{background:var(--surface-glass-hover);border-color:var(--color-accent-border)}.my-challenges__item-main{align-items:center;gap:var(--space-4);font-size:var(--text-base);font-weight:var(--weight-bold);display:flex}.my-challenges__difficulty{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.my-challenges__difficulty--easy{background:var(--color-success-muted);color:var(--color-success)}.my-challenges__difficulty--medium{background:var(--color-accent-muted);color:var(--color-accent)}.my-challenges__difficulty--hard{color:var(--color-diff-hard);background:#f4842f26}.my-challenges__difficulty--extra_hard{background:var(--color-danger-muted);color:var(--color-danger)}.my-challenges__role{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.my-challenges__opponent{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);min-width:0;display:inline-flex}.my-challenges__opponent--none{color:var(--text-tertiary)}.my-challenges__opponent-vs{color:var(--text-tertiary);font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.my-challenges__opponent-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.my-challenges__opponent-name{white-space:nowrap;text-overflow:ellipsis;max-width:8em;overflow:hidden}.my-challenges__outcome{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0;margin-left:auto}.my-challenges__outcome--win{background:var(--color-success-muted);color:var(--color-success)}.my-challenges__outcome--loss{background:var(--color-danger-muted);color:var(--color-danger)}.my-challenges__outcome--tie{background:var(--color-accent-muted);color:var(--color-accent)}.my-challenges__outcome--pending{color:var(--text-tertiary);background:#ffffff0f}.my-challenges__opp-stats{color:var(--text-tertiary)}.my-challenges__item-stats{gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);font-variant-numeric:tabular-nums;display:flex}.my-challenges__date{margin-left:auto}.challenge-setup-share{padding:var(--space-7) var(--space-5);align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}.challenge-setup-share__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.challenge-setup-share__difficulty{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.diff-picker{padding:var(--space-7) var(--space-5);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.diff-picker>.diff-picker__back{bottom:var(--space-7);margin:0;position:absolute;left:50%;transform:translate(-50%)}.diff-picker__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-5);text-align:center}.diff-picker__buttons{column-gap:var(--space-3);row-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto auto auto minmax(3.5em,auto);width:100%;max-width:340px;display:grid}.diff-picker__btn{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;column-gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md);border:var(--border-thick) solid var(--stroke-strong);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;text-align:left;font-family:inherit;display:grid;position:relative}.diff-picker__btn>*{z-index:1;position:relative}.diff-picker__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.diff-picker__btn--easy{background:var(--gradient-diff-easy);box-shadow:0 4px 14px var(--color-success-border)}.diff-picker__btn--medium{background:var(--gradient-diff-medium);box-shadow:0 4px 14px var(--color-warning-border)}.diff-picker__btn--hard{background:var(--gradient-diff-hard);box-shadow:0 4px 14px var(--color-diff-hard-border)}.diff-picker__btn--extra_hard{background:var(--gradient-diff-xhard);box-shadow:0 4px 14px var(--color-danger-border)}.diff-picker__btn--completed:before{content:"";border-radius:inherit;pointer-events:none;background:#0006;position:absolute;inset:0}.diff-picker__btn--completed>.diff-picker__label,.diff-picker__btn--completed>.diff-picker__cell--rank,.diff-picker__btn--completed>.diff-picker__cell--moves,.diff-picker__btn--completed>.diff-picker__cell--time{opacity:.6}.diff-picker__label{flex-direction:column;min-width:0;display:flex}.diff-picker__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.diff-picker__btn--invite{flex-direction:column;align-items:stretch;display:flex}.diff-picker__btn--invite .diff-picker__label{flex:1}.diff-picker__btn--challenge{grid-template-columns:minmax(0,1fr) auto auto}.diff-picker__medal{align-items:center;display:inline-flex}.diff-picker__cell{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.diff-picker__cell--medal{grid-template-columns:1rem 1rem 1rem;justify-items:center;display:inline-grid}.diff-picker__cell--medal .diff-picker__ribbon{grid-column:1}.diff-picker__medal--trophy{grid-column:2}.diff-picker__medal--plate{grid-column:3}.diff-picker__cell--moves,.diff-picker__cell--time{opacity:.9}.diff-picker__rank{padding:2px var(--space-3);border-radius:var(--radius-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);background:#00000047;border:1px solid #ffffff38;align-items:baseline;display:inline-flex}.diff-picker__rank-of{opacity:.7;font-weight:var(--weight-semibold);margin-left:2px}.diff-picker__progress{justify-self:end;align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);background:#00000047;border:1px solid #ffffff38;grid-column:2/-1;display:inline-flex}.diff-picker__progress svg{color:var(--color-accent)}.diff-picker__crown{color:var(--color-accent);align-items:center;display:inline-flex}.diff-picker__rank--leading{color:var(--color-accent);border-color:var(--color-accent-border)}.admire-btn{align-items:center;gap:var(--space-2);margin:var(--space-4) auto 0;padding:var(--space-3) var(--space-5);background:var(--color-accent-muted);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);font-family:inherit;display:inline-flex}.admire-btn:hover{border-color:var(--color-accent);color:var(--text-primary);background:#fbbf2433}.daily-summary__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.daily-summary__actions .admire-btn{margin:var(--space-4) 0 0}.beat-banner{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-3) auto 0;max-width:520px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-muted);color:var(--text-primary);font-size:var(--text-sm);display:flex}.beat-banner svg{color:var(--color-accent);flex-shrink:0}.beat-card__avatar{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);border:2px solid var(--color-accent-border)}.beat-card__avatar.avatar-initial{font-size:var(--text-xl)}.beat-card__friend-note{align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0;display:inline-flex}.beat-card__friend-callout{align-items:center;gap:var(--space-3);background:var(--color-accent-muted);border-left:2px solid var(--color-accent-border);width:100%;padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);border-radius:0;line-height:1.4;display:flex}.beat-card__secondary{font-size:var(--text-sm)}.victory-modal__admire{margin-top:var(--space-3);align-self:center}.victory-modal__exit{margin:var(--space-5) auto 0;padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;display:block}.victory-modal__exit:hover{color:var(--text-secondary)}.admire-view__title{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.replay-view .app-header .controls{flex:none}.admire-view .app-hand-area{padding-bottom:0}.admire-view__replay-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-muted);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);color:var(--color-accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);flex-shrink:0;margin-left:auto;display:inline-flex}.admire-view__replay-btn:hover{border-color:var(--color-accent);color:var(--text-primary);background:#fbbf2433}.admire-view__readonly{pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex}.replay-completion__sub{margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-3);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.replay-controls{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--gradient-surface);border-top:1.5px solid var(--color-accent-border);display:flex;box-shadow:0 -4px 16px #00000059}.replay-controls__step{text-align:center;min-width:6.5em;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--text-secondary);padding:0 var(--space-3)}.diff-picker__back{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-5);text-decoration:none}.diff-picker__back:hover{color:var(--color-accent)}.signin-screen{padding:var(--space-7);background:var(--surface-bg);background:var(--gradient-surface-hero);z-index:var(--z-toast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signin-screen__card{width:100%;max-width:380px;padding:var(--space-8) var(--space-7);background:var(--surface-glass);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-4)}.signin-screen__title{margin:0 0 var(--space-3);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-diff-hard) 50%, var(--color-tile-red) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fbbf2466);-webkit-background-clip:text;background-clip:text}.signin-screen__tagline{margin:0 0 var(--space-7);color:var(--text-secondary);font-size:var(--text-base)}.signin-screen__btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:50px;padding:var(--space-4) var(--space-6);background:var(--gradient-diff-easy);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:none;display:flex;box-shadow:0 6px 20px #22c55e66}.signin-screen__btn+.signin-screen__btn{margin-top:var(--space-3)}.signin-screen__btn:hover:not(:disabled){transform:translateY(-1px)}.signin-screen__btn:disabled{opacity:.5;cursor:wait}.signin-screen__btn--apple{color:#fff;letter-spacing:-.01em;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;box-shadow:0 4px 14px #00000080}.signin-screen__btn--apple:hover:not(:disabled){background:#1a1a1a}.signin-screen__btn--google{background:var(--gradient-diff-easy)}.signin-screen__error{margin:var(--space-3) 0 0;color:var(--color-tile-red,#ef4444);font-size:var(--text-sm);text-align:center}.signin-screen__hint{margin:var(--space-5) 0 0;color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-normal)}.signin-screen__privacy-link{margin-top:var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs);text-align:center;opacity:.7;text-decoration:underline;display:block}.signin-screen__btn--dev{margin-top:var(--space-4);background:var(--surface-glass);border:var(--border-thin) dashed var(--stroke-strong);color:var(--text-secondary);box-shadow:var(--shadow-0);font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:unset}.signin-screen__btn--dev:hover:not(:disabled){background:var(--surface-glass-active);color:var(--text-primary)}.signin-screen__divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);display:flex}.signin-screen__divider:before,.signin-screen__divider:after{content:"";height:var(--border-thin);background:var(--stroke-subtle);flex:1}.signin-screen__form{gap:var(--space-3);flex-direction:column;display:flex}.signin-screen__field{box-sizing:border-box;width:100%;padding:var(--space-4) var(--space-4);font:inherit;font-size:var(--text-md);color:var(--text-primary);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard)}.signin-screen__field::placeholder{color:var(--text-tertiary)}.signin-screen__field:focus{border-color:var(--color-accent-border);background:var(--surface-glass-hover);outline:none}.signin-screen__btn--email{background:var(--surface-glass);border:var(--border-thin) solid var(--color-accent-border);color:var(--text-primary);box-shadow:var(--shadow-0)}.signin-screen__btn--email:hover:not(:disabled){background:var(--surface-glass-hover)}.signin-screen__form-links{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.signin-screen__link-btn{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.signin-screen__link-btn:hover:not(:disabled){color:var(--text-primary)}.signin-screen__link-btn:disabled{opacity:.5;cursor:default}.signin-screen__notice{margin:var(--space-3) 0 0;color:var(--color-accent);font-size:var(--text-sm);text-align:center}.signin-screen__verify-copy{margin-top:var(--space-5);margin-bottom:var(--space-6)}.delete-account__password{margin-top:var(--space-4)}.tutorial-card{text-align:center;max-width:380px}.tutorial-card__step{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);margin-bottom:var(--space-2)}.tutorial-card__intro{margin:var(--space-3) 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.tutorial-card__bullets{margin:0 0 var(--space-4);gap:var(--space-3);text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.tutorial-card__bullets li{padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);position:relative}.tutorial-card__bullets li:before{content:"•";color:var(--color-accent);font-weight:var(--weight-bold);position:absolute;top:0;left:0}.tutorial-card__bullet-term{color:var(--color-accent);font-weight:var(--weight-bold)}.tutorial-card__bullet-def{color:var(--text-secondary)}.tutorial-skip-btn{background:var(--surface-glass-hover);color:var(--text-secondary);border:1px solid var(--stroke);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);cursor:pointer}.tutorial-skip-btn:hover{background:var(--surface-glass-active);color:var(--text-primary)}.daily-summary{padding:0 var(--space-5) var(--space-7);text-align:center;flex-direction:column;align-items:center;height:100%;display:flex;overflow-y:auto}.daily-summary__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.daily-summary__title--celebrate{font-size:var(--text-2xl)}.daily-summary__streak{margin-top:var(--space-3)}.diff-dots{gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);justify-content:center;align-items:center;display:flex}.diff-dots__dot{border-radius:var(--radius-full);background:var(--text-tertiary);cursor:pointer;width:7px;height:7px;transition:background var(--duration-fast) ease, transform var(--duration-moderate) var(--ease-decelerate);touch-action:pan-y;-webkit-tap-highlight-color:transparent;border:none;padding:0}.diff-dots__dot--active{background:var(--diff-color,var(--color-accent));cursor:default;pointer-events:none;transform:scale(1.57)}.daily-summary__link{color:var(--color-accent);font-size:var(--text-base);margin-top:var(--space-6);text-decoration:none}.daily-summary__link:hover{color:var(--text-primary)}.daily-summary__panel{flex-direction:column;align-items:center;width:100%;display:flex}.daily-summary__panel--left{animation:.22s lb-slide-from-right}.daily-summary__panel--right{animation:.22s lb-slide-from-left}@keyframes lb-slide-from-right{0%{opacity:.2;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes lb-slide-from-left{0%{opacity:.2;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.date-nav{z-index:var(--z-sticky);width:100%;max-width:420px;margin:0 auto var(--space-5);padding:var(--space-3) var(--space-3) var(--space-4);background:linear-gradient(to bottom, var(--surface-board) 75%, #1a5c3800);justify-content:center;align-items:center;display:flex;position:sticky;top:0}.daily-summary>.date-nav{padding-top:calc(var(--space-7) + var(--space-3))}.date-nav__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;font-family:inherit;display:inline-flex}.date-nav__trigger:hover{background:var(--surface-glass)}.date-nav__trigger--past{color:var(--text-secondary);font-weight:var(--weight-regular)}.date-nav__trigger--open{background:var(--surface-glass);color:var(--text-primary)}.date-nav__date{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.date-nav__caret{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-decelerate);align-items:center;display:inline-flex}.date-nav__caret--open{color:var(--color-accent);transform:rotate(180deg)}.date-nav__popover{z-index:var(--z-dropdown);margin-top:var(--space-1);background:var(--surface-board);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);padding:var(--space-3);width:min(320px, calc(100vw - var(--space-6)));animation:cal-pop-in .14s var(--ease-decelerate);position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}@keyframes cal-pop-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.cal__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.cal__nav{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.cal__nav:hover:not(:disabled){background:var(--surface-glass);color:var(--color-accent)}.cal__nav:disabled{opacity:.25;cursor:default}.cal__title{text-align:center;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);flex:auto}.cal__weekdays{margin-bottom:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.cal__weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);padding:var(--space-1) 0}.cal__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal__cell{aspect-ratio:1;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-regular);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.cal__cell:hover:not(:disabled):not(.cal__cell--selected){background:var(--surface-glass);color:var(--color-accent)}.cal__cell--pad{cursor:default;pointer-events:none}.cal__cell--disabled{color:var(--text-tertiary);opacity:.3;cursor:default}.cal__cell--today{border-color:var(--color-accent-border);font-weight:var(--weight-bold)}.cal__cell--selected{background:var(--color-accent);color:var(--text-on-accent,#fff);font-weight:var(--weight-bold);cursor:default}.cal__cell--selected.cal__cell--today{border-color:var(--color-accent)}.cal__progress{pointer-events:none;gap:2px;width:62%;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal__progress-seg{border-radius:var(--radius-sm);background:var(--stroke-subtle);flex:1;height:3px}.cal__progress-seg--easy.is-on{background:var(--color-diff-easy)}.cal__progress-seg--medium.is-on{background:var(--color-diff-medium)}.cal__progress-seg--hard.is-on{background:var(--color-diff-hard)}.cal__progress-seg--extra_hard.is-on{background:var(--color-diff-xhard)}.cal__cell--selected .cal__progress-seg--easy.is-on{background:var(--color-diff-easy-end)}.cal__cell--selected .cal__progress-seg--medium.is-on{background:var(--color-diff-medium-end)}.cal__cell--selected .cal__progress-seg--hard.is-on{background:var(--color-diff-hard-end)}.cal__cell--selected .cal__progress-seg--extra_hard.is-on{background:var(--color-diff-xhard-end)}.cal__footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-accent-border);justify-content:center;display:flex}.cal__today-btn{padding:var(--space-2) var(--space-5);background:var(--color-accent-muted);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;font-family:inherit}.cal__today-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--text-primary);background:#fbbf2433}.cal__today-btn:disabled{opacity:.4;cursor:default}.past-landing{width:100%;max-width:420px;margin:var(--space-6) auto 0;padding:var(--space-8) var(--space-6);background:var(--surface-glass);border:1px solid var(--color-accent-border);border-top:3px solid var(--diff-color,var(--color-accent));border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;display:flex}.past-landing__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-tertiary);margin-bottom:var(--space-3)}.past-landing__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--diff-color,var(--color-accent));margin-bottom:var(--space-4);line-height:1.1}.past-landing__copy{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6);max-width:28ch;line-height:1.5}.past-landing__cta{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-7);background:var(--diff-color,var(--color-accent));border:var(--border-thin) solid var(--diff-color,var(--color-accent));border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:filter var(--duration-fast), transform var(--duration-fast);font-family:inherit;display:inline-flex}.past-landing__cta:hover{filter:brightness(1.1)}.past-landing__cta:active{transform:translateY(1px)}.leaderboard{width:100%;max-width:var(--container-tablet);margin:var(--space-6) auto 0;padding:var(--space-5);background:var(--surface-glass);border:1px solid var(--color-accent-border);border-radius:var(--radius-md)}.leaderboard__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);margin-bottom:var(--space-2);text-align:center}.leaderboard__subtitle{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-4)}.leaderboard__subtitle--complete{color:var(--color-accent)}.leaderboard__loading{text-align:center;color:var(--text-tertiary);font-size:var(--text-base);margin-top:var(--space-5)}.leaderboard__empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-normal);padding:var(--space-5) var(--space-3);max-width:32ch;margin:0 auto}.leaderboard__sort{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.leaderboard__sort-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--stroke-subtle);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);background:0 0;display:inline-flex}.leaderboard__sort-btn:hover:not(.leaderboard__sort-btn--active){background:var(--surface-glass-hover);color:var(--text-secondary)}.leaderboard__sort-btn--active{background:var(--color-accent-muted);border-color:var(--color-accent-border);color:var(--color-accent)}.leaderboard__list{column-gap:var(--space-3);row-gap:var(--space-2);grid-template-columns:24px 28px minmax(0,1fr) auto auto minmax(4.25em,auto);margin:0;padding:0;list-style:none;display:grid}.leaderboard__row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;column-gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);display:grid}.leaderboard__row--me{background:var(--color-accent-muted);border:1px solid var(--color-accent-border)}.leaderboard__rank{font-weight:var(--weight-bold);color:var(--text-tertiary);text-align:center;font-variant-numeric:tabular-nums}.leaderboard__row--me .leaderboard__rank{color:var(--color-accent)}.avatar-initial{color:var(--text-primary);font-weight:var(--weight-bold);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.avatar-initial--muted{background:var(--surface-glass-hover);color:var(--text-tertiary)}.leaderboard__avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full)}.leaderboard__avatar--initial{color:var(--text-primary);font-weight:var(--weight-bold);font-size:var(--text-sm);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.leaderboard__avatar.avatar-initial{font-size:var(--text-sm)}.leaderboard__avatar--friend{box-shadow:0 0 0 2px var(--color-accent-border)}.friends-banner{align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;max-width:420px;margin:var(--space-5) auto 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-muted);display:flex}.friends-banner__body{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:flex}.friends-banner__avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);flex-shrink:0}.friends-banner__avatar.avatar-initial{font-size:var(--text-sm)}.friends-banner__text{min-width:0;font-size:var(--text-sm)}.friends-banner__dismiss{padding:var(--space-1);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;display:inline-flex}.friends-banner__dismiss:hover{color:var(--text-primary)}.leaderboard__name{font-weight:var(--weight-semibold);align-items:center;min-width:0;display:flex}.leaderboard__name-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.leaderboard__streak-cell{align-items:center;display:flex}.leaderboard__streak{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-diff-hard);border-radius:var(--radius-md);padding:1px var(--space-3);font-variant-numeric:tabular-nums;background:#f4842f24;border:1px solid #f4842f59}.streak-badge{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);color:var(--color-diff-hard);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-3);font-variant-numeric:tabular-nums;vertical-align:middle;background:#f4842f24;border:1px solid #f4842f59;display:inline-flex}.leaderboard__row--me .leaderboard__name{color:var(--color-accent)}.leaderboard__stat{font-variant-numeric:tabular-nums;color:var(--text-secondary);align-items:center;gap:var(--space-2);display:inline-flex}.leaderboard__icon{font-size:var(--text-sm);opacity:.6}.leaderboard__par{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--stroke-subtle);font-size:var(--text-xs);color:var(--text-disabled);display:flex}.leaderboard__par svg{color:var(--color-accent);flex:none}.leaderboard__par strong{color:var(--text-tertiary);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.leaderboard__row--challengeable{cursor:pointer}.leaderboard__row--challengeable:hover{background:#8b5cf614}.friend-item{align-items:center;gap:var(--space-4);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex}.friend-item__link{align-items:center;gap:var(--space-4);min-width:0;color:inherit;border-radius:var(--radius-md);flex:1;text-decoration:none;display:flex}.friend-item__link:hover .friend-item__name,.friend-item__link:focus-visible .friend-item__name{color:var(--color-accent)}.friend-item__avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);border:1.5px solid #fbbf2466;flex-shrink:0}.friend-item__avatar.avatar-initial{font-size:var(--text-base)}.friend-item__main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.friend-item__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend-item__date{font-size:var(--text-xs);color:var(--text-tertiary)}.friends-search{width:100%;max-width:520px;margin:0 auto var(--space-3)}.friends-search__input{box-sizing:border-box;width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-md);color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast), background var(--duration-fast)}.friends-search__input::placeholder{color:var(--text-tertiary)}.friends-search__input:focus{border-color:var(--color-accent-border);background:var(--surface-glass-hover);outline:none}.friend-item__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.friend-item__challenge{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);background:var(--color-accent-muted);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;display:inline-flex}.friend-item__challenge:hover{background:var(--surface-glass-active);color:var(--color-accent)}.friend-item__remove{background:var(--color-danger-muted);border:var(--border-thin) solid var(--color-danger-border);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:inline-flex}.friend-item__remove:hover{color:var(--text-primary);background:#ef444438}.friend-picker{gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--stroke-subtle);flex-direction:column;display:flex}.friend-picker__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary)}.friend-picker__list{gap:var(--space-2);flex-direction:column;max-height:140px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.friend-picker__item{align-items:center;gap:var(--space-3);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);display:flex}.friend-picker__item--checked{background:var(--color-accent-muted);border-color:var(--color-accent-border)}.friend-picker__item input[type=checkbox]{accent-color:var(--color-accent);margin:0}.friend-picker__avatar{border-radius:var(--radius-full);width:22px;height:22px}.friend-picker__name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.back-btn{width:var(--avatar-sm);height:var(--avatar-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.back-btn svg{width:18px;height:18px}.back-btn:hover{color:var(--color-accent)}.tab-bar{background:var(--gradient-surface);border-top:1px solid var(--color-accent-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-sticky);grid-template-columns:1fr 1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar__tab{align-items:center;gap:var(--space-1);padding:var(--space-3) 0 var(--space-3);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;font-family:inherit;display:flex}.tab-bar__tab--active{color:var(--color-accent);border-top-color:var(--color-accent)}.tab-bar__tab:hover:not(.tab-bar__tab--active){color:var(--text-secondary)}.tab-bar__icon{font-size:var(--text-xl);line-height:var(--leading-tight)}.tab-bar__label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.app--with-tab-bar{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px))}.challenge-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);background:var(--color-accent-muted);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);white-space:nowrap}.difficulty-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);white-space:nowrap;border:1px solid}.difficulty-badge--easy{color:var(--color-success);background:var(--color-success-muted);border-color:var(--color-success-border)}.difficulty-badge--medium{color:var(--color-warning);background:var(--color-warning-muted);border-color:var(--color-warning-border)}.difficulty-badge--hard{color:var(--color-diff-hard);background:var(--color-diff-hard-muted);border-color:var(--color-diff-hard-border)}.difficulty-badge--xhard{color:var(--color-danger);background:var(--color-danger-muted);border-color:var(--color-danger-border)}.challenge-headline{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:inline-flex}.challenge-headline__expiry{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);padding-left:var(--space-1);white-space:nowrap}.user-menu{flex-shrink:0;margin-left:auto;position:relative}.user-menu__signin{background:var(--surface-glass-hover);border:1px solid var(--stroke);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;letter-spacing:var(--tracking-wide)}.user-menu__signin:hover{background:var(--surface-glass-active);color:var(--text-primary)}.user-menu__avatar-btn{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:0;display:flex;position:relative}.user-menu__avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);font-size:var(--text-sm);border:1.5px solid #fbbf2480;box-shadow:0 0 6px #fbbf2433}.user-menu__dropdown{background:var(--surface-bg-raised);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);min-width:140px;box-shadow:var(--shadow-3);z-index:var(--z-dropdown);flex-direction:column;display:flex;position:fixed}.user-menu__name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu__badge{min-width:16px;height:16px;padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--color-danger);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center;box-shadow:0 0 0 2px var(--surface-bg-raised);font-variant-numeric:tabular-nums;line-height:16px;position:absolute;top:-4px;right:-4px}.user-menu__friend-dot{border-radius:var(--radius-full);background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface-bg-raised);position:absolute;bottom:-2px;right:-2px}.user-menu__new-chip{margin-left:var(--space-2);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);display:inline-block}.user-menu__notifs{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--stroke-subtle);margin-bottom:var(--space-2);flex-direction:column;max-width:240px;display:flex}.user-menu__notifs-title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);padding:var(--space-1) 0}.user-menu__notif{align-items:center;gap:var(--space-3);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;color:inherit;text-align:left;background:#fbbf2414;font-family:inherit;display:flex}.user-menu__notif:hover{background:#fbbf2426}.user-menu__notif-avatar{border-radius:var(--radius-full);width:22px;height:22px;font-size:var(--text-xs);flex-shrink:0}.user-menu__notif-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug);flex-direction:column;display:flex;overflow:hidden}.user-menu__notif-sender{font-weight:var(--weight-bold);color:var(--color-accent)}.user-menu__notif-challenge{font-weight:var(--weight-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.user-menu__notif-time{font-size:var(--text-xs);color:var(--text-tertiary)}.user-menu__link{background:var(--surface-glass-hover);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);text-align:center;border:1px solid #ffffff1a;text-decoration:none;display:block}.user-menu__link:hover{background:var(--surface-glass-active);color:var(--text-primary)}.user-menu__signout{background:var(--surface-glass-hover);border:1px solid var(--surface-glass-active);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:center}.user-menu__signout:hover{background:var(--surface-glass-active);color:var(--text-primary)}.user-menu__delete{background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:center}.user-menu__delete:hover{background:var(--color-danger);color:var(--text-primary)}.app-board-area{touch-action:pan-y;overscroll-behavior:none;background: repeating-linear-gradient(0deg, transparent, transparent 59px, #0000000f 59px, #0000000f 60px),  repeating-linear-gradient(135deg, transparent, transparent 3px, #00000004 3px, #00000004 6px),  var(--gradient-board);flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 -8px 16px #0003;container-type:size}.invalid-vignette{z-index:var(--z-dropdown);pointer-events:none;animation:.6s ease-out forwards vignette-flash;position:fixed;inset:0}@keyframes vignette-flash{0%{box-shadow:inset 0 0 80px 30px #ef444480}to{box-shadow:inset 0 0 80px 30px #ef444400}}.app-hand-area{background:var(--surface-hand);border-top:2px solid var(--stroke-subtle);min-height:56px;z-index:var(--z-raised);overscroll-behavior:none;padding-bottom:calc(var(--safe-bottom) * 1.2);background:repeating-linear-gradient(45deg, transparent, transparent 4px, #ffffff03 4px, #ffffff03 8px), var(--surface-hand);flex-direction:column;flex:none;display:flex;position:relative;box-shadow:0 -4px 16px #00000059}.stats-page{padding:var(--space-4);overflow-y:auto}.stats{gap:var(--space-6);max-width:720px;color:var(--text-primary);flex-direction:column;margin:0 auto;display:flex}.stats__header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-bg-raised);border-radius:var(--radius-lg);display:flex}.stats__avatar{object-fit:cover;background:var(--surface-bg);width:56px;height:56px;font-size:var(--text-2xl);border-radius:50%}.stats__header-text{flex:1;min-width:0}.stats__name{font-weight:var(--weight-bold);font-size:var(--text-lg)}.stats__challenge-cta{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-special);color:var(--text-primary);border-radius:var(--radius-md);font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #8b5cf659}.stats__challenge-cta:hover{background:var(--color-special-strong);filter:brightness(1.05)}.stats__totals{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.stats__section{gap:var(--space-3);flex-direction:column;display:flex}.stats__section-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.stats__subsection-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats__empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--surface-bg-raised);border-radius:var(--radius-md);text-align:center}.stats__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.stats__grid{grid-template-columns:repeat(4,1fr)}}.stats__card{background:var(--surface-bg-raised);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);border-top:3px solid var(--card-accent,var(--text-tertiary));flex-direction:column;display:flex}.stats__card--easy{--card-accent:var(--color-diff-easy)}.stats__card--medium{--card-accent:var(--color-diff-medium)}.stats__card--hard{--card-accent:var(--color-diff-hard)}.stats__card--extra_hard{--card-accent:var(--color-diff-xhard)}.stats__card-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-secondary)}.stats__card-empty{color:var(--text-tertiary);font-size:var(--text-md);text-align:center;padding:var(--space-3) 0}.stats__card-row{align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.stats__card-row--small{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center}.stats__card-num{font-size:var(--text-xl);font-weight:var(--weight-bold)}.stats__card-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats__card-winpct{font-weight:var(--weight-bold);color:var(--text-secondary);margin-left:auto}.stats__card-trophies{gap:var(--space-3);font-variant-numeric:tabular-nums;font-size:var(--text-sm);display:flex}.stats__card-trophies--inline{justify-content:center}.stats__trophy{font-weight:var(--weight-bold);align-items:center;gap:2px;display:inline-flex}.stats__trophy--empty{color:var(--text-tertiary);opacity:.45}.stats__trophy-icon{display:inline-flex}.stats__card-best{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.stats__hero-row{gap:var(--space-3);display:flex}.stats__hero{background:var(--surface-bg-raised);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;flex:1}.stats__hero-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stats__hero-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);font-variant-numeric:tabular-nums;margin:var(--space-1) 0;align-items:center;gap:var(--space-2);display:inline-flex}.stats__hero-icon{display:inline-flex}.stats__hero-sub{font-size:var(--text-xs);color:var(--text-secondary)}.stats__opponents{background:var(--surface-bg-raised);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.stats__opponent-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stats__opponent-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.stats__opponent-row--link:hover,.stats__opponent-row--link:focus-visible,.stats__opponent-row--button:hover,.stats__opponent-row--button:focus-visible{background:#ffffff0a}.stats__opponent-avatar{object-fit:cover;background:var(--surface-bg);border-radius:50%;width:32px;height:32px}.stats__opponent-avatar.avatar-initial{font-size:var(--text-sm)}.stats__opponent-avatar--friend{box-shadow:0 0 0 2px var(--color-accent-border)}.stats__opponent-name{font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.stats__opponent-record{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-3);display:inline-flex}.stats__opponent-games{color:var(--text-tertiary);font-size:var(--text-xs)}.challenge-opponent__body{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-3);flex-direction:column;display:flex}.challenge-opponent__avatar{object-fit:cover;border:2px solid var(--color-special);border-radius:50%;width:64px;height:64px}.challenge-opponent__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center}.challenge-opponent__sub{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;max-width:22em}.delete-account__body{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-5);flex-direction:column;display:flex}.delete-account__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-danger);text-align:center}.delete-account__sub{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;max-width:24em;line-height:var(--leading-snug)}.delete-account__error{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-danger);background:var(--color-danger-muted);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center}.leaderboard__name-link{color:inherit;text-decoration:none}.leaderboard__name-link:hover{text-decoration:underline}.loading-state{justify-content:center;align-items:center;gap:var(--space-5);min-height:100%;padding:var(--space-9) var(--space-6);text-align:center;flex-direction:column;display:flex}.loading-state__art{justify-content:center;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.loading-state__art .tilemark:nth-child(2){z-index:var(--z-raised)}.loading-state__message{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin:0}.loading-state--compact{min-height:0;padding:var(--space-8) var(--space-5);gap:var(--space-4);--loading-bob:7px}.loading-state--compact .loading-state__art{margin-bottom:0}.loading-state--compact .tilemark{width:34px;height:44px;font-size:var(--text-md)}@media (prefers-reduced-motion:no-preference){.loading-state__art .tilemark{animation:loading-tile-bob 1.3s var(--ease-standard) infinite}.loading-state__art .tilemark:first-child{animation-delay:0s}.loading-state__art .tilemark:nth-child(2){animation-delay:.13s}.loading-state__art .tilemark:nth-child(3){animation-delay:.26s}}@keyframes loading-tile-bob{0%,55%,to{transform:translateY(0)}25%{transform:translateY(calc(-1 * var(--loading-bob,12px)))}}.empty-state{justify-content:center;align-items:center;gap:var(--space-5);min-height:100%;padding:var(--space-9) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__art{justify-content:center;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.empty-state__art .tilemark:first-child{transform:rotate(-8deg)translateY(3px)}.empty-state__art .tilemark:nth-child(2){z-index:var(--z-raised);transform:translateY(-5px)}.empty-state__art .tilemark:nth-child(3){transform:rotate(8deg)translateY(3px)}.empty-state__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text-primary);margin:0}.empty-state__message{max-width:32ch;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.empty-state__action{margin-top:var(--space-2)}@media (prefers-reduced-motion:no-preference){.empty-state__art{animation:empty-state-deal var(--duration-slow) var(--ease-decelerate) both}}@keyframes empty-state-deal{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (width>=640px){.app-header{padding:calc(var(--space-4) + var(--safe-top)) var(--space-5) var(--space-4);gap:var(--space-5)}.app-title{font-size:var(--text-xl)}.controls{align-items:center;gap:var(--space-3);flex-direction:row}.controls__level{flex:0 auto}}@media (width>=768px){.app-hand-area{max-height:160px}.app-header{padding:calc(var(--space-4) + var(--safe-top)) var(--space-6) var(--space-4)}.app-board-area .board{max-width:900px}}@media (width>=1024px){.app-board-area{justify-content:center;display:flex}.board{width:100%;max-width:800px}}.ceremony-overlay{z-index:var(--z-overlay);padding:var(--space-5);background:var(--surface-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ceremony-overlay-in var(--duration-moderate) var(--ease-decelerate);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ceremony-modal{background:var(--gradient-surface);border:1px solid var(--color-accent-border);border-top:3px solid var(--color-accent);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;z-index:var(--z-modal);animation:ceremony-modal-in var(--duration-moderate) var(--ease-decelerate);position:relative;box-shadow:0 30px 80px -20px #0009}@keyframes ceremony-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ceremony-modal-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ceremony-modal__close{top:var(--space-4);right:var(--space-4);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.ceremony-modal__close:hover{color:var(--text-primary);background:var(--surface-glass)}.ceremony-modal__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);margin-bottom:var(--space-3)}.ceremony-modal__title{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug);margin:0 0 var(--space-3);display:inline-flex}.ceremony-modal__title svg{color:var(--color-accent)}.ceremony-modal__subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-7)}.ceremony-trophies{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.ceremony-trophies--single{grid-template-columns:minmax(140px,200px);justify-content:center}.ceremony-trophies--quad{grid-template-columns:repeat(2,minmax(0,1fr))}.ceremony-trophy{align-items:stretch;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast) var(--ease-standard);flex-direction:column;font-family:inherit;display:flex}.ceremony-trophy:hover{background:var(--surface-glass-hover);border-color:var(--diff-color,var(--color-accent));transform:translateY(-2px)}.ceremony-trophy:active{transform:scale(.98)}.ceremony-trophy__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.ceremony-trophy__diff{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--diff-color,var(--text-primary));line-height:var(--leading-tight)}.ceremony-trophy__field{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);white-space:nowrap}.ceremony-trophy__awards{gap:var(--space-3);display:flex}.ceremony-award{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.ceremony-award__medal{border-radius:var(--radius-full);background:var(--surface-glass-hover);width:48px;height:48px;color:var(--medal-color,var(--text-tertiary));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--medal-color,transparent) 45%, transparent));justify-content:center;align-items:center;display:inline-flex}.ceremony-award--empty .ceremony-award__medal{filter:none}.ceremony-award--empty .ceremony-award__medal svg{opacity:.4}.ceremony-award__pos{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--medal-color,var(--text-secondary));display:inline-flex}.ceremony-award--empty .ceremony-award__pos{color:var(--text-secondary)}.ceremony-trophy--skipped{opacity:.55;border-style:dashed}.ceremony-trophy--skipped:hover{background:var(--surface-glass);border-color:var(--stroke-subtle);transform:none}.ceremony-challenges{text-align:left;margin-bottom:var(--space-6)}.ceremony-challenges__divider{border:none;border-top:1px solid var(--stroke-subtle);margin:0 0 var(--space-5)}.ceremony-challenges__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ceremony-challenges__head-title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent)}.ceremony-challenges__head-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.ceremony-challenges__list{gap:var(--space-2);display:grid}.ceremony-challenges__row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);text-align:left;transition:background var(--duration-fast), border-color var(--duration-fast);font-family:inherit;display:flex}.ceremony-challenges__row:hover{background:var(--surface-glass-hover);border-color:var(--color-accent-border)}.ceremony-challenges__main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ceremony-challenges__diff{box-sizing:border-box;text-align:center;width:60px;font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--diff-color,var(--text-secondary));background:color-mix(in srgb, var(--diff-color,var(--text-secondary)) 16%, transparent);border:1px solid color-mix(in srgb, var(--diff-color,var(--text-secondary)) 36%, transparent);flex-shrink:0}.ceremony-challenges__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ceremony-challenges__pos{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.ceremony-challenges__crown{width:15px;height:15px;color:var(--color-accent)}.ceremony-challenges__pos-rank{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.ceremony-challenges__pos-of{font-size:var(--text-xs);color:var(--text-tertiary)}.ceremony-challenges__row--leading .ceremony-challenges__pos-rank{color:var(--color-accent)}.ceremony-challenges__row--more{justify-content:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:0 0;border-style:dashed}.ceremony-challenges__row--more:hover{background:var(--surface-glass);border-color:var(--color-accent-border)}.ceremony-challenges__row--more svg{width:16px;height:16px}.ceremony-modal__hint{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);margin:0}.trophy-history{gap:var(--space-3);width:100%;max-width:440px;margin:0 auto;display:grid}.trophy-history__weeknav{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.trophy-history__weeknav-arrow{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast), opacity var(--duration-fast);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.trophy-history__weeknav-arrow:hover:not(:disabled){color:var(--color-accent)}.trophy-history__weeknav-arrow:disabled{opacity:.25;cursor:default}.trophy-history__weeknav-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-semibold);white-space:nowrap}.trophy-history__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-glass);border:1px solid var(--stroke-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);text-align:left;transition:background var(--duration-fast), border-color var(--duration-fast);font-family:inherit;display:flex}.trophy-history__row:hover{background:var(--surface-glass-hover);border-color:var(--color-accent-border)}.trophy-history__date{flex-direction:column;gap:2px;display:flex}.trophy-history__date-day{font-size:var(--text-md);font-weight:var(--weight-bold)}.trophy-history__date-meta{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.trophy-history__medals{gap:var(--space-1);flex-direction:column;align-items:flex-end;display:inline-flex}.trophy-history__medal-row{gap:var(--space-2);align-items:center;display:inline-flex}.trophy-history__medal{display:inline-flex}.trophy-history__medal--empty{color:var(--text-tertiary);opacity:.35}.trophy-history__empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-5)}.challenge-participants{align-items:stretch;gap:var(--space-4);width:100%;max-width:380px;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.challenge-participants__header{align-items:center;gap:var(--space-3);display:flex}.challenge-participants__title,.challenge-participants__heading{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);align-items:center;gap:var(--space-2);display:inline-flex}.diff-pill{padding:2px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-primary);align-items:center;display:inline-flex}.diff-pill--easy{background:var(--gradient-diff-easy)}.diff-pill--medium{background:var(--gradient-diff-medium)}.diff-pill--hard{background:var(--gradient-diff-hard)}.diff-pill--extra_hard{background:var(--gradient-diff-xhard)}.challenge-name-field{gap:var(--space-2);flex-direction:column;display:flex}.challenge-name-field__label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary)}.challenge-name-field__input{box-sizing:border-box;width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-md);color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--duration-fast), background var(--duration-fast);background:#ffffff0d;border:1px solid #ffffff2e}.challenge-name-field__input::placeholder{color:var(--text-tertiary)}.challenge-name-field__input:focus{border-color:var(--color-accent-border);background:#ffffff14;outline:none}.challenge-expiry-field{gap:var(--space-2);flex-direction:column;display:flex}.challenge-expiry-field__options{gap:var(--space-2);display:flex}.challenge-expiry-field__opt{padding:var(--space-2) 0;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);background:#ffffff0d;border:1px solid #ffffff2e;flex:1}.challenge-expiry-field__opt--active{color:var(--text-primary);background:var(--color-accent-border);border-color:var(--color-accent-border)}.challenge-expiry-field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.challenge-participants__hint{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.challenge-participants__empty{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-5);border-radius:var(--radius-md);text-align:center;border:1px dashed #ffffff2e}.challenge-participants__actions{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.challenge-participants__share-row{gap:var(--space-3);display:flex}.challenge-participants__share-row>.victory-btn{flex:1}.friend-picker__avatar--initial{background:var(--color-tile-blue);width:32px;height:32px;color:var(--text-primary);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.my-challenges__sections{gap:var(--space-6);flex-direction:column;width:100%;max-width:340px;margin:0 auto;display:flex}.my-challenges__section{gap:var(--space-3);flex-direction:column;display:flex}.my-challenges__section-title{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-2);margin:0}.my-challenges__sub{font-size:var(--text-xs);font-weight:var(--weight-semibold);opacity:.75;margin-top:var(--space-1);letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.challenge-completed{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4);flex-direction:column;width:100%;max-width:460px;margin:0 auto;display:flex;position:relative}.challenge-ready{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);flex-direction:column;width:100%;max-width:420px;margin:auto;display:flex}.challenge-ready__icon{border-radius:var(--radius-full);background:var(--color-accent-muted);border:var(--border-thin) solid var(--color-accent-border);width:72px;height:72px;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.challenge-ready__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.challenge-ready__blurb{max-width:40ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.challenge-ready__start{margin-top:var(--space-2);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);font-size:var(--text-base);display:inline-flex}.challenge-completed__friend{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-muted);color:var(--text-primary);font-size:var(--text-sm);display:flex}.challenge-completed__friend svg{color:var(--color-accent);flex-shrink:0}.challenge-completed__title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-accent);display:inline-flex}.challenge-completed__stats{align-items:center;gap:var(--space-5);display:flex}.challenge-leaderboard-modal{width:min(440px, calc(100vw - 2 * var(--space-4)));max-height:80vh;overflow-y:auto}.leaderboard__rematch{margin-top:var(--space-4);width:100%}.my-challenges__create{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:inline-flex}.my-challenges__section-header{padding:0 var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.my-challenges__section-header .my-challenges__section-title{padding:0}.my-challenges__see-all{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);text-decoration:none;display:inline-flex}.my-challenges__see-all:hover{filter:brightness(1.15)}.settings-section{padding:var(--space-7) var(--space-5)}.settings-section__title{font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin:0 0 var(--space-5)}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke-subtle);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex}.settings-row:hover{background:var(--surface-glass-hover)}.settings-row--static{cursor:default}.settings-row--static:hover{background:var(--surface-glass)}.settings-danger-btn{height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--gradient-danger);color:var(--text-primary);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);cursor:pointer;white-space:nowrap;transition:filter var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:none;flex-shrink:0;align-items:center;display:inline-flex}.settings-danger-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.settings-danger-btn:active{transform:scale(.97)}.settings-danger-btn:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.settings-profile{flex-wrap:wrap}.settings-profile__avatar{width:var(--avatar-2xl);height:var(--avatar-2xl);border-radius:var(--radius-full);object-fit:cover;font-size:var(--text-2xl);background:var(--surface-bg);flex-shrink:0}.settings-profile__meta{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.settings-profile__name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-profile__email{font-size:var(--text-sm);color:var(--text-tertiary);word-break:break-all}.settings-profile__actions{gap:var(--space-3);flex-shrink:0;display:flex}.settings-action-btn{height:40px;padding:0 var(--space-5);border:var(--border-thin) solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--surface-glass);color:var(--text-primary);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-shrink:0;align-items:center;display:inline-flex}.settings-action-btn:hover:not(:disabled){background:var(--surface-glass-hover);transform:translateY(-1px)}.settings-action-btn:active:not(:disabled){transform:scale(.97)}.settings-action-btn:disabled{opacity:.5;cursor:wait}.settings-action-btn--ghost{border-color:var(--stroke-subtle);color:var(--text-secondary);background:0 0}.settings-profile__error{margin:var(--space-3) 0 0;color:var(--color-danger);font-size:var(--text-sm)}.settings-profile__name-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.settings-text-btn{color:var(--color-accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.settings-text-btn:hover{text-decoration:underline}.settings-name-edit{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.settings-name-edit__fields{gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-name-edit__input{flex:1;min-width:140px;max-width:220px}.settings-name-edit__hint{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal);margin:0}.settings-name-edit__actions{gap:var(--space-3);display:flex}.crop-overlay{z-index:var(--z-overlay);padding:var(--space-5);background:var(--surface-scrim);-webkit-backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crop-modal{z-index:var(--z-modal);width:100%;max-width:360px;padding:var(--space-7);background:var(--gradient-surface);border:var(--border-thin) solid var(--color-accent-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-4);text-align:center;position:relative}.crop-modal__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.crop-stage{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-bg-deep);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:min(78vw,300px);margin:0 auto;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage__img{transform-origin:0 0;will-change:transform;-webkit-user-drag:none;position:absolute;top:0;left:0}.crop-stage__ring{border-radius:var(--radius-full);box-shadow:0 0 0 9999px var(--surface-scrim);border:var(--border-thin) solid var(--stroke-strong);pointer-events:none;position:absolute;inset:0}.crop-zoom{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.crop-zoom__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.crop-zoom__slider{width:100%;accent-color:var(--color-accent)}.crop-modal__error{color:var(--color-danger);font-size:var(--text-sm);margin:var(--space-6) 0}.crop-modal__actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.crop-btn{border-radius:var(--radius-md);height:44px;font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:filter var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:1;justify-content:center;align-items:center;display:inline-flex}.crop-btn:active:not(:disabled){transform:scale(.97)}.crop-btn:disabled{opacity:.5;cursor:default}.crop-btn--ghost{background:var(--surface-glass);border:var(--border-thin) solid var(--stroke-subtle);color:var(--text-secondary)}.crop-btn--ghost:hover:not(:disabled){background:var(--surface-glass-hover);color:var(--text-primary)}.crop-btn--primary{background:var(--gradient-diff-easy);color:var(--text-primary);border:none}.crop-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.settings-row__content{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.settings-row__label{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.settings-row__desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.settings-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.settings-toggle__input{opacity:0;cursor:pointer;width:100%;height:100%;z-index:var(--z-raised);margin:0;position:absolute;inset:0}.settings-toggle__track{border-radius:var(--radius-pill);background:var(--surface-bg-raised);border:var(--border-thin) solid var(--stroke);width:44px;height:24px;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);display:block;position:relative}.settings-toggle__thumb{border-radius:var(--radius-full);background:var(--text-disabled);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);position:absolute;top:2px;left:2px}.settings-toggle__input:checked+.settings-toggle__track{background:var(--color-success);border-color:var(--color-success)}.settings-toggle__input:checked+.settings-toggle__track .settings-toggle__thumb{background:var(--text-primary);transform:translate(20px)}.settings-toggle__input:focus-visible+.settings-toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.settings-segmented{gap:var(--space-2);flex-shrink:0;display:inline-flex}.settings-segmented__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-thin) solid var(--stroke-subtle);color:var(--text-tertiary);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;display:inline-flex}.settings-segmented__btn:hover:not(.settings-segmented__btn--active){background:var(--surface-glass-hover);color:var(--text-secondary)}.settings-segmented__btn--active{background:var(--color-accent-muted);border-color:var(--color-accent-border);color:var(--color-accent)}.settings-segmented__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.result-card{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-4) 0 var(--space-2);flex-direction:column;display:flex}.result-card__icon{border-radius:var(--radius-full);background:var(--color-ribbon-muted);border:var(--border-thin) solid var(--color-ribbon-border);width:72px;height:72px;color:var(--color-ribbon);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.result-card__icon--empty{background:var(--surface-glass);border-color:var(--stroke-strong);color:var(--text-tertiary)}.result-card__caption{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.result-card__details{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.result-card--modal{padding-top:0}.admire-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--text-on-accent)}.admire-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--text-on-accent)}.diff-picker__ribbon{color:var(--color-ribbon);align-items:center;display:inline-flex}.diff-picker__ribbon--empty{color:currentColor;opacity:.45}.diff-picker__buttons--casual{grid-template-columns:minmax(0,1fr) auto auto}.diff-picker__cell--ribbon{justify-content:flex-end}.diff-picker__par{margin-left:var(--space-1);opacity:.7;font-weight:var(--weight-semibold)}.leaderboard__ribbon{margin-left:var(--space-2);color:var(--color-ribbon);flex-shrink:0;align-items:center;display:inline-flex}.leaderboard__list--social{grid-template-columns:28px minmax(0,1fr) auto}.ceremony-award__par{margin-left:var(--space-1);opacity:.7;font-weight:var(--weight-semibold);font-size:var(--text-xs)}.announce-title-icon{color:var(--color-ribbon);align-items:center;display:inline-flex}.announce-choices{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.announce-choice{gap:var(--space-1);text-align:left;width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-direction:column;font-family:inherit;display:flex}.announce-choice:hover{background:var(--surface-glass-hover);border-color:var(--color-accent-border)}.announce-choice--selected{background:var(--color-accent-muted);border-color:var(--color-accent-border)}.announce-choice__title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);display:inline-flex}.announce-choice__icon{align-items:center;display:inline-flex}.announce-choice__icon--ribbon{color:var(--color-ribbon)}.announce-choice__icon--trophy{color:var(--color-accent)}.announce-choice__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.announce-choice:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}