@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:3px solid var(--color-correct,#538d4e);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-correct:#4da36e;--color-present:#d8a64d;--color-absent:#4a4d55;--color-tile-bg:#0b0b0f;--color-tile-text:#f4f4f0;--color-border-empty:#f4f4f029;--color-border-filled:#f4f4f0;--color-key-bg:#16161c;--color-key-text:#f4f4f0}:root[data-theme=light]{--color-correct:#2a7b4c;--color-present:#b89033;--color-absent:#bfc2ca;--color-tile-bg:#f4f4f0;--color-tile-text:#0b0b0f;--color-border-empty:#0b0b0f24;--color-border-filled:#0b0b0f;--color-key-bg:#ecece6;--color-key-text:#0b0b0f}:root[data-contrast=high]{--color-correct:#f5793a;--color-present:#85c0f9}body{background:var(--color-tile-bg);color:var(--color-tile-text);font-family:IBM Plex Sans,system-ui,sans-serif;transition:background-color .22s,color .22s}.app,.app-shell{background:var(--color-tile-bg);min-height:100svh;color:var(--color-tile-text);flex-direction:column;align-items:center;font-family:IBM Plex Sans,system-ui,sans-serif;transition:background-color .22s,color .22s,border-color .22s;display:flex}.app-loading{background:var(--color-tile-bg);min-height:100svh;color:var(--color-tile-text);justify-content:center;align-items:center;font-size:2rem;display:flex}.app-main{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.app-header{border-bottom:2px solid var(--color-tile-text);background:var(--color-tile-bg);width:100%}.header-inner{align-items:center;gap:12px;max-width:540px;margin:0 auto;padding:10px 14px;display:flex}.brand{letter-spacing:-.03em;text-transform:uppercase;color:var(--color-tile-text);font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none}.header-nav{flex:1;gap:4px;margin-left:8px;display:flex}.header-nav a{color:var(--color-tile-text);opacity:.65;border-radius:4px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s,background-color .2s}.header-nav a.active{opacity:1;background:var(--color-key-bg);border:1px solid var(--color-border-empty)}.header-actions{align-items:center;gap:6px;display:flex}.icon-btn{cursor:pointer;color:var(--color-tile-text);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 6px;font-size:1.1rem;line-height:1;transition:background-color .2s,border-color .2s}.icon-btn:hover{background:var(--color-key-bg);border-color:var(--color-border-empty)}.username{opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-family:JetBrains Mono,monospace;font-size:.85rem;overflow:hidden}@media (width<=480px){.header-inner{flex-wrap:wrap;gap:6px;padding:8px}.brand{font-size:1.15rem}.header-nav{gap:2px;margin-left:0}.header-nav a{padding:5px 8px;font-size:.82rem}.header-actions{gap:2px}.icon-btn{padding:4px;font-size:1rem}.username{max-width:64px;font-size:.78rem}}header{border-bottom:2px dashed var(--color-border-empty);text-align:center;width:100%;max-width:500px;padding:16px 0 8px}header h1{letter-spacing:-.03em;text-transform:uppercase;color:var(--color-tile-text);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:2.2rem;font-weight:800}.subtitle{opacity:.55;letter-spacing:.5px;margin:4px 0 0;font-family:JetBrains Mono,monospace;font-size:.75rem}.game-subtitle{opacity:.65;text-align:center;margin-top:12px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:.82rem}.results-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 4px;display:flex}.load-error{text-align:center;padding:40px 16px}.load-error p{opacity:.8;margin-bottom:14px}.archive-picker{text-align:center;max-width:420px;padding:24px 16px}.archive-picker p{opacity:.7;margin:8px 0 18px;font-size:.9rem}.archive-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.archive-row input{border:2px solid var(--color-border-empty);background:var(--color-tile-bg);color:var(--color-tile-text);border-radius:8px;padding:10px 12px;font-size:1rem}.definition-link{color:var(--color-correct);margin:4px 0;font-size:.85rem;text-decoration:none;display:inline-block}.definition-link:hover{text-decoration:underline}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.toast-item{background:var(--color-tile-text);color:var(--color-tile-bg);letter-spacing:1px;border:2px solid var(--color-border-filled);text-align:center;border-radius:6px;max-width:min(90vw,360px);padding:10px 20px;font-size:.9rem;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;box-shadow:0 4px 12px #00000040}@media (width<=480px){.toast-container{top:96px}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.practice-timer{background:var(--color-key-bg);border:2px solid var(--color-border-filled);width:fit-content;box-shadow:2px 2px 0 var(--color-border-filled);border-radius:4px;justify-content:center;align-items:center;gap:6px;margin:10px auto -5px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:800;display:flex}.auth{justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.auth-card{text-align:center;width:100%;max-width:360px}.auth-card h1{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:2.6rem;font-weight:800}.auth-tagline{opacity:.55;margin:4px 0 28px;font-family:JetBrains Mono,monospace;font-size:.85rem}.auth-tabs{background:var(--color-key-bg);border:1px solid var(--color-border-empty);border-radius:4px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:var(--color-key-text);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;flex:1;padding:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:opacity .2s,background-color .2s}.auth-tabs button.active{background:var(--color-tile-bg);border:1px solid var(--color-border-empty);opacity:1}.auth form{flex-direction:column;gap:10px;display:flex}.auth input{border:2px solid var(--color-border-empty);background:var(--color-tile-bg);color:var(--color-tile-text);border-radius:2px;padding:13px 14px;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:border-color .2s}.auth input:focus{border-color:var(--color-correct);outline:none}.auth-error{color:#e06a6a;background:#dc505026;border:1px solid #dc50504d;border-radius:2px;padding:10px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem}.auth-submit{border:1px solid var(--color-border-empty);background:var(--color-correct);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 3px 0 var(--color-border-empty);border-radius:2px;margin-top:6px;padding:13px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;transition:background-color .2s,transform 80ms,box-shadow 80ms;transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-submit:not(:disabled):hover{filter:brightness(1.1)}.auth-submit:not(:disabled):active{box-shadow:none;transform:translateY(3px)}.auth-hint{opacity:.5;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:.78rem}.board{--tile-size:min(62px, calc((92vw - 4 * var(--tile-gap)) / 5), 14vh);--tile-gap:6px;gap:var(--tile-gap);flex-direction:column;margin:20px auto;display:flex}.row{gap:var(--tile-gap);display:flex}.row.shake{animation:.5s ease-in-out shake}.tile{width:var(--tile-size);height:var(--tile-size);border:2px solid var(--color-border-empty);font-size:calc(var(--tile-size) * .5);color:var(--color-tile-text);background:var(--color-tile-bg);-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-weight:700;transition:background-color .22s,border-color .22s,color .22s;display:flex}.tile[data-state=active],.tile[data-state=empty]{border-color:var(--color-border-empty)}.tile.filled[data-state=active]{border-color:var(--color-border-filled);animation:.1s ease-in-out pop}.tile[data-state=correct]{background:var(--color-correct);border-color:var(--color-correct);color:#fff}.tile[data-state=present]{background:var(--color-present);border-color:var(--color-present);color:#fff}.tile[data-state=absent]{background:var(--color-absent);border-color:var(--color-absent);color:#fff}.tile.reveal{animation:.5s forwards flip;animation-delay:var(--reveal-delay,0s);background:var(--color-tile-bg);border-color:var(--color-border-empty);color:var(--color-tile-text)}.tile.reveal[data-state=correct]{animation-name:flip-correct}.tile.reveal[data-state=present]{animation-name:flip-present}.tile.reveal[data-state=absent]{animation-name:flip-absent}@keyframes flip-correct{0%{background:var(--color-tile-bg);border-color:var(--color-border-empty);color:var(--color-tile-text);transform:rotateX(0)}49%{background:var(--color-tile-bg);transform:rotateX(-90deg)}50%{background:var(--color-correct);border-color:var(--color-correct);color:#fff;transform:rotateX(-90deg)}to{background:var(--color-correct);border-color:var(--color-correct);color:#fff;transform:rotateX(0)}}@keyframes flip-present{0%{background:var(--color-tile-bg);border-color:var(--color-border-empty);color:var(--color-tile-text);transform:rotateX(0)}49%{background:var(--color-tile-bg);transform:rotateX(-90deg)}50%{background:var(--color-present);border-color:var(--color-present);color:#fff;transform:rotateX(-90deg)}to{background:var(--color-present);border-color:var(--color-present);color:#fff;transform:rotateX(0)}}@keyframes flip-absent{0%{background:var(--color-tile-bg);border-color:var(--color-border-empty);color:var(--color-tile-text);transform:rotateX(0)}49%{background:var(--color-tile-bg);transform:rotateX(-90deg)}50%{background:var(--color-absent);border-color:var(--color-absent);color:#fff;transform:rotateX(-90deg)}to{background:var(--color-absent);border-color:var(--color-absent);color:#fff;transform:rotateX(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.keyboard{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:500px;margin:0 auto;padding:0 6px;display:flex}.keyboard-row{justify-content:center;gap:4px;display:flex}.key{border:1px solid var(--color-border-empty);background:var(--color-key-bg);min-width:0;height:56px;color:var(--color-key-text);cursor:pointer;text-transform:uppercase;box-shadow:0 3px 0 var(--color-border-empty);touch-action:manipulation;border-radius:2px;flex:1 1 0;max-width:46px;padding:0 2px;font-family:JetBrains Mono,monospace;font-size:clamp(.7rem,2.6vw,.85rem);font-weight:700;transition:background-color .22s,border-color .22s,color .22s,transform 80ms,box-shadow 80ms;transform:translateY(0)}.key.wide{flex:1.5 1 0;max-width:66px;font-size:clamp(.6rem,2.2vw,.75rem)}@media (height<=720px){.key{height:48px}}.key:hover{filter:brightness(1.1)}.key:active,.key.pressed{box-shadow:none;filter:brightness(.95);transform:translateY(3px)}.key.correct{background:var(--color-correct);color:#fff;border-color:var(--color-correct);animation:.3s ease-out key-reveal}.key.present{background:var(--color-present);color:#fff;border-color:var(--color-present);animation:.3s ease-out key-reveal}.key.absent{background:var(--color-absent);color:#fff;border-color:var(--color-absent);opacity:.65;animation:.3s ease-out key-reveal}@keyframes key-reveal{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stats{width:100%}.stats-loading{opacity:.5;padding:30px;font-size:1.5rem}.stats-numbers{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;display:flex}.stat{text-align:center}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:700;line-height:1}.stat-label{opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.65rem}.stats-heading{letter-spacing:-.01em;text-transform:uppercase;opacity:.8;text-align:center;margin:0 0 12px;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:800}.stats-dist-svg{width:100%;max-width:280px;margin:0 auto;display:block}.dist-svg-label{fill:var(--color-tile-text);dominant-baseline:middle;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.dist-svg-bar{fill:var(--color-absent);transition:width .8s cubic-bezier(.16,1,.3,1)}.dist-svg-bar.highlight{fill:var(--color-correct)}.dist-svg-count{fill:#fff;dominant-baseline:middle;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;transition:x .8s cubic-bezier(.16,1,.3,1)}.stats-achievements{flex-direction:column;gap:10px;max-width:320px;margin-top:16px;margin-left:auto;margin-right:auto;display:flex}.achievement-badge{text-align:left;border-radius:6px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.achievement-badge.locked{background:var(--color-key-bg);border:2px dashed var(--color-border-empty);opacity:.45}.achievement-badge.unlocked{background:var(--color-tile-bg);border:2px solid var(--color-border-filled);box-shadow:2px 2px 0 var(--color-border-filled)}.achievement-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:1.4rem;line-height:1;display:flex}.achievement-badge.unlocked .achievement-icon{color:var(--color-correct)}.achievement-badge.locked .achievement-icon{color:var(--color-border-filled);opacity:.5}.achievement-info{flex-direction:column;gap:2px;display:flex}.achievement-title{text-transform:uppercase;letter-spacing:-.01em;font-family:Bricolage Grotesque,sans-serif;font-size:.88rem;font-weight:800}.achievement-desc{opacity:.75;font-size:.72rem;line-height:1.3}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s fadein;display:flex;position:fixed;inset:0}.modal{background:var(--color-tile-bg);border:2px solid var(--color-tile-text);text-align:center;min-width:300px;max-width:min(420px,92vw);max-height:90svh;box-shadow:6px 6px 0 var(--color-border-empty);border-radius:4px;padding:28px 32px;font-family:IBM Plex Sans,system-ui,sans-serif;animation:.2s slidein;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-key-text);opacity:.6;background:0 0;border:none;font-size:1.1rem;position:absolute;top:12px;right:14px}.modal-close:hover{opacity:1}.modal-icon{margin-bottom:8px;font-size:2.5rem}.modal h2{letter-spacing:-.02em;margin:0 0 12px;font-family:Bricolage Grotesque,sans-serif;font-size:1.8rem;font-weight:800}.modal p{color:var(--color-key-text);opacity:.85;margin:0 0 10px}.answer{color:var(--color-correct);letter-spacing:2px;font-family:JetBrains Mono,monospace}.next-word{font-size:.85rem;opacity:.6!important}.countdown{flex-direction:column;align-items:center;gap:2px;margin-top:18px;display:flex}.countdown-label{text-transform:uppercase;letter-spacing:.5px;opacity:.55;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.7rem}.countdown-clock{font-variant-numeric:tabular-nums;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.modal-btn{background:var(--color-correct);color:#fff;border:1px solid var(--color-border-empty);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 3px 0 var(--color-border-empty);border-radius:2px;margin-top:16px;padding:10px 28px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;transition:background-color .2s,transform 80ms,box-shadow 80ms;transform:translateY(0)}.modal-btn:hover{filter:brightness(1.1)}.modal-btn:active{box-shadow:none;transform:translateY(3px)}.modal-btn.ghost{border:2px solid var(--color-border-filled);color:var(--color-tile-text);box-shadow:none;background:0 0}.modal-btn.ghost:active{transform:none}.share-btn{background:var(--color-correct)}.definition-panel{border:2px dashed var(--color-border-empty);background:var(--color-key-bg);text-align:center;border-radius:4px;max-width:320px;margin:16px auto;padding:14px}.definition-label{color:var(--color-key-text);opacity:.7;margin-bottom:10px;font-size:.8rem;display:block}.definition-links{justify-content:center;gap:10px;display:flex}.definition-link{border:1px solid var(--color-border-empty);background:var(--color-tile-bg);color:var(--color-tile-text);box-shadow:0 2px 0 var(--color-border-empty);border-radius:2px;align-items:center;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.definition-link:hover{border-color:var(--color-correct);color:var(--color-correct);box-shadow:0 3px 0 var(--color-border-empty);transform:translateY(-1px)}.definition-link:active{box-shadow:none;transform:translateY(1px)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.practice-speedrun-stats{background:var(--color-key-bg);border:1px solid var(--color-border-empty);border-radius:4px;justify-content:center;gap:16px;width:fit-content;margin:12px auto;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.calendar-container{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);max-width:380px;box-shadow:4px 4px 0 var(--color-border-filled);border-radius:4px;margin:20px auto;padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-header h3{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800}.calendar-nav-btn{background:var(--color-key-bg);color:var(--color-key-text);border:2px solid var(--color-border-filled);cursor:pointer;box-shadow:2px 2px 0 var(--color-border-filled);border-radius:2px;padding:4px 10px;font-weight:700;transition:all .1s}.calendar-nav-btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--color-border-filled);filter:brightness(1.05);transform:translate(-1px,-1px)}.calendar-nav-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--color-border-filled);transform:translate(1px,1px)}.calendar-nav-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-weekday{text-transform:uppercase;text-align:center;opacity:.6;border-bottom:1px solid var(--color-border-empty);padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.calendar-cell{aspect-ratio:1;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:flex;position:relative}.calendar-cell.pad{pointer-events:none;background:0 0}.calendar-cell.future{opacity:.2;border:1px dashed var(--color-border-empty);background:0 0}.calendar-btn-cell{aspect-ratio:1;background:var(--color-key-bg);width:100%;height:100%;color:var(--color-key-text);border:2px solid var(--color-border-filled);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:all .1s;display:flex}.calendar-btn-cell:hover{background:var(--color-tile-bg);border-color:var(--color-border-filled);box-shadow:2px 2px 0 var(--color-border-filled);transform:translate(-1px,-1px)}.calendar-btn-cell:active{box-shadow:none;transform:translate(1px,1px)}.calendar-btn-cell.won{background:var(--color-correct);border-color:var(--color-correct);color:#fff}.calendar-btn-cell.won:hover{filter:brightness(1.08);box-shadow:2px 2px 0 var(--color-border-filled)}.calendar-btn-cell.lost{background:var(--color-absent);border-color:var(--color-absent);color:#fff}.calendar-btn-cell.lost:hover{filter:brightness(1.08);box-shadow:2px 2px 0 var(--color-border-filled)}.cell-guesses{opacity:.9;margin-top:1px;font-size:.55rem;font-weight:800}.leaderboard{width:100%;max-width:460px;padding:20px 16px}.lb-title{text-align:center;margin:8px 0 20px;font-size:1.5rem}.lb-tabs{background:var(--color-key-bg);border-radius:8px;gap:4px;max-width:360px;margin:0 auto 20px;padding:4px;display:flex}.lb-tabs button{color:var(--color-key-text);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;flex:1;padding:9px;font-size:.9rem;font-weight:700}.lb-tabs button.active{background:var(--color-tile-bg);opacity:1}.lb-table{border-collapse:collapse;width:100%;font-size:.92rem}.lb-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;opacity:.5;border-bottom:1px solid var(--color-border-empty);padding:6px 10px;font-size:.7rem}.lb-table td{border-bottom:1px solid var(--color-border-empty);padding:10px}.lb-table th:first-child,.lb-table td:first-child{opacity:.7;width:28px}.lb-table tr.me{background:#538d4e2e;font-weight:700}.lb-fail{color:#e06a6a;font-weight:700}.lb-dim{opacity:.45}.lb-empty,.lb-error{text-align:center;opacity:.6;padding:30px 10px}.lb-error{color:#e06a6a}.lb-user-btn{color:var(--color-tile-text);font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:0;padding:0;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;transition:color .15s}.lb-user-btn:hover{color:var(--color-correct);text-decoration-style:solid}.lb-loading{color:var(--color-tile-text);opacity:.85;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 10px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.lb-spinner{border:3px solid var(--color-border-empty);border-top-color:var(--color-correct);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite lb-spin}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.profile-container{width:100%;max-width:480px;margin:0 auto;padding:24px 16px}.profile-card{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);box-shadow:4px 4px 0 var(--color-border-filled);border-radius:8px;align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.profile-avatar{color:#fff;border:2px solid var(--color-border-filled);width:64px;height:64px;box-shadow:2px 2px 0 var(--color-border-filled);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:1.6rem;font-weight:800;display:flex}.profile-info{flex-direction:column;gap:2px;display:flex}.profile-name{color:var(--color-tile-text);letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:800}.profile-username{opacity:.65;margin:0;font-family:JetBrains Mono,monospace;font-size:.82rem}.profile-section-title{text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-filled);color:var(--color-tile-text);margin:28px 0 16px;padding-bottom:6px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:800}.profile-history-list{flex-direction:column;gap:12px;display:flex}.profile-history-item{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);box-shadow:2px 2px 0 var(--color-border-filled);border-radius:6px;transition:transform .15s,box-shadow .15s;overflow:hidden}.profile-history-item:hover{box-shadow:3px 3px 0 var(--color-border-filled);transform:translateY(-1px)}.profile-history-header{cursor:pointer;text-align:left;width:100%;color:var(--color-tile-text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;display:flex}.history-meta{flex-direction:column;gap:2px;display:flex}.history-title{font-size:.95rem;font-weight:700}.history-subtitle{opacity:.6;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem}.history-result{align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.history-badge{border:1px solid var(--color-border-filled);border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:800}.history-badge.won{color:var(--color-correct);background:#538d4e26}.history-badge.lost{color:#e06a6a;background:#dc50501a}.history-indicator{opacity:.6;font-size:.8rem;transition:transform .2s}.profile-history-item.open .history-indicator{transform:rotate(90deg)}.profile-history-details{border-top:1px dashed var(--color-border-empty);background:var(--color-key-bg);justify-content:space-between;align-items:center;gap:20px;padding:16px;animation:.15s ease-out slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mini-grid{background:var(--color-tile-bg);border:1px solid var(--color-border-empty);border-radius:4px;flex-direction:column;gap:3px;padding:4px;display:flex}.mini-row{gap:3px;display:flex}.mini-tile{border-radius:1px;width:14px;height:14px}.mini-tile.correct{background:var(--color-correct)}.mini-tile.present{background:var(--color-present)}.mini-tile.absent{background:var(--color-absent)}.details-summary{text-align:right;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.details-summary div{font-family:JetBrains Mono,monospace}.profile-history-empty{text-align:center;border:2px dashed var(--color-border-empty);opacity:.55;border-radius:6px;padding:36px 12px;font-size:.9rem}.profile-insights-container{flex-wrap:wrap;gap:16px;margin-top:16px;margin-bottom:24px;display:flex}.profile-stats-extra{flex-direction:column;flex:160px;gap:12px;display:flex}.stat-card{background:var(--color-key-bg);border:2px solid var(--color-border-filled);text-align:center;box-shadow:2px 2px 0 var(--color-border-filled);border-radius:4px;padding:14px}.stat-card-value{color:var(--color-tile-text);font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;line-height:1.1}.stat-card-label{opacity:.65;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:.68rem;font-weight:700}.profile-heatmap-container{background:var(--color-tile-bg);border:2px solid var(--color-border-filled);box-shadow:3px 3px 0 var(--color-border-filled);border-radius:4px;flex:2 240px;padding:16px}.heatmap-title{text-transform:uppercase;opacity:.8;letter-spacing:-.01em;margin:0 0 12px;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:800}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heatmap-weekday{opacity:.5;text-align:center;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.heatmap-cell{aspect-ratio:1;border:1px solid var(--color-border-empty);color:var(--color-key-text);border-radius:2px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.heatmap-cell.pad{border-color:#0000}.heatmap-cell.empty{background:var(--color-key-bg);opacity:.45}.heatmap-cell.won{background:var(--color-correct);color:#fff;border-color:var(--color-correct)}.heatmap-cell.lost{background:var(--color-absent);color:#fff;border-color:var(--color-absent)}.heatmap-cell.future{opacity:.15;background:0 0;border-style:dashed}.modal.settings{text-align:left;max-width:min(380px,92vw)}.modal.settings h2{text-align:center;margin-bottom:20px}.settings-section{border-top:1px solid var(--color-border-empty);flex-direction:column;gap:8px;padding:16px 0;display:flex}.settings-section>label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:.75rem;font-weight:700}.settings-row{gap:8px;display:flex}.settings-row input{flex:1}.settings-section input{border:2px solid var(--color-border-empty);background:var(--color-tile-bg);color:var(--color-tile-text);border-radius:8px;padding:11px 12px;font-size:.95rem}.settings-section input:focus{border-color:var(--color-correct);outline:none}.settings-section button[type=submit]{background:var(--color-correct);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:11px 16px;font-weight:700}.settings-section button[type=submit]:disabled{opacity:.6;cursor:default}.settings-section button[type=submit]:not(:disabled):hover{filter:brightness(1.1)}.settings-sub{opacity:.55;margin:0;font-size:.78rem}.settings-msg{border-radius:6px;padding:7px 10px;font-size:.82rem}.settings-msg.ok{color:var(--color-correct);background:#538d4e2e}.settings-msg.err{color:#e06a6a;background:#dc505026}.settings-toggle{cursor:pointer;width:100%;color:var(--color-tile-text);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:6px 0;display:flex}.settings-toggle-text{flex:1}.settings-toggle-title{font-size:.95rem;font-weight:600;display:block}.settings-toggle-desc{opacity:.6;font-size:.78rem;display:block}.switch{background:var(--color-border-filled);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.switch.on{background:var(--color-correct)}.switch .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch.on .knob{transform:translate(20px)}.settings-section textarea{border:2px solid var(--color-border-empty);background:var(--color-tile-bg);color:var(--color-tile-text);resize:vertical;border-radius:8px;min-height:80px;padding:11px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.settings-section textarea:focus{border-color:var(--color-correct);outline:none}.settings-volume-row{flex-direction:column;gap:6px;margin-top:6px;padding:4px 0;display:flex}.settings-volume-row label{opacity:.85;font-family:JetBrains Mono,monospace;font-size:.8rem}.settings-volume-row input[type=range]{appearance:none;background:var(--color-key-bg);cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px;padding:0}.settings-volume-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-correct);border:2px solid var(--color-border-filled);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s}.settings-volume-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-volume-row input[type=range]::-moz-range-thumb{background:var(--color-correct);border:2px solid var(--color-border-filled);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s}.settings-volume-row input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.modal.htp{text-align:left;max-width:min(400px,92vw)}.modal.htp h2{text-align:center}.htp-intro,.htp-footer{opacity:.85;font-size:.9rem;line-height:1.45}.htp-footer{opacity:.6;border-top:1px solid var(--color-border-empty);margin-top:6px;padding-top:14px;font-size:.82rem}.htp-example{margin:14px 0}.htp-example p{opacity:.8;margin:6px 0 0;font-size:.85rem}.htp-tiles{gap:4px;display:flex}.htp-tile{border:2px solid var(--color-border-empty);text-transform:uppercase;border-radius:2px;justify-content:center;align-items:center;width:34px;height:34px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;display:flex}.htp-tile.correct{background:var(--color-correct);border-color:var(--color-correct);color:#fff}.htp-tile.present{background:var(--color-present);border-color:var(--color-present);color:#fff}.htp-tile.absent{background:var(--color-absent);border-color:var(--color-absent);color:#fff}.htp-legend{opacity:.8;flex-wrap:wrap;gap:14px;margin:16px 0;font-size:.8rem;display:flex}.htp-legend span{align-items:center;gap:5px;display:inline-flex}.htp-dot{border-radius:2px;width:12px;height:12px;display:inline-block}.htp-dot.correct{background:var(--color-correct)}.htp-dot.present{background:var(--color-present)}.htp-dot.absent{background:var(--color-absent)}.modal.htp .modal-btn{margin:8px auto 0;display:block}.feedback-widget{z-index:90;pointer-events:auto;position:fixed;top:55%;right:0;transform:translateY(-50%)}.feedback-tab{background:var(--color-tile-bg);color:var(--color-tile-text);border:2px solid var(--color-border-filled);cursor:pointer;white-space:nowrap;border-right:none;border-radius:8px 0 0 8px;align-items:center;gap:6px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:padding-right .2s cubic-bezier(.16,1,.3,1),background-color .2s;display:flex;box-shadow:-3px 3px 12px #00000026}.feedback-tab:hover{background:var(--color-key-bg);padding-right:18px}.feedback-panel{background:var(--color-tile-bg);width:290px;color:var(--color-tile-text);border:2px solid var(--color-border-filled);border-radius:12px;flex-direction:column;gap:12px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) feedback-slide-in;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:-4px 6px 24px #00000040}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(-50%)translate(25px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.feedback-close{color:var(--color-tile-text);cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;transition:opacity .15s;position:absolute;top:10px;right:10px}.feedback-close:hover{opacity:1}.feedback-panel h3{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800}.feedback-panel form{flex-direction:column;gap:10px;display:flex}.feedback-panel textarea{border:2px solid var(--color-border-empty);background:var(--color-key-bg);width:100%;height:96px;color:var(--color-tile-text);resize:none;border-radius:8px;padding:10px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.88rem;line-height:1.4;transition:border-color .2s}.feedback-panel textarea:focus{border-color:var(--color-correct);outline:none}.feedback-panel button[type=submit]{background:var(--color-correct);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;transition:filter .15s}.feedback-panel button[type=submit]:disabled{opacity:.5;cursor:default}.feedback-panel button[type=submit]:not(:disabled):hover{filter:brightness(1.08)}.feedback-msg{border-radius:6px;padding:8px 10px;font-size:.82rem;line-height:1.3}.feedback-msg.ok{color:var(--color-correct);background:#538d4e26}.feedback-msg.err{color:#e06a6a;background:#dc50501f}@media (width<=480px){.feedback-tab{padding:8px 10px;font-size:.78rem}.feedback-panel{width:calc(100vw - 32px);max-width:290px;right:16px}}.admin-container{width:100%;max-width:900px;margin:0 auto;padding:24px 16px}.admin-header-row{border-bottom:2px solid var(--color-border-filled);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-title{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:2rem;font-weight:800}.admin-subtitle{opacity:.6;margin:4px 0 0;font-family:JetBrains Mono,monospace;font-size:.85rem}.admin-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);border-radius:6px;flex:1;align-items:center;max-width:400px;padding:8px 12px;display:flex}.search-icon{opacity:.7;margin-right:8px}.search-box input{color:var(--color-tile-text);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.admin-table-wrapper{border:2px solid var(--color-border-filled);box-shadow:4px 4px 0 var(--color-border-filled);background:var(--color-tile-bg);border-radius:6px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border-empty);padding:12px 16px}.admin-table th{background:var(--color-key-bg);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border-filled);font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:700}.admin-table tr:last-child td{border-bottom:none}.font-mono{font-family:JetBrains Mono,monospace}.font-bold{font-weight:700}.font-size-sm{opacity:.7;font-size:.8rem}.text-right{text-align:right}.text-center{text-align:center}.admin-action-btn{background:var(--color-key-bg);border:1px solid var(--color-border-filled);color:var(--color-tile-text);cursor:pointer;border-radius:4px;margin-left:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;transition:all .15s}.admin-table td.Actions{white-space:nowrap}@media (width>=769px) and (width<=1024px){.admin-action-btn{margin-left:4px;padding:5px 6px;font-size:.75rem}}.admin-action-btn:hover:not(:disabled){background:var(--color-tile-text);color:var(--color-tile-bg)}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-action-btn.danger{color:#dc5050;border-color:#dc5050}.admin-action-btn.danger:hover{color:#fff;background:#dc5050}.admin-cards-list{display:none}.modal.admin-action-modal{text-align:left;max-width:min(440px,92vw)}.modal.admin-action-modal h3{margin:0 0 12px;font-family:Bricolage Grotesque,sans-serif;font-size:1.3rem;font-weight:800}.form-group{flex-direction:column;gap:6px;margin:16px 0;display:flex}.form-group label{font-size:.82rem;font-weight:600}.form-group input{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);color:var(--color-tile-text);border-radius:6px;padding:11px 12px;font-size:.95rem}.form-group input:focus{border-color:var(--color-correct);outline:none}.form-group.inline-row{flex-direction:row;gap:8px}.form-group.inline-row input{flex:1}.danger-subtext{color:#dc5050;background:#dc505014;border-left:3px solid #dc5050;border-radius:4px;padding:8px 12px;font-size:.8rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.admin-login-container{justify-content:center;align-items:center;min-height:calc(100svh - 80px);padding:16px;display:flex}.admin-login-card{text-align:center;width:100%;max-width:360px;padding:30px 24px}.admin-login-card h2{margin-top:0;font-family:Bricolage Grotesque,sans-serif;font-weight:800}.admin-login-card p{opacity:.7;font-size:.85rem}.admin-error{color:#dc5050;margin-bottom:12px;font-size:.85rem;font-weight:600}.admin-loading,.admin-empty{text-align:center;opacity:.6;padding:40px;font-size:1.2rem}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.admin-table-wrapper{display:none}.admin-cards-list{flex-direction:column;gap:12px;display:flex}.admin-user-card{border:2px solid var(--color-border-filled);background:var(--color-tile-bg);box-shadow:3px 3px 0 var(--color-border-filled);border-radius:6px;padding:14px}.card-header{border-bottom:1px solid var(--color-border-empty);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.card-username{font-size:1.05rem;font-weight:700}.card-id{opacity:.6;font-size:.85rem}.card-body{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.card-date{opacity:.7;margin-top:4px}.card-actions{border-top:1px dashed var(--color-border-empty);justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;display:flex}.card-actions .admin-action-btn{margin-left:0}}