.puzzle-actions.waiting>.button{visibility:hidden;opacity:0}.puzzle-actions.ready>.button{transition:opacity 1.5s,visibility}@media (max-width:767.98px),(max-width:1023.98px) and (orientation:portrait),(orientation:landscape) and (max-height:500.98px){.puzzle-actions.waiting>.button{visibility:visible;opacity:.45}}.puzzle-nav .button.puzzle-nav-pulse{border-color:var(--primary);color:var(--primary);animation:1.1s ease-in-out infinite puzzle-nav-pulse}@keyframes puzzle-nav-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 45%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 0%, transparent);background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.puzzle-stats .rating-delta,.puzzle-result-row .rating-delta:not(.none){animation:puzzle-rating-pop .2s var(--ease-out,ease-out)}@keyframes puzzle-rating-pop{0%{opacity:0;transform:scale(.6)}}.puzzle-result-meta{min-width:0;color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px 12px;margin:0;padding:0 12px 8px;font-size:13px;display:flex}.puzzle-result-meta .puzzle-theme-chip{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:62%;color:var(--text);text-overflow:ellipsis;border-radius:999px;align-items:center;gap:3px;padding:2px 9px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}.puzzle-result-meta .puzzle-theme-chip:hover{border-color:var(--primary);color:var(--primary)}.puzzle-result-meta .puzzle-theme-chip svg{flex:none}.puzzle-result-rating strong{color:var(--text);font-variant-numeric:tabular-nums}.puzzle-line-wrongs{flex-wrap:wrap;flex-basis:100%;gap:2px 8px;padding-left:calc(1.1em + 12px);display:inline-flex}.puzzle-line-move.wrong{color:var(--han);align-items:center;gap:3px;font-weight:600;display:inline-flex}button.puzzle-line-move.wrong{color:var(--han);font-weight:600}.puzzle-variation{border:1px dashed var(--border);border-radius:var(--radius-sm,6px);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:10px;padding:6px 8px;font-size:13px;display:flex}.puzzle-variation-head{color:var(--muted);font-size:12px;font-weight:600}.puzzle-variation.wrong{border-color:color-mix(in srgb, var(--han) 45%, var(--border))}.puzzle-variation .puzzle-line-move{min-width:0}.puzzle-variation-clear{width:28px;height:28px;min-height:28px;margin-left:auto}.puzzle-side-info,.puzzle-progress,.puzzle-analysis-button{display:none}@media (min-width:768px) and (orientation:landscape) and (min-height:501px),(min-width:1024px) and (orientation:portrait){.puzzle-side-info{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 12px;font-size:13px;display:flex}.puzzle-side-info strong{color:var(--text);font-variant-numeric:tabular-nums}.puzzle-side-info small{font-size:12px}.puzzle-side-info label.puzzle-switch{min-height:28px;color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:6px;font-size:13px;display:inline-flex}.puzzle-side-info .puzzle-switch input{width:16px;height:16px;accent-color:var(--primary);flex:none;margin:0}.puzzle-progress{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:48px;padding:10px 12px;display:block;overflow-y:auto}.puzzle-progress .puzzle-line{gap:6px;font-size:14px}.puzzle-progress .puzzle-line-move{align-items:center;gap:3px;min-width:0;display:inline-flex}.puzzle-progress .puzzle-line-move.good svg{color:var(--primary)}.puzzle-progress .puzzle-line-move:not(.reply):not(.wrong){min-width:8.4em}.puzzle-progress-mistake .puzzle-line-move.reply{color:var(--text)}.puzzle-progress-earlier{color:var(--muted);font-size:13px}.puzzle-guide>.puzzle-notes:not(.puzzle-result-body)>[role=status]{flex:none}.puzzle-guide>.puzzle-notes:not(.puzzle-result-body)>[role=status]>.puzzle-say{border-top:1px solid var(--border);border-radius:0}.puzzle-guide>.puzzle-notes>:is(.puzzle-session,.puzzle-analysis-link,.puzzle-guest-note){margin-inline:12px}.puzzle-guide>.puzzle-notes>.puzzle-session{flex:none;margin-block:8px 10px}.puzzle-guide>.puzzle-notes>.puzzle-session ol{margin:0;padding:4px}.puzzle-guide>.puzzle-notes>.puzzle-guest-note{margin-block:6px 0}.puzzle-title{align-items:baseline;gap:18px;min-width:0;display:flex}.puzzle-tabs.compact{border:0;gap:2px;margin:0}.puzzle-tabs.compact a{border-radius:var(--radius-sm,6px);border:0;padding:4px 8px;font-size:14px}.puzzle-tabs.compact a:hover{background:var(--surface-soft);color:var(--text)}}@media (max-width:767.98px),(max-width:1023.98px) and (orientation:portrait),(orientation:landscape) and (max-height:500.98px){.puzzle-tabs.compact{display:none}.puzzle-title{display:contents}.puzzle-result-meta{padding:0 0 6px;font-size:12px}.puzzle-guide .puzzle-controls .puzzle-analysis-button{padding:0;display:inline-flex}.puzzle-guide .puzzle-controls.done:has(.puzzle-analysis-button){grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);grid-auto-flow:row}.puzzle-guide>.puzzle-empty{margin:6px 0 8px;padding:12px 14px}.puzzle-variation-clear{min-width:44px;min-height:44px;margin:-8px -8px -8px auto}}.puzzle-empty{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));border-radius:var(--radius-md);background:var(--tint);justify-items:start;gap:10px;margin:0 0 10px;padding:14px 16px;display:grid}.puzzle-empty p{gap:2px;margin:0;display:grid}.puzzle-empty p span{color:var(--muted);font-size:14px}.puzzle-empty-actions{flex-wrap:wrap;gap:8px;display:flex}.puzzle-empty-actions .button{min-height:44px}.puzzle-dashboard{gap:18px;display:grid}.puzzle-dashboard .page-heading{margin-bottom:0}.puzzle-dashboard-group{gap:10px;display:grid}.puzzle-dashboard-group>h2{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:17px;display:flex}.puzzle-dashboard-group>h2 small{color:var(--muted);font-size:13px;font-weight:500}.puzzle-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.puzzle-dashboard-card{gap:8px;padding:14px 16px;display:grid}.puzzle-dashboard-card>small{color:var(--muted);font-size:13px;line-height:1.5}.puzzle-dashboard-card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.puzzle-dashboard-card-head strong{font-size:17px}.puzzle-dashboard-rate{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.puzzle-dashboard-card.weak .puzzle-dashboard-rate{color:var(--han)}.puzzle-dashboard-card.strong .puzzle-dashboard-rate{color:var(--primary)}.puzzle-dashboard-bar{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.puzzle-dashboard-bar>span{border-radius:inherit;background:var(--muted);height:100%;display:block}.puzzle-dashboard-card.weak .puzzle-dashboard-bar>span{background:var(--han)}.puzzle-dashboard-card.strong .puzzle-dashboard-bar>span{background:var(--primary)}.puzzle-dashboard-actions{flex-wrap:wrap;gap:8px;display:flex}.puzzle-dashboard-actions .button{min-height:40px;padding:6px 12px;font-size:14px}@media (max-width:767px){.puzzle-dashboard-actions .button{flex:auto;min-height:44px}}@media (prefers-reduced-motion:reduce){.puzzle-actions.ready>.button{transition:none}.puzzle-nav .button.puzzle-nav-pulse{box-shadow:0 0 0 2px var(--primary);animation:none}.puzzle-stats .rating-delta,.puzzle-result-row .rating-delta:not(.none){animation:none}}.puzzle-result-meta:has(>.puzzle-result-stats){flex-wrap:wrap}.puzzle-result-meta .puzzle-theme-chip{max-width:46%}.puzzle-result-stats{text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden}@media (max-width:767.98px),(max-width:1023.98px) and (orientation:portrait),(orientation:landscape) and (max-height:500.98px){.puzzle-result-meta:has(>.puzzle-result-stats){flex-wrap:nowrap}.puzzle-result-stats.has-rate>.puzzle-stats-players{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.puzzle-vote{flex:none;gap:4px;margin-left:auto;display:inline-flex}.puzzle-vote button{border:1px solid var(--border);border-radius:var(--radius-md,6px);background:var(--surface);width:38px;height:32px;color:var(--muted);cursor:pointer;transition:color var(--motion-fast,.15s), background var(--motion-fast,.15s), border-color var(--motion-fast,.15s);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.puzzle-vote button:after{content:"";position:absolute;inset:-6px 0}.puzzle-vote button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.puzzle-vote .puzzle-vote-up:hover,.puzzle-vote .puzzle-vote-up[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.puzzle-vote .puzzle-vote-down:hover,.puzzle-vote .puzzle-vote-down[aria-pressed=true]{border-color:var(--han);color:var(--han)}.puzzle-vote .puzzle-vote-up[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}.puzzle-vote .puzzle-vote-down[aria-pressed=true]{background:color-mix(in srgb, var(--han) 14%, var(--surface))}.puzzle-vote button[aria-pressed=true] svg{animation:puzzle-rating-pop .2s var(--ease-out,ease-out)}.puzzle-streak-score strong{color:var(--text)}.puzzle-streak-score strong svg{color:var(--muted)}.puzzle-streak-score.hot strong,.puzzle-streak-score.hot strong svg{color:var(--han)}.puzzle-streak-badge{background:var(--tint);color:var(--primary);vertical-align:middle;font-variant-numeric:tabular-nums;animation:puzzle-rating-pop .2s var(--ease-out,ease-out);border-radius:999px;align-items:center;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-flex}.puzzle-streak-badge.record{background:color-mix(in srgb, var(--han) 14%, var(--surface));color:var(--han)}@media (prefers-reduced-motion:reduce){.puzzle-vote button[aria-pressed=true] svg,.puzzle-streak-badge{animation:none}.puzzle-vote button{transition:none}}.puzzle-streak-intro{color:var(--muted);white-space:normal;flex-basis:100%;margin:2px 0 0;font-size:12px;line-height:1.5}.puzzle-stats>.puzzle-streak-stats{flex-direction:row;align-items:center;gap:18px}@media (max-width:767.98px),(max-width:1023.98px) and (orientation:portrait),(orientation:landscape) and (max-height:500.98px){.puzzle-stats>.puzzle-streak-stats{gap:10px}}.puzzle-streak-session .puzzle-chip{min-width:30px}.puzzle-streak-session .puzzle-chip.now{color:var(--session-now)}