:root{font-family:Archivo,Helvetica Neue,Arial,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0d1928;background-color:#bfbfaf;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit}button:focus-visible{outline:2px solid #194292;outline-offset:2px}:root{--bg-base: #bfbfaf;--surface: #e6e5db;--surface-raised: #f0efe7;--surface-sunken: #d2d2c3;--border: #878876;--border-strong: #2c394a;--ink: #0d1928;--accent: #194292;--accent-hover: #052d7b;--accent-soft: #c1d2ef;--on-accent: #f6f5ef;--text-primary: #0d1928;--text-secondary: #2c394a;--text-muted: #414e5f;--success: #005827;--success-soft: #b8e0c1;--danger: #b00c15;--danger-hover: #9b0000;--danger-soft: #f7ccc6;--gold: #e7b643;--gold-ink: #633f00;--scrim: rgba(13, 25, 40, .55);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: none;--shadow-md: none;--space-1: clamp(4px, .5vh, 6px);--space-2: clamp(8px, 1vh, 12px);--space-3: clamp(12px, 1.6vh, 18px);--space-4: clamp(16px, 2.2vh, 24px);--space-5: clamp(24px, 3vh, 36px);--fs-meta: .8125rem;--fs-data: .875rem;--fs-ui: .9375rem;--fs-body: 1rem;--fs-lead: 1.125rem;--fs-title-sm: 1.5rem;--fs-title: 2rem;--stretch-display: 70%;--stretch-data: 80%;--tracking-label: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px}body{background:var(--bg-base)}#root{max-width:1680px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top)) max(clamp(.8rem,2vw,2rem),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(clamp(.8rem,2vw,2rem),env(safe-area-inset-left))}*{box-sizing:border-box}.site-footer{margin-top:auto;padding:var(--space-3) clamp(.8rem,2vw,2rem) 0;text-align:center}.footer-support{margin-bottom:var(--sp-2)!important}.footer-support a{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-footer p{margin:0;color:var(--text-muted);font-size:var(--fs-meta);line-height:1.5;max-width:640px;margin-inline:auto}.header-section{position:relative;display:flex;justify-content:center;align-items:center;padding-top:var(--space-2)}.puck-logo{width:clamp(110px,14vw,260px);height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:none}.header-button{display:inline-flex;align-items:center;gap:6px;height:2.25rem;padding:0 var(--sp-3);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-primary);font-size:var(--fs-ui);font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}@media (hover: hover){.header-button:hover{background:var(--accent);color:var(--on-accent)}}.help-mark{font-size:var(--fs-lead)}.header-actions-left{position:absolute;top:var(--space-2);left:0;display:flex}.header-actions-right{position:absolute;top:var(--space-2);right:0;display:flex;gap:var(--space-2)}.daily-button{display:flex;flex-direction:column;align-items:center;padding:clamp(7px,1.1vh,10px) clamp(1.2rem,3vw,2rem);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-primary);cursor:pointer;font-size:var(--fs-ui);font-weight:700;transition:all .2s ease}@media (hover: hover){.daily-button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}}.daily-meta{font-size:var(--fs-meta);font-weight:600;color:var(--text-secondary);line-height:1.2}.daily-result+.daily-streak:before{content:" · "}.daily-button.completed .daily-meta{color:var(--success)}.daily-button.completed{border-color:var(--success);background:var(--success-soft);color:var(--success)}.daily-button:disabled{opacity:.6;cursor:not-allowed}.team-years{font-size:var(--fs-data);color:var(--text-secondary);text-align:right;font-stretch:var(--stretch-data);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.team-empty{color:var(--text-muted);font-size:var(--fs-body);padding:var(--space-4) var(--space-2)}.random-error{color:var(--danger);font-size:var(--fs-ui);text-align:center;margin:0}.error-row{margin-top:var(--sp-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2) var(--sp-3)}.error-row p{margin:0}.modal-card:focus,.search-overlay:focus,.filter-overlay:focus,.mode-picker-overlay:focus{outline:none}.btn{border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-weight:600;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-lead);background:var(--accent);color:var(--on-accent);box-shadow:none}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--accent-hover)}}.btn-secondary{min-height:2.5rem;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-ui);background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-strong)}@media (hover: hover){.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}}.btn-ghost{padding:clamp(4px,.8vh,6px) var(--space-2);font-size:var(--fs-ui);background:transparent;color:var(--text-muted);border:none;text-decoration:underline;text-underline-offset:3px;font-weight:500}@media (hover: hover){.btn-ghost:hover:not(:disabled){color:var(--text-secondary)}}.btn-danger{padding:clamp(8px,1.3vh,11px) var(--space-3);font-size:var(--fs-ui);font-weight:700;background:var(--danger);color:var(--on-accent);border-color:var(--danger);box-shadow:none;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}@media (hover: hover){.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);box-shadow:none}}.hint-button{min-width:0;min-height:2.75rem;padding:var(--sp-2) var(--sp-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;font-size:var(--fs-ui);transition:all .2s ease;font-stretch:var(--stretch-data);font-weight:600}@media (hover: hover){.hint-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}}.hint-button.revealed{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary)}.hint-button.available{border:2px solid var(--accent);color:var(--accent-hover);padding:calc(var(--sp-2) - 1px) 0}.hint-button:disabled{background:transparent;border-style:dashed;border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.hint-button.revealed:disabled{background:var(--accent-soft);border-style:solid;border-color:var(--accent);color:var(--text-primary)}.search-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;background:var(--surface-raised);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);max-width:90vw;width:clamp(280px,32vw,460px)}.search-overlay h3{margin:0 0 var(--space-3);color:var(--text-primary);font-size:var(--fs-title-sm);text-align:center;font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;text-wrap:balance}.group{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.input{width:100%;height:clamp(42px,4.5vh,50px);padding-left:clamp(2.4rem,3.5vw,3rem);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface-sunken);outline:none;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--fs-body)}.input::placeholder{color:var(--text-muted)}@media (hover: hover){.input:hover{border-color:var(--border-strong)}}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{position:absolute;left:clamp(.9rem,1.5vw,1.2rem);width:clamp(.9rem,1.3vw,1.2rem);height:clamp(.9rem,1.3vw,1.2rem);fill:var(--text-muted);pointer-events:none}.dropdown{margin-top:var(--space-2);max-height:clamp(140px,18vh,220px);overflow-y:auto;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.dropdown-item{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);font-family:inherit;font-size:var(--fs-ui);text-align:left;cursor:pointer}@media (hover: hover){.dropdown-item:hover:not(:disabled){background:var(--surface)}}.dropdown-item:disabled{cursor:not-allowed}.dropdown-item:disabled .select-button{opacity:.5}.dropdown-item:last-child{border-bottom:none}.dropdown-item-info{display:flex;flex-direction:column;gap:2px}.dropdown-item-years{font-size:var(--fs-meta);color:var(--text-secondary);font-stretch:var(--stretch-data);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dropdown-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--fs-ui);text-align:center}.select-button{flex-shrink:0;min-width:4.5rem;padding:clamp(4px,.7vh,7px) clamp(10px,1.4vw,14px);background-color:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);transition:background-color .2s ease;font-size:var(--fs-meta);font-weight:600;text-align:center}@media (hover: hover){.dropdown-item:hover:not(:disabled) .select-button{background-color:var(--accent-hover)}}.hint-block-container{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.stat-block{margin:0;padding:var(--sp-1) var(--sp-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.stat-row{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--sp-3);align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-row dt{font-size:var(--fs-meta);font-stretch:var(--stretch-data);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}.stat-row dd{margin:0;min-width:0;font-size:var(--fs-body);font-weight:600;line-height:1.35;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-figures{display:flex;flex-wrap:wrap;gap:2px var(--sp-4)}.stat-figure{white-space:nowrap}.stat-key{margin-right:2px;font-size:var(--fs-meta);font-weight:700;letter-spacing:.04em;color:var(--text-secondary)}.stat-block-wide{width:100%}.stat-block-wide .stat-row{grid-template-columns:1fr auto;align-items:center}.stat-block-wide .stat-row dd{text-align:right}.stat-big{font-size:var(--fs-title-sm);font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;color:var(--accent-hover)}.resume-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-sm)}.resume-notice p{margin:0;font-size:var(--fs-ui);font-weight:600;color:var(--text-primary)}.trophy-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trophy-chip{display:flex;align-items:center;gap:6px;padding:5px var(--space-2);background:var(--surface-sunken);border:1px solid var(--gold-ink);border-radius:var(--radius-sm);font-size:var(--fs-meta);color:var(--text-primary);line-height:1.2}.trophy-icon{width:26px;height:34px;flex-shrink:0;object-fit:cover;object-position:top center;border-radius:4px;background:var(--ink);color:var(--gold)}svg.trophy-icon{padding:4px;width:16px;height:16px}.trophy-name{overflow-wrap:break-word}.trophy-count{font-weight:700;color:var(--gold-ink)}.hint-block-empty{color:var(--text-muted);font-size:var(--fs-ui);text-align:center;padding:var(--space-3) 0}.guess-chip{padding:var(--sp-1) var(--sp-3);min-width:0;overflow:hidden;text-overflow:ellipsis;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);font-weight:600;font-size:var(--fs-meta);color:var(--text-primary);white-space:nowrap}.guess-chip.correct{border-color:var(--success);background:var(--success-soft);color:var(--success)}.guess-chip.incorrect{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.top-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}.top-actions>*{margin:0}.card{--card-pad: var(--sp-6);width:100%;max-width:62rem;margin:0 auto;display:grid;grid-template-columns:11rem minmax(0,1fr);grid-template-areas:"photo timeline" "photo tabs" "photo hints" "bar   bar";align-items:start;gap:var(--sp-4) var(--sp-6);padding:var(--card-pad);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.card-label{margin:0 0 var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border-strong);font-size:var(--fs-meta);font-stretch:var(--stretch-data);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}.card-photo{grid-area:photo;display:flex;flex-direction:column;gap:var(--sp-4)}.card-flip{position:relative;width:100%;aspect-ratio:4 / 5;perspective:900px}.card-flip .flip-face{position:absolute;inset:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1)}.card-flip .flip-front{transform:rotateY(-180deg)}.card-flip.face-up .flip-back{transform:rotateY(180deg)}.card-flip.face-up .flip-front{transform:rotateY(0)}.round-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-2);padding:var(--sp-3);border:1px solid;border-radius:var(--radius-sm);animation:fadeInUp .3s ease-out .45s both}.round-result.won{background:var(--success-soft);border-color:var(--success)}.round-result.lost{background:var(--danger-soft);border-color:var(--danger)}.round-result-text{min-width:0}.round-result p{margin:0}.round-result-title{font-size:var(--fs-title-sm);font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;text-transform:uppercase;text-wrap:balance}.round-result.won .round-result-title{color:var(--success)}.round-result.lost .round-result-title{color:var(--danger)}.round-result-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.round-result-name{margin-top:2px;font-size:var(--fs-body);color:var(--text-primary)}.player-mug{width:100%;aspect-ratio:4 / 5;border:2px solid var(--border-strong);border-radius:var(--radius-sm);object-fit:cover;background:var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none}.guess-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.guess-chip.empty{border-style:dashed;border-color:var(--border);background:transparent;color:var(--text-muted);font-weight:500}.card-timeline{grid-area:timeline}.team-list{columns:17rem;column-gap:var(--sp-6);min-height:4rem;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--border)}.team-hint{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:6px 0;border-bottom:1px solid var(--border);break-inside:avoid}.team-hint:last-child{border-bottom:none}.team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-ui);font-weight:600;color:var(--text-primary)}.team-logo{width:2rem;height:2rem;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.hint-tabs{grid-area:tabs}.hint-tab-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-1)}.card-hints{grid-area:hints}.menu-backdrop{display:none}.card-bar{grid-area:bar;position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.guess-cta{position:relative;min-width:13rem;background:var(--ink);border-color:var(--ink);font-stretch:var(--stretch-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.guess-cta:after{content:"";position:absolute;inset:4px;border:1px solid rgba(246,245,239,.35);border-radius:5px;pointer-events:none}@media (hover: hover){.guess-cta:hover:not(:disabled){background:var(--text-secondary)}}.menu-toggle{display:none}.card-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.give-up{color:var(--danger)}@media (hover: hover){.give-up:hover:not(:disabled){color:var(--danger-hover)}}@media (max-width: 759px),(max-height: 520px){#root{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.header-section{padding-top:0}.mode-description{display:none}.top-actions>.daily-button{flex:0 1 auto}.top-actions>.mode-pill{flex:1 1 auto;max-width:16rem}.hint-tabs .card-label{display:none}.menu-backdrop{display:block;position:fixed;inset:0;z-index:9}.card-bar{align-self:end;position:sticky;bottom:0;z-index:10;margin:0 calc(var(--card-pad) * -1) calc(var(--card-pad) * -1);padding:var(--sp-3) var(--card-pad) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-strong);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:stretch}.guess-cta{flex:1;min-width:0}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:5rem}.card-menu{display:none;position:absolute;right:var(--card-pad);bottom:calc(100% + var(--sp-2));flex-direction:column;align-items:stretch;min-width:13rem;padding:var(--sp-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.card-menu.open{display:flex}.search-overlay{top:max(var(--sp-4),env(safe-area-inset-top));transform:translate(-50%);width:min(94vw,28rem)}.dropdown{max-height:min(40dvh,16rem)}}@media (max-width: 759px){.puck-logo{width:5.5rem}.top-actions>*{max-width:16rem}.card{--card-pad: var(--sp-4);flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "timeline" "tabs" "hints" "bar";grid-template-rows:auto auto auto auto 1fr;align-content:start;gap:var(--sp-3)}.card-hints .stat-row{grid-template-columns:4.5rem minmax(0,1fr);gap:var(--sp-2);padding:6px 0}.card-hints .stat-row dd{font-size:var(--fs-ui)}.card-hints .stat-row{scroll-margin-bottom:6.5rem}.card-hints .hint-block-empty{padding:var(--sp-1) 0}.card-photo{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:start;gap:var(--sp-3);transition:grid-template-columns .5s cubic-bezier(.22,1,.36,1)}.card-photo:has(.card-flip.face-up){grid-template-columns:7rem minmax(0,1fr)}.team-hint{grid-template-columns:1.75rem minmax(0,1fr) auto;gap:var(--sp-2);padding:4px 0}.team-logo{width:1.75rem;height:1.75rem}}@media (min-width: 760px) and (max-height: 520px){.puck-logo{width:3.5rem}.card{--card-pad: var(--sp-3);grid-template-columns:6rem minmax(0,1fr);grid-template-areas:"photo timeline" "photo tabs" "photo hints" "bar   bar";gap:var(--sp-3) var(--sp-4)}.card-photo{gap:var(--sp-2)}.guess-slots .card-label{display:none}.team-list{min-height:0}}@media (pointer: coarse){.footer-support a{display:inline-block;padding:14px 8px}.header-button{height:2.75rem}.btn-secondary,.btn-ghost,.daily-button,.mode-pill{min-height:2.75rem}.dropdown-item{min-height:3.25rem}.dismiss-button{width:2.75rem;height:2.75rem}.mode-button,.apply-filters-btn,.clear-filters-btn{min-height:2.75rem}.modal-card h2{padding-inline:3.5rem}}@media (max-width: 400px){.top-actions{flex-wrap:nowrap}.daily-button,.mode-pill{padding-inline:var(--sp-3);white-space:nowrap}.mode-pill{min-width:0;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 360px){.card{--card-pad: var(--sp-3)}.puck-logo{width:4.5rem}.daily-long,.daily-result{display:none}.daily-result+.daily-streak:before{content:none}.hint-button{font-size:var(--fs-meta)}}@media (max-width: 430px){.daily-done-long,.daily-result{display:none}.daily-result+.daily-streak:before{content:none}}@media (max-width: 340px){.mode-prefix{display:none}}@media (max-width: 400px){.team-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.2;font-size:var(--fs-data)}}.overlay-screen{position:fixed;inset:0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:15}.modal-card{background:var(--surface-raised);color:var(--text-primary);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-strong);box-shadow:var(--shadow-md);width:max-content;min-width:min(18rem,calc(100vw - 2rem));max-width:min(calc(100vw - 2rem),32rem);max-height:90dvh;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4)}.modal-card.accent-danger{border-color:var(--danger)}.modal-card.accent-danger h2{color:var(--danger)}.modal-card.accent-daily{border-color:var(--gold-ink)}.modal-card.accent-daily h2{color:var(--gold-ink)}.modal-card h2{margin:0;color:var(--text-primary);font-size:var(--fs-title);padding:0 clamp(32px,5vw,48px);font-stretch:var(--stretch-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;text-wrap:balance}.modal-card p{margin:0;color:var(--text-secondary);font-size:var(--fs-body)}.modal-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.share-grid{display:flex;gap:var(--sp-2)}.share-cell{width:2rem;height:2rem;border-radius:4px;border:1px solid var(--border-strong)}.share-cell.hit{background:var(--success)}.share-cell.miss{background:var(--danger)}.daily-next{font-size:var(--fs-ui);color:var(--text-muted)}.modal-card.keyline:after{content:"";position:absolute;inset:6px;border:1px solid var(--border);border-radius:calc(var(--radius-lg) - 6px);pointer-events:none}.welcome-box{text-align:left;align-items:stretch}.welcome-box h2{text-align:center;color:var(--accent-hover)}.welcome-box h3{margin:var(--space-2) 0 0;color:var(--accent-hover);font-size:var(--fs-title-sm);font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;text-wrap:balance}.rules-content{font-size:var(--fs-body);line-height:1.5;color:var(--text-secondary)}.current-mode-note{color:var(--text-secondary);font-size:var(--fs-ui);margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid var(--border)}.current-mode-note strong{color:var(--accent-hover)}.rules-content ul{margin:var(--space-2) 0 0;padding-left:1.1rem}.rules-content li{margin-bottom:var(--space-1)}.rules-content li.rules-sub{list-style:none;margin-left:1.1rem;margin-bottom:2px}.dismiss-button{position:absolute;top:var(--space-3);right:var(--space-3);z-index:21;width:clamp(28px,3.2vw,34px);height:clamp(28px,3.2vw,34px);padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:50%;cursor:pointer;transition:all .2s ease;font-size:var(--fs-lead);line-height:1}@media (hover: hover){.dismiss-button:hover{border-color:var(--danger);color:var(--danger)}}.filter-overlay{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:var(--space-4);max-width:90vw;max-height:90vh;width:clamp(400px,50vw,600px);overflow:hidden;text-align:left;display:flex;flex-direction:column}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);flex-shrink:0}.filter-header h3{color:var(--text-primary);margin:0;font-size:var(--fs-title-sm);font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;text-wrap:balance}.clear-filters-btn{padding:clamp(4px,.8vh,7px) clamp(10px,1.2vw,14px);background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-ui);font-weight:600;transition:all .2s ease}@media (hover: hover){.clear-filters-btn:hover:not(:disabled){background:var(--danger-soft)}}.filter-content{flex:1 1 auto;min-height:0;overflow-y:auto;margin-bottom:var(--space-3);padding-right:var(--space-1)}.filter-section{margin-bottom:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.filter-section:first-child{padding-top:0;border-top:none}.filter-section h4{color:var(--accent-hover);margin:0 0 var(--space-2);font-size:var(--fs-ui);text-transform:uppercase;letter-spacing:.04em;font-stretch:var(--stretch-data);font-weight:600}.mode-pill{display:block;padding:clamp(7px,1.1vh,10px) clamp(1rem,2.6vw,1.6rem);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-primary);cursor:pointer;font-size:var(--fs-ui);font-weight:700;transition:all .2s ease}@media (hover: hover){.mode-pill:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}}.mode-pill:disabled{opacity:.6;cursor:not-allowed}.mode-picker-overlay{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;padding:var(--space-4);max-width:90vw;max-height:85vh;width:clamp(400px,60vw,680px);overflow-y:auto;text-align:left}.mode-picker-overlay h3{margin:0 0 var(--space-3);padding-right:3rem;color:var(--text-primary);font-size:var(--fs-title-sm);font-stretch:var(--stretch-display);font-weight:800;line-height:1.1;text-wrap:balance}.mode-group{margin-bottom:var(--space-3)}.mode-group h4{color:var(--accent-hover);margin:0 0 var(--space-2);font-size:var(--fs-ui);text-transform:uppercase;letter-spacing:.04em;font-stretch:var(--stretch-data);font-weight:600}.mode-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.mode-description{margin:calc(var(--space-1) - var(--space-3)) auto 0;max-width:clamp(320px,66vw,720px);text-align:center;color:var(--text-secondary);font-size:var(--fs-ui)}.mode-button{flex:1;min-width:clamp(96px,17vw,128px);padding:clamp(7px,1.1vh,9px) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:var(--fs-ui);font-weight:600;transition:all .2s ease}@media (hover: hover){.mode-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}}.mode-button.selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mode-button:disabled{opacity:.5;cursor:not-allowed}.filter-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-row .filter-group:only-child{flex-basis:100%}.filter-group{flex:1;min-width:clamp(120px,20vw,180px);display:flex;flex-direction:column;gap:var(--space-1)}.filter-group label{font-weight:600;color:var(--text-secondary);font-size:var(--fs-ui)}.filter-group input,.filter-group select{padding:clamp(7px,1vh,10px) clamp(9px,1.2vw,12px);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-body);background:var(--surface);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@media (hover: hover){.filter-group input:hover,.filter-group select:hover{border-color:var(--text-muted)}}.filter-group select{cursor:pointer}.filter-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);flex-shrink:0}.filter-footer .clear-filters-btn{justify-self:start}.filter-footer .apply-filters-btn{justify-self:center}.apply-filters-btn{padding:clamp(9px,1.5vh,12px) clamp(1.6rem,3vw,2.4rem);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-lead);font-weight:700;transition:all .2s ease;min-width:clamp(140px,20vw,180px)}@media (hover: hover){.apply-filters-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}}.filter-content::-webkit-scrollbar,.hint-block-container::-webkit-scrollbar{width:6px}.filter-content::-webkit-scrollbar-track,.hint-block-container::-webkit-scrollbar-track{background:transparent}.filter-content::-webkit-scrollbar-thumb,.hint-block-container::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.animate-in{animation:fadeInUp .25s ease-out forwards}@keyframes fadeInUp{0%{translate:0 14px;opacity:0}to{translate:0 0;opacity:1}}::selection{background:var(--accent);color:var(--on-accent)}input,select,textarea{accent-color:var(--accent);caret-color:var(--accent)}.dropdown,.card-hints,.modal-card,.filter-overlay,.mode-picker-overlay{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.btn:active:not(:disabled),.hint-button:active:not(:disabled),.daily-button:active:not(:disabled),.mode-pill:active:not(:disabled),.header-button:active,.dropdown-item:active:not(:disabled),.mode-button:active:not(:disabled){transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.animate-in{animation:none}.btn,.card-photo,.card-flip .flip-face{transition:none}.round-result{animation:none}}@media (max-width: 480px){.mode-button{min-width:clamp(90px,40vw,150px)}.mode-picker-overlay{width:95vw;max-height:88vh}.mode-group-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.filter-overlay{width:95vw;max-height:88vh}.filter-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.filter-footer{grid-template-columns:1fr;justify-items:center;gap:var(--space-2)}.filter-footer .apply-filters-btn{order:1}.filter-footer .clear-filters-btn{order:2;justify-self:center}}