: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;padding:0 0 var(--space-3);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;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__star{color:var(--color-medal-gold);pointer-events:none;display:inline-flex;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.cal__cell--selected .cal__star{border-radius:var(--radius-full);background:var(--text-on-accent);justify-content:center;align-items:center;width:14px;height:14px}.cal__cell--selected .cal__star svg{width:10px;height:10px}.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)}.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__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}.tutorial-card__best{align-items:center;gap:var(--space-2);margin:0 auto var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-ribbon-muted);border:var(--border-thin) solid var(--color-ribbon-border);color:var(--color-ribbon);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex}.tutorial-card__result{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);text-align:left;display:flex}.tutorial-card__result--ribbon{color:var(--color-ribbon);font-weight:var(--weight-semibold)}.settings-row--link{color:inherit;text-decoration:none}.settings-row__chevron{color:var(--text-tertiary);flex-shrink:0}.settings-row--link:hover .settings-row__chevron{color:var(--color-accent)}.howto{padding:var(--space-5) var(--space-4);-webkit-overflow-scrolling:touch;display:block;overflow-y:auto}.howto__list{width:100%;max-width:var(--container-phone);gap:var(--space-7);padding-bottom:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.howto__lesson{gap:var(--space-3);flex-direction:column;display:flex}.howto__title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;display:flex}.howto__cost{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-ribbon-muted);border:var(--border-thin) solid var(--color-ribbon-border);color:var(--color-ribbon);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.howto__body{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);margin:0}.howto-stage{--tile-w:32px;--tile-h:44px;--tile-font:700 var(--text-md) / 1 system-ui, sans-serif;--howto-cx:calc(var(--tile-w) + var(--space-2));--howto-ry:calc(var(--tile-h) + var(--space-4));--howto-pad:var(--space-4);height:calc(var(--howto-ry) * var(--howto-rows) + var(--howto-pad));padding:var(--howto-pad);border-radius:var(--radius-lg);background:var(--gradient-board);box-shadow:var(--shadow-inset);position:relative;overflow:hidden}.howto-stage__hand{left:0;right:0;top:calc(var(--howto-pad) + var(--howto-ry) * var(--howto-hand-row) - var(--space-3));height:calc(var(--tile-h) + var(--space-5));background:var(--surface-hand);border-top:var(--border-thin) solid var(--stroke-subtle);position:absolute}.howto-stage .tile{left:var(--howto-pad);top:var(--howto-pad);cursor:default;pointer-events:none;transition:transform var(--duration-slow) var(--ease-decelerate);position:absolute}.howto-stage--snap .tile{transition:none}.howto-stage__label{left:var(--howto-pad);top:var(--howto-pad);height:var(--tile-h);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;display:inline-flex;position:absolute}.howto-stage__arrow{left:var(--howto-pad);top:var(--howto-pad);width:var(--tile-w);height:var(--tile-h);border-radius:var(--radius-sm);background:var(--color-accent-muted);border:var(--border-thin) solid var(--color-accent-border);color:var(--color-accent);transition:transform var(--duration-slow) var(--ease-decelerate), background var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex;position:absolute}.howto-stage__arrow.is-pressed{background:var(--color-accent);color:var(--text-on-accent)}.howto-stage__count,.howto-stage__best{right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;position:absolute}.howto-stage__count{top:var(--space-3);background:var(--surface-scrim);color:var(--text-secondary)}.howto-stage__best{bottom:var(--space-3);align-items:center;gap:var(--space-2);background:var(--color-ribbon-muted);border:var(--border-thin) solid var(--color-ribbon-border);color:var(--color-ribbon);opacity:0;transition:opacity var(--duration-base) var(--ease-standard);display:inline-flex}.howto-stage__best.is-on{opacity:1}.howto__awards{gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke-subtle);display:flex}.howto__award{align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);display:inline-flex}.howto__award--ribbon{color:var(--color-ribbon)}.howto__award--star{color:var(--color-medal-gold)}.best-line{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);font-variant-numeric:tabular-nums;display:flex}.best-line--ribbon{color:var(--color-ribbon);font-weight:var(--weight-semibold)}.challenge-expiry-field__opt--survival.challenge-expiry-field__opt--active{background:var(--gradient-special);border-color:var(--color-special);color:var(--text-primary)}.challenge-series-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-special-muted);border:var(--border-thin) solid var(--color-special-border);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;text-decoration:none;display:inline-flex}.challenge-series-link svg{color:var(--color-special);flex-shrink:0}.challenge-series-link:hover{background:var(--surface-glass-hover)}.survival{gap:var(--space-4);width:100%;max-width:460px;padding:var(--space-5) var(--space-4) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.survival__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);text-wrap:balance;margin:0}.survival__meta{margin-top:calc(-1 * var(--space-3));font-size:var(--text-sm);color:var(--text-tertiary)}.survival__winner{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-muted);border:var(--border-thin) solid var(--color-accent-border);display:flex}.survival__winner-avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);flex-shrink:0}.survival__winner-text{align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-md);font-weight:var(--weight-bold);display:inline-flex}.survival__winner-text--none{color:var(--text-secondary);font-weight:var(--weight-semibold)}.survival__rounds{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.survival__round{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke-subtle);flex-direction:column;display:flex}.survival__round--live{background:var(--color-special-muted);border-color:var(--color-special-border)}.survival__round-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.survival__round-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.survival__round--live .survival__round-label{color:var(--color-special)}.survival__round-link{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;display:inline-flex}.survival__round-link:hover{color:var(--color-accent)}.survival__avatars{gap:var(--space-2);flex-wrap:wrap;display:flex}.survival__avatar{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:var(--radius-full);border:var(--border-thin) solid var(--stroke-subtle)}.survival__avatar--played{box-shadow:0 0 0 var(--border-thick) var(--color-accent)}.survival__avatar--out{opacity:.4;filter:grayscale();box-shadow:0 0 0 var(--border-thin) var(--color-danger-border)}.survival__out,.survival__round-note{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.survival__out strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}.survival__cta{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.whats-new__items{margin:0 0 var(--space-5);flex-direction:column;padding:0;list-style:none;display:flex}.whats-new__item{grid-template-columns:var(--icon-btn-size-sm) 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-top:var(--border-thin) solid var(--stroke-subtle);text-align:left;align-items:start;display:grid}.whats-new__item:first-child{border-top:0}.whats-new__icon{width:var(--icon-btn-size-sm);height:var(--icon-btn-size-sm);border-radius:var(--radius-md);justify-content:center;align-items:center;display:inline-flex}.whats-new__icon--gold{background:var(--color-accent-muted);color:var(--color-medal-gold)}.whats-new__icon--ribbon{background:var(--color-ribbon-muted);color:var(--color-ribbon)}.whats-new__icon--special{background:var(--color-special-muted);color:var(--color-special)}.whats-new__icon--success{background:var(--color-success-muted);color:var(--color-success)}.whats-new__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.whats-new__item-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug)}.whats-new__item-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.whats-new__cta{margin-bottom:var(--space-3)}button.settings-row--link{width:100%;font:inherit;text-align:left}.admire-view__solves{justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;display:flex}.admire-view__solve{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-glass);border:var(--border-thin) solid var(--stroke);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:inline-flex}.admire-view__solve[aria-pressed=true]{background:var(--color-accent-muted);border-color:var(--color-accent-border);color:var(--text-primary)}.admire-view__solve--best[aria-pressed=true]{background:var(--color-ribbon-muted);border-color:var(--color-ribbon-border);color:var(--color-ribbon)}.survival__avatar--unknown{background:var(--surface-glass);border:var(--border-thin) dashed var(--stroke-strong);display:inline-block}.ceremony-survival__row{align-items:stretch;gap:var(--space-2);flex-direction:column}.ceremony-survival__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ceremony-survival__outcome{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal);display:inline-flex}.ceremony-survival__outcome--action{color:var(--color-special);font-weight:var(--weight-semibold)}.ceremony-survival__row--won{border-color:var(--color-accent-border);background:var(--color-accent-muted)}.ceremony-survival__row--out .ceremony-survival__outcome{color:var(--text-tertiary)}.tab-bar__icon{position:relative}.tab-bar__badge{min-width:16px;height:16px;padding:0 var(--space-1);border-radius:var(--radius-md);background:var(--color-special);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center;letter-spacing:var(--tracking-normal);text-transform:none;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface-bg-raised);line-height:16px;position:absolute;top:-6px;right:-12px}