@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/app/harflio/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/app/harflio/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/app/harflio/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/app/harflio/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/app/harflio/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/app/harflio/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/app/harflio/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/app/harflio/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/app/harflio/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/app/harflio/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/app/harflio/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/app/harflio/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/app/harflio/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/app/harflio/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/app/harflio/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/app/harflio/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/app/harflio/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/app/harflio/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/app/harflio/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/app/harflio/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--text: #1a1a1a;--text-muted: #555555;--border: #e8e8e8;--surface: #f0f0ee;--surface-elevated: #ffffff;--accent: #1a1a1a;--green: #4caf50;--red: #e57373;--blue: #4a7fd4;--timer-low: #c0392b;--progress-empty: #e8e8e8;--progress-ring: #1a1a1a;--slot-bg: #ffffff;--slot-border: #cccccc;--slot-border-filled: #1a1a1a;--letter-bg: #f0f0ee;--letter-border: #e0e0e0;--letter-selected-bg: #1a1a1a;--letter-selected-fg: #ffffff;--letter-on-accent: #ffffff;--outline-btn-bg: #ffffff;--outline-btn-border: #cccccc;--outline-btn-text: #444444;--shadow-soft: rgba(0, 0, 0, .08);--shadow-logo: rgba(0, 0, 0, .12);--btn-green-shadow: rgba(76, 175, 80, .35);--btn-blue-shadow: rgba(74, 127, 212, .35)}[data-theme=dark]{--bg: #111111;--text: #f0f0f0;--text-muted: #aaaaaa;--border: #333333;--surface: #2a2a2a;--surface-elevated: #1a1a1a;--accent: #f0f0f0;--progress-empty: #333333;--progress-ring: #f0f0f0;--slot-bg: #1a1a1a;--slot-border: #444444;--slot-border-filled: #f0f0f0;--letter-bg: #2a2a2a;--letter-border: #444444;--letter-selected-bg: #f0f0f0;--letter-selected-fg: #111111;--outline-btn-bg: #1a1a1a;--outline-btn-border: #444444;--outline-btn-text: #aaaaaa;--shadow-soft: rgba(0, 0, 0, .3);--shadow-logo: rgba(0, 0, 0, .4);--btn-green-shadow: rgba(76, 175, 80, .25);--btn-blue-shadow: rgba(74, 127, 212, .25)}html,body,#root{height:100%;margin:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;border:none;background:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:max(20px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.home-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;flex-shrink:0}.home-logo{width:80px;height:80px;border-radius:20px;margin-bottom:16px;box-shadow:0 10px 28px var(--shadow-logo);animation:circle-in .6s ease-out both;object-fit:cover}.home-title{font-size:2.75rem;font-weight:800;margin:0;letter-spacing:-.02em;text-transform:lowercase;animation:title-in .8s ease-out .08s both}.home-reset-hint{margin:10px 0 0;font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.4;animation:title-in .8s ease-out .16s both}.home-menu{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:300px;margin:0 auto;flex-shrink:0}.home-menu-item{width:100%;padding:14px 8px;font-size:1.05rem;font-weight:700;text-align:center;color:var(--text);transition:opacity .15s ease;animation:fade-up .5s ease-out both}.home-menu-item:nth-child(1){animation-delay:.1s}.home-menu-item:nth-child(2){animation-delay:.16s}.home-menu-item:nth-child(3){animation-delay:.22s}.home-menu-item:nth-child(4){animation-delay:.28s}.home-menu-item:nth-child(5){animation-delay:.34s}.home-menu-item:active{opacity:.45}@keyframes title-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes circle-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px 20px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.game{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:28px}.progress-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%;max-width:280px}.progress-cell{aspect-ratio:1;border-radius:6px;background:var(--progress-empty);transition:background .2s,box-shadow .2s}.progress-cell.won{background:var(--green)}.progress-cell.lost{background:var(--red)}.progress-cell.current{box-shadow:inset 0 0 0 2px var(--progress-ring)}.word-board{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.word-board.leaving{animation:word-leave .3s ease-in both;pointer-events:none}.word-board.entering{animation:word-enter .42s cubic-bezier(.34,1.2,.64,1) both}.word-board.entering .slot{animation:slot-enter .38s cubic-bezier(.34,1.4,.64,1) both}.word-board.entering .letter-btn{animation:letter-enter .4s cubic-bezier(.34,1.4,.64,1) both}.word-board.entering .timer-num{animation:timer-enter .45s cubic-bezier(.34,1.2,.64,1) both}.word-board.entering .word-label{animation:fade-up .35s ease-out both}.word-label{font-size:.85rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);margin:-12px 0 0}.timer{display:flex;justify-content:center;width:100%;line-height:1}.timer-body{display:inline-flex;align-items:baseline;justify-content:center}.timer-num{font-size:4.5rem;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:inline-block;min-width:2.1ch;text-align:center}.timer-num.low{color:var(--timer-low)}.timer-unit{font-size:1.5rem;font-weight:700;margin-left:8px}.slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.slot{border:2px solid var(--slot-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--slot-bg);color:var(--text);transition:border-color .15s,color .15s}.slot.filled{border-color:var(--slot-border-filled)}.slot.correct{background-color:var(--slot-bg)!important;border-color:var(--green)!important;color:var(--green)!important;animation:pop-success .45s ease-out both}.slot.wrong{background-color:var(--slot-bg)!important;border-color:var(--red)!important;color:var(--red)!important}.slot.revealed{background-color:var(--slot-bg)!important;border-color:var(--red)!important;color:var(--red)!important;animation:slot-reveal .35s cubic-bezier(.34,1.4,.64,1) both}.slots.feedback-wrong,.letter-grid.feedback-wrong{animation:shake .38s ease-in-out}.slots.feedback-correct .slot.correct,.letter-grid.feedback-correct .letter-btn.selected.correct{animation:pop-success .45s ease-out both}.letter-btn.revealed{background:var(--red)!important;border-color:var(--red)!important;color:var(--letter-on-accent)!important;animation:letter-reveal .35s cubic-bezier(.34,1.4,.64,1) both}@keyframes pop-success{0%{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes slot-reveal{0%{opacity:.4;transform:scale(.82)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes letter-reveal{0%{opacity:.5;transform:scale(.75)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.letter-area{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.letter-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:14px;width:100%;margin:0 auto}.letter-btn{width:var(--letter-btn-size, 64px);height:var(--letter-btn-size, 64px);flex-shrink:0;border-radius:50%;border:2px solid var(--letter-border);background:var(--letter-bg);color:var(--text);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .08s,background .12s,color .12s,border-color .12s}.letter-btn:active:not(:disabled){transform:scale(.92)}.letter-btn:disabled{cursor:default;opacity:1}.letter-btn.selected{background:var(--letter-selected-bg);color:var(--letter-selected-fg);border-color:var(--letter-selected-bg)}.letter-btn.correct{background:var(--green)!important;border-color:var(--green)!important;color:var(--letter-on-accent)!important}.letter-btn.wrong{background:var(--red)!important;border-color:var(--red)!important;color:var(--letter-on-accent)!important}.letter-btn.shuffling{animation:letter-shuffle .4s cubic-bezier(.34,1.4,.64,1) both}@keyframes letter-shuffle{0%{transform:scale(1) rotate(0)}35%{transform:scale(.78) rotate(-10deg)}65%{transform:scale(1.08) rotate(8deg)}to{transform:scale(1) rotate(0)}}.btn-shuffle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 22px;background:var(--outline-btn-bg);color:var(--outline-btn-text);border:1.5px solid var(--outline-btn-border);border-radius:999px;font-size:.9rem;font-weight:700;transition:transform .12s,opacity .12s}.word-board.entering .btn-shuffle{animation:fade-up .35s ease-out both;animation-delay:.22s}.btn-shuffle:active:not(:disabled){transform:scale(.94)}.btn-shuffle:disabled{opacity:.45}.btn-shuffle-icon{display:inline-flex;line-height:0}.btn-shuffle-icon.spinning{animation:shuffle-icon-spin .46s cubic-bezier(.34,1.4,.64,1) both}@keyframes shuffle-icon-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}.results-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:32px 24px;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom));text-align:center}.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:300px;margin-bottom:36px}.results-cell{aspect-ratio:1;border-radius:8px;animation:cell-enter .5s cubic-bezier(.34,1.4,.64,1) both,cell-breathe 2s ease-in-out infinite}.results-cell.won{background:var(--green)}.results-cell.lost{background:var(--red)}.results-cell.unknown{background:var(--border);opacity:.55}.results-cell:nth-child(1){animation-delay:0s,.8s}.results-cell:nth-child(2){animation-delay:.06s,.92s}.results-cell:nth-child(3){animation-delay:.12s,1.04s}.results-cell:nth-child(4){animation-delay:.18s,1.16s}.results-cell:nth-child(5){animation-delay:.24s,1.28s}.results-cell:nth-child(6){animation-delay:.3s,1.4s}.results-cell:nth-child(7){animation-delay:.36s,1.52s}.results-cell:nth-child(8){animation-delay:.42s,1.64s}.results-cell:nth-child(9){animation-delay:.48s,1.76s}.results-cell:nth-child(10){animation-delay:.54s,1.88s}.results-cell:nth-child(11){animation-delay:.6s,2s}.results-cell:nth-child(12){animation-delay:.66s,2.12s}.results-headline{font-size:1.65rem;font-weight:800;margin:0 0 8px;letter-spacing:-.02em;animation:fade-up .5s ease-out .5s both}.results-sub{font-size:1.05rem;color:var(--text-muted);margin:0 0 32px;animation:fade-up .5s ease-out .65s both}.results-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;margin-bottom:16px;animation:fade-up .5s ease-out .8s both}.btn-share{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:var(--letter-on-accent);font-weight:700;font-size:.95rem;padding:14px 16px;border-radius:999px;box-shadow:0 4px 14px var(--btn-green-shadow);transition:transform .12s}.btn-share:active{transform:scale(.96)}.btn-share-icon{font-size:1.1rem;line-height:1}.btn-replay{flex:1;background:var(--blue);color:var(--letter-on-accent);font-weight:700;font-size:.95rem;padding:14px 16px;border-radius:999px;box-shadow:0 4px 14px var(--btn-blue-shadow);transition:transform .12s}.btn-replay:active{transform:scale(.96)}.btn-outline{background:var(--outline-btn-bg);color:var(--outline-btn-text);font-weight:700;font-size:.95rem;padding:14px 32px;border-radius:999px;border:1.5px solid var(--outline-btn-border);animation:fade-up .5s ease-out .95s both;transition:transform .12s}.btn-outline:active{transform:scale(.96)}@keyframes cell-enter{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cell-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes word-leave{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.95)}}@keyframes word-enter{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slot-enter{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes letter-enter{0%{opacity:0;transform:scale(.4)}65%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes timer-enter{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.game-date,.results-date{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px}.page-shell{min-height:100%;display:flex;flex-direction:column;align-items:center;background:var(--bg);padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.page-header{display:flex;align-items:center;min-height:52px;padding:8px 12px 16px;width:100%;max-width:420px;box-sizing:border-box}.page-back{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text)}.page-title{flex:1;font-size:1.1rem;font-weight:800;line-height:1;text-align:center;margin:0;text-transform:lowercase}.page-header-spacer{flex-shrink:0;width:44px;height:44px}.page-body{flex:1;width:100%;max-width:420px;padding:0 20px 24px;overflow-y:auto;box-sizing:border-box}@media(min-width:720px){.page-shell{justify-content:flex-start}.page-header,.page-body{max-width:440px}.page-body{padding-left:24px;padding-right:24px}}.panel-center{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0;text-align:center}.panel-text{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.panel-sub{color:var(--text-muted);font-size:.9rem;margin:0 0 16px}.panel-hint{color:var(--text-muted);font-size:.8rem;margin:8px 0 0}.panel-error{color:var(--red);font-size:.85rem;margin:0}.tab-row{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto}.tab-btn{flex:1;min-width:0;padding:10px 8px;font-size:.8rem;font-weight:700;border-radius:999px;background:var(--surface);color:var(--text-muted);white-space:nowrap}.tab-btn.active{background:var(--accent);color:var(--bg)}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface)}.leaderboard-item.you{outline:2px solid var(--green)}.leaderboard-rank{font-weight:800;font-size:1.1rem}.leaderboard-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-weight:800;color:var(--green)}.archive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.archive-item{width:100%;text-align:left;padding:16px;border-radius:12px;background:var(--surface-elevated);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow-soft);display:flex;flex-direction:column;gap:6px;transition:opacity .15s,background .15s;color:var(--text)}.archive-item:active{opacity:.55}.archive-label{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.35}.archive-brand{text-transform:lowercase}.archive-date{color:var(--text)}.archive-meta{font-size:.82rem;color:var(--green);font-weight:700}.archive-meta-muted{color:var(--text-muted);font-weight:600}.settings-section{margin-bottom:32px}.settings-heading{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.segmented{display:flex;gap:6px;background:var(--surface);border-radius:12px;padding:4px}.segmented-btn{flex:1;padding:10px 8px;font-size:.9rem;font-weight:700;border-radius:8px;color:var(--text-muted)}.segmented-btn.active{background:var(--surface-elevated);color:var(--text);box-shadow:0 1px 4px var(--shadow-soft)}.user-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--surface)}.user-avatar{border-radius:50%}.user-avatar-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-elevated);color:var(--text);font-weight:800;font-size:.95rem}.user-info{flex:1;min-width:0}.user-name{font-weight:800;margin:0;font-size:.95rem}.user-email{margin:2px 0 0;font-size:.82rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.btn-text-danger{font-size:.85rem;font-weight:700;color:var(--red)}.auth-panel{display:flex;flex-direction:column;align-items:stretch;gap:14px}.auth-panel--profile{align-items:center;text-align:center;padding:8px 4px 4px}.auth-panel-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.auth-panel-brand img{border-radius:14px;box-shadow:0 6px 18px var(--shadow-logo)}.auth-panel--profile .panel-sub{max-width:28rem;margin:0 auto}.auth-panel--profile .btn-google-auth,.auth-panel .btn-google-auth{max-width:320px;width:100%;margin-inline:auto}.auth-alt-btn{width:100%;max-width:320px;margin-inline:auto;padding:12px 18px;font-size:.9rem}.auth-alt-btn--compact{width:auto;max-width:none;margin-inline:0;padding:10px 14px;font-size:.85rem}.btn-google-auth{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border-radius:12px;border:1px solid #dadce0;background:#fff;color:#1f1f1f;font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.01em;box-shadow:0 1px 2px #3c40432e,0 1px 3px 1px #3c404314;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}.btn-google-auth:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #3c404338,0 2px 6px 2px #3c40431a}.btn-google-auth:active:not(:disabled){background:#f1f3f4;transform:scale(.985)}.btn-google-auth:disabled{opacity:.65;cursor:wait}.btn-google-auth-logo{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.btn-google-auth-label{line-height:1.2}.btn-google-auth--compact{min-height:42px;padding:8px 16px;font-size:.88rem;gap:10px;border-radius:10px}[data-theme=dark] .btn-google-auth{background:#fff;color:#1f1f1f;border-color:#dadce0}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:280px;padding:14px 20px;border-radius:12px;background:var(--surface-elevated);border:1.5px solid var(--border);font-weight:700;font-size:.95rem;color:var(--text);transition:opacity .15s}.btn-google:active{opacity:.55}.btn-google-icon{width:22px;height:22px;border-radius:50%;background:#4285f4;color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-google-compact{max-width:none;width:auto;padding:10px 16px;font-size:.85rem}.leaderboard-banner{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:12px;background:var(--surface)}.leaderboard-banner-text{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.45}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.profile-avatar-btn{position:relative;border-radius:50%;margin-bottom:12px}.profile-avatar,.profile-avatar-placeholder{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block}.profile-avatar-placeholder{background:var(--surface);color:var(--text);font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center}.profile-avatar-hint{position:absolute;bottom:0;right:0;font-size:.65rem;font-weight:800;background:var(--accent);color:var(--bg);padding:3px 7px;border-radius:999px}.profile-file-input{display:none}.profile-name{margin:0;font-weight:800;font-size:1.1rem}.profile-email{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.profile-sign-out{margin-top:16px;min-width:160px;animation:none}.profile-section{margin-bottom:28px}.profile-account-card{padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.profile-account-card .btn-google{margin-top:12px}.profile-username-row{display:flex;gap:8px}.profile-input{flex:1;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-elevated);color:var(--text);font:inherit;font-weight:700;font-size:.95rem}.profile-input:focus{outline:none;border-color:var(--accent)}.btn-profile-save{padding:12px 16px;border-radius:10px;background:var(--accent);color:var(--bg);font-weight:800;font-size:.9rem;white-space:nowrap}.btn-profile-save:disabled{opacity:.5}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-grid-compact{margin-top:12px}.stat-card{padding:14px;border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:6px;min-width:0}.stat-card-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.25}.stat-card-main{display:flex;align-items:baseline;gap:4px;min-width:0}.stat-card-value{font-size:1.35rem;font-weight:800;line-height:1.1}.stat-card-unit{font-size:.72rem;font-weight:700;color:var(--text-muted);line-height:1}.stat-card-hint{font-size:.68rem;font-weight:600;color:var(--text-muted);line-height:1.2;opacity:.85}.bar-chart{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.bar-chart-row{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:10px}.bar-chart-label{font-size:.82rem;font-weight:700;color:var(--text-muted)}.bar-chart-track{height:10px;border-radius:999px;background:var(--border);overflow:hidden}.bar-chart-fill{height:100%;border-radius:999px;min-width:2px}.bar-chart-fill-won{background:var(--green)}.bar-chart-fill-lost{background:var(--red)}.bar-chart-num{font-weight:800;font-size:.9rem;text-align:right}.recent-chart{--recent-gap: 8px;display:grid;grid-template-columns:repeat(var(--recent-cols, 10),minmax(0,1fr));column-gap:var(--recent-gap);align-items:end;height:120px;padding:12px var(--recent-gap) 8px;border-radius:12px;background:var(--surface);box-sizing:border-box}.recent-chart-col{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:100%;min-width:0;gap:6px}.recent-chart-track{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:flex-end}.recent-chart-bar{width:100%;min-height:4px;border-radius:6px 6px 2px 2px;background:var(--green)}.recent-chart-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-align:center;line-height:1}@keyframes shake{0%,to{transform:translate(0)}12%{transform:translate(-8px)}28%{transform:translate(8px)}44%{transform:translate(-6px)}60%{transform:translate(6px)}76%{transform:translate(-3px)}88%{transform:translate(3px)}}