:root{--bg: #101E1C;--panel: #182B28;--border: #2E4A45;--text: #EDE4CE;--muted: #8FA69F;--hit: #3F7D5A;--near: #C08A2E;--miss: #2A3F3B;--accent: #E2582A;--silly: #E8508D;--d0: #C08A2E;--d1: #3F7D5A;--d2: #4F86C6;--d3: #9B6BD1;--font-brand: "Alfa Slab One", Georgia, "Times New Roman", serif;--font-ui: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius: 10px;--gap: 6px;--maxw: 520px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}#root{min-height:100%;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}.app{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 12px env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 10px;border-bottom:1px solid var(--border)}.wordmark{font-family:var(--font-brand);font-size:1.75rem;line-height:1;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.wordmark .wor{color:var(--text)}.wordmark .dubb{color:var(--accent)}.wordmark.sm{font-size:1.25rem}.wordmark.lg{font-size:2.75rem}.topbar-right{display:flex;align-items:center;gap:8px}.brandbtn{padding:0;background:none;border:none}.switch{display:flex;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}.switch::-webkit-scrollbar{display:none}.pill{position:relative;min-width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-weight:700;font-size:.85rem;display:grid;place-items:center}.pill.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.pill-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%}.pill-dot.done{background:var(--hit)}.pill-dot.playing{background:var(--near)}.av{display:inline-flex;flex:0 0 auto;border-radius:50%;overflow:hidden}.av-btn{padding:0;border:none;background:none;cursor:pointer;line-height:0}.av-btn:active{transform:scale(.94)}.av-img{border-radius:50%;object-fit:cover;display:block;background:var(--bg);border:2px solid var(--border)}.av-fallback{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;font-size:.85em;border:2px solid var(--border)}.av-fallback.big{width:200px;height:200px;font-size:5rem}.av-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#040a09d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .14s ease}.av-modal figure{margin:0;text-align:center;max-width:340px}.av-modal img{width:100%;border-radius:22px;border:3px solid var(--accent);box-shadow:0 24px 60px #0000008c;animation:pop .22s ease}.av-modal figcaption{margin-top:12px;font-family:var(--font-brand);font-size:1.4rem}.av-x{display:block;margin:6px auto 0;color:var(--muted);font-size:.8rem;background:none;border:none}.gp{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px 8px 46px}.gp-lede{color:var(--text);font-size:1.05rem;margin:0;max-width:26ch}.gp-fine{color:var(--muted);font-size:.82rem;margin:0;max-width:30ch}.gp-choices{display:flex;gap:14px}.gp-choices.row{gap:10px;align-items:center}.gp-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:128px;padding:20px 12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:1.1rem;font-weight:700;transition:transform 90ms,border-color .12s}.gp-card:active{transform:scale(.97)}.gp-card:hover{border-color:var(--accent)}.gp-emoji{font-size:3rem}.gp-cook{display:flex;flex-direction:column;align-items:center;gap:12px}.gp-cook p{margin:0}.gp-spinner{width:54px;height:54px;border-radius:50%;border:5px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gp-reveal{display:flex;flex-direction:column;align-items:center;gap:16px}.gp-reveal .av-img,.gp-reveal .av-fallback{border-width:3px;border-color:var(--accent)}@media (prefers-reduced-motion: reduce){.gp-spinner{animation-duration:3s}}.hub{flex:1;display:flex;flex-direction:column;padding:8px 2px 24px}.hub-head{text-align:center;padding:14px 4px 18px}.hub-sub{color:var(--muted);font-size:.88rem;margin:8px 0 0}.cards{display:flex;flex-direction:column;gap:10px}.card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:14px 15px;transition:transform 90ms ease,border-color .12s ease}.card:active{transform:scale(.99)}.card.state-done{opacity:.82}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-right:30px}.card-badge{width:30px;height:30px;border-radius:8px;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-brand);font-size:.95rem;color:var(--accent)}.card-status{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.card-status.new{color:var(--accent)}.card-status.done{color:var(--hit)}.card-name{font-size:1.15rem;font-weight:700}.card-tag{font-size:.82rem;color:var(--muted);margin-top:2px}.scores-cta{margin-top:16px;padding:13px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:700;font-size:.95rem}.reroll-cta{margin-top:10px;padding:11px;border-radius:var(--radius);border:1px dashed var(--border);background:transparent;color:var(--muted);font-weight:600;font-size:.85rem}.reroll-cta:active{transform:scale(.99)}.card{position:relative}.card-open{display:block;width:100%;text-align:left;background:none;border:none;padding:0;color:inherit}.card-help{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-weight:800;font-size:.9rem;line-height:1}.card-help:active{transform:scale(.92)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;animation:fade .14s ease}@keyframes fade{0%{opacity:0}}.sheet{position:relative;width:100%;max-width:var(--maxw);max-height:88vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom));animation:sheetup .2s ease}@keyframes sheetup{0%{transform:translateY(14px);opacity:.6}}.sheet-x{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:1.3rem;line-height:1}.sheet-title{font-family:var(--font-brand);font-size:1.35rem;margin:0 40px 2px 0}.sheet-tag{color:var(--muted);margin:0 0 14px;font-size:.9rem}.sheet-steps{margin:0 0 14px;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}.sheet-steps li{font-size:.92rem;line-height:1.4}.sheet-legend{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:12px;background:var(--bg);border-radius:var(--radius)}.leg-row{display:flex;align-items:center;gap:10px;font-size:.86rem}.leg-swatch{width:22px;height:22px;border-radius:5px;flex:0 0 auto;border:1px solid var(--border)}.leg-swatch.h{background:var(--hit);border-color:var(--hit)}.leg-swatch.n{background:var(--near);border-color:var(--near)}.leg-swatch.m{background:var(--miss)}.leg-swatch.d0{background:var(--d0);border-color:var(--d0)}.leg-swatch.d1{background:var(--d1);border-color:var(--d1)}.leg-swatch.d2{background:var(--d2);border-color:var(--d2)}.leg-swatch.d3{background:var(--d3);border-color:var(--d3)}.sheet-notes{margin:0 0 18px;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.sheet-notes li{font-size:.84rem;line-height:1.4}.sheet-go{width:100%}.conn{flex:1;display:flex;flex-direction:column;padding:6px 2px 20px}.conn-head{text-align:center;padding:6px 0 12px}.conn-title{font-family:var(--font-brand);font-size:1.5rem}.conn-sub{color:var(--muted);font-size:.85rem;margin-top:2px}.grps{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.grp{border-radius:8px;padding:9px 10px;text-align:center;color:#12100c;animation:pop .16s ease-out}.grp.d0{background:var(--d0)}.grp.d1{background:var(--d1);color:#fff}.grp.d2{background:var(--d2);color:#fff}.grp.d3{background:var(--d3);color:#fff}.grp-theme{font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.grp-words{font-size:.9rem;font-weight:600;margin-top:2px}.conn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}.conn-grid.bad{animation:shake .38s ease}.ctile{aspect-ratio:1.35;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:700;font-size:clamp(.62rem,3.1vw,.9rem);text-transform:uppercase;display:grid;place-items:center;padding:2px;overflow:hidden;text-align:center;line-height:1.05}.ctile.sel{background:var(--muted);color:var(--bg);border-color:var(--muted);transform:scale(.97)}.mistakes{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:.82rem;padding:8px 0}.mistakes .dots{display:flex;gap:6px}.mistakes .dot{width:11px;height:11px;border-radius:50%;background:var(--muted)}.mistakes .dot.used{background:var(--miss);border:1px solid var(--border)}.conn-actions{display:flex;gap:8px;justify-content:center;padding:8px 0}.conn-actions .submit{flex:0 0 auto;padding:11px 22px}.conn-share{display:flex;flex-direction:column;gap:3px;align-items:center;margin:8px 0}.cs-row{display:flex;gap:3px}.cs{width:15px;height:15px;border-radius:3px}.cs.d0{background:var(--d0)}.cs.d1{background:var(--d1)}.cs.d2{background:var(--d2)}.cs.d3{background:var(--d3)}.endcard.miss .verdict{color:var(--muted)}.mini.conn .mrow{grid-template-columns:repeat(4,7px)}.mini i.d0{background:var(--d0)}.mini i.d1{background:var(--d1)}.mini i.d2{background:var(--d2)}.mini i.d3{background:var(--d3)}.who{font-size:.8rem;color:var(--muted);max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconbtn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius);padding:7px 11px;font-size:.8rem;font-weight:500;white-space:nowrap}.iconbtn:active{transform:scale(.97)}.iconbtn.on{border-color:var(--accent);color:var(--accent)}.silly-banner{margin:10px 0 2px;padding:8px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--silly) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--silly) 55%,var(--border));color:var(--silly);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-align:center;text-transform:uppercase}.board-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;min-height:0}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:var(--gap);width:min(100%,330px)}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}.tile{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(1.4rem,8vw,2rem);font-weight:700;text-transform:uppercase;border:2px solid var(--border);border-radius:8px;background:transparent;color:var(--text);-webkit-user-select:none;user-select:none}.tile.filled{border-color:var(--muted);animation:pop .11s ease-out}.tile.h{background:var(--hit);border-color:var(--hit)}.tile.n{background:var(--near);border-color:var(--near)}.tile.m{background:var(--miss);border-color:var(--miss);color:var(--muted)}.tile.h,.tile.n{color:#fff}.tile.revealed{animation:flip .42s ease forwards}.tile.revealed:nth-child(1){animation-delay:0ms}.tile.revealed:nth-child(2){animation-delay:90ms}.tile.revealed:nth-child(3){animation-delay:.18s}.tile.revealed:nth-child(4){animation-delay:.27s}.tile.revealed:nth-child(5){animation-delay:.36s}.row.bad{animation:shake .38s ease}.row.win .tile{animation:bounce .52s ease}.row.win .tile:nth-child(2){animation-delay:70ms}.row.win .tile:nth-child(3){animation-delay:.14s}.row.win .tile:nth-child(4){animation-delay:.21s}.row.win .tile:nth-child(5){animation-delay:.28s}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.tile,.row,.tile.revealed,.row.win .tile{animation:none!important}}.quordle{flex:1;display:flex;flex-direction:column;padding:4px 2px 16px}.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 10px}.qboard{display:grid;grid-template-rows:repeat(9,1fr);gap:2px}.qboard.solved{opacity:.5}.qrow{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.qtile{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(.5rem,2.6vw,.8rem);font-weight:700;text-transform:uppercase;border:1px solid var(--border);border-radius:3px;color:var(--text)}.qtile.filled{border-color:var(--muted)}.qtile.h{background:var(--hit);border-color:var(--hit);color:#fff}.qtile.n{background:var(--near);border-color:var(--near);color:#fff}.qtile.m{background:var(--miss);border-color:var(--miss);color:var(--muted)}.answers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 8px}.answers .ans{font-family:var(--font-brand);font-size:1rem;text-transform:uppercase;color:var(--accent);letter-spacing:.04em}.bee{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 2px 20px}.bee-rank{color:var(--muted);font-size:.85rem;margin-top:2px}.bee-rank b{color:var(--accent)}.bee-entry{min-height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:10px 0 4px}.bee-entry .center{color:var(--accent)}.bee-entry .bad{color:var(--silly)}.bee-entry.good{animation:pop .2s ease}.bee-ph{color:var(--muted);font-size:1rem;font-weight:500;letter-spacing:0;text-transform:none}.hive{position:relative;width:240px;height:260px;margin:8px auto 4px}.cell{position:absolute;width:74px;height:84px;left:50%;top:50%;margin:-42px 0 0 -37px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:1.6rem;font-weight:800;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform 80ms ease,background .12s ease}.cell:active{transform:scale(.92)}.cell.center{background:var(--accent);border-color:var(--accent);color:#fff}.cell.pos0{transform:translateY(-88px)}.cell.pos1{transform:translate(77px,-44px)}.cell.pos2{transform:translate(77px,44px)}.cell.pos3{transform:translateY(88px)}.cell.pos4{transform:translate(-77px,44px)}.cell.pos5{transform:translate(-77px,-44px)}.cell.center:active{transform:scale(.92)}.cell.pos0:active{transform:translateY(-88px) scale(.92)}.cell.pos1:active{transform:translate(77px,-44px) scale(.92)}.cell.pos2:active{transform:translate(77px,44px) scale(.92)}.cell.pos3:active{transform:translateY(88px) scale(.92)}.cell.pos4:active{transform:translate(-77px,44px) scale(.92)}.cell.pos5:active{transform:translate(-77px,-44px) scale(.92)}.bee-actions{display:flex;gap:8px;justify-content:center;padding:10px 0}.bee-actions .primary{padding:10px 22px}.bee-found{width:100%;max-width:360px;margin-top:8px}.bee-found-head{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.bee-words{display:flex;flex-wrap:wrap;gap:5px;max-height:26vh;overflow-y:auto}.bee-words .w{font-size:.8rem;text-transform:capitalize;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:3px 8px}.bee-words .w.pan{border-color:var(--accent);color:var(--accent);font-weight:700}.toast.good{background:var(--hit);color:#fff}.toast.bad{background:var(--silly);color:#fff}.scram{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 2px 20px}.scram-clock{font-family:var(--font-mono);font-size:1.4rem;color:var(--muted);padding:6px 0 14px;letter-spacing:.05em}.scram-tiles{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:8px 0 20px}.scram-tiles.bad{animation:shake .38s ease}.stile{width:46px;height:52px;display:grid;place-items:center;background:var(--panel);border:2px solid var(--border);border-radius:8px;font-size:1.6rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.scram-form{display:flex;gap:8px;width:min(100%,340px)}.scram-form .field{text-align:center;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase}.scram-form .primary{flex:0 0 auto;padding:0 20px}.scram-progress{display:flex;gap:8px;padding:18px 0}.scram-progress i{width:14px;height:14px;border-radius:50%;background:var(--miss);border:1px solid var(--border)}.scram-progress i.done{background:var(--hit);border-color:var(--hit)}.scram-final{font-family:var(--font-mono);font-size:2rem;color:var(--text);margin:4px 0 8px}.keyboard{display:flex;flex-direction:column;gap:7px;padding:8px 0 14px}.kbrow{display:flex;gap:5px;justify-content:center}.kbrow .spacer{flex:.5}.key{flex:1;min-width:0;height:52px;border-radius:7px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:.95rem;font-weight:600;text-transform:uppercase;display:grid;place-items:center;transition:background .12s ease,color .12s ease}.key.wide{flex:1.6;font-size:.72rem;letter-spacing:.04em}.key:active{transform:translateY(1px)}.key.h{background:var(--hit);border-color:var(--hit);color:#fff}.key.n{background:var(--near);border-color:var(--near);color:#fff}.key.m{background:var(--miss);border-color:var(--miss);color:var(--muted)}.key[disabled]{opacity:.45}.toast{position:fixed;left:50%;top:78px;transform:translate(-50%);z-index:40;background:var(--text);color:var(--bg);font-weight:700;font-size:.85rem;padding:9px 16px;border-radius:999px;box-shadow:0 8px 24px #00000073;animation:toastin .16s ease;pointer-events:none}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-6px)}}.endcard{margin:4px 0 10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);text-align:center}.endcard .verdict{font-size:1.05rem;font-weight:700;margin-bottom:6px}.endcard .answer{font-family:var(--font-brand);font-size:1.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:2px 0 8px}.endcard.silly .answer{color:var(--silly)}.endcard .pts{color:var(--muted);font-size:.85rem}.endcard .pts b{font-family:var(--font-mono);color:var(--text);font-size:1rem}.login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 4px 40px;text-align:center}.login p{color:var(--muted);margin:0;font-size:.9rem;max-width:30ch}.login form{display:flex;flex-direction:column;gap:10px;width:min(100%,320px)}.field{width:100%;padding:13px 14px;font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.field::placeholder{color:var(--muted)}.field:focus{outline:none;border-color:var(--accent)}.primary{padding:13px 14px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1rem;font-weight:700}.primary:disabled{opacity:.55}.err{color:var(--silly);font-size:.85rem;min-height:1.2em;margin:0}.choices{display:flex;flex-direction:column;gap:9px;width:min(100%,320px)}.choices .wide-btn{padding:12px 14px;font-size:.9rem}.linkbtn{color:var(--muted);text-decoration:underline;font-size:.82rem;padding:4px}.linkbtn.accent{color:var(--accent);font-size:inherit}.sb{padding:12px 0 28px}.tabs{display:flex;gap:5px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}.tabs button{flex:1;padding:8px 4px;border-radius:7px;font-size:.82rem;font-weight:600;color:var(--muted)}.tabs button.on{background:var(--accent);color:#fff}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden;margin-bottom:16px}.panel h2{margin:0;padding:11px 13px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.rank-head,.rank-row{display:grid;grid-template-columns:1.6rem 1fr 2.6rem 3.1rem 2.6rem 2.2rem;gap:5px;align-items:center;padding:9px 13px;font-size:.83rem}.rank-head{font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.rank-row{border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);width:100%;text-align:left}.rank-row:last-of-type{border-bottom:none}.rank-row.me{background:color-mix(in srgb,var(--accent) 9%,transparent)}.tabs.games{overflow-x:auto;scrollbar-width:none}.tabs.games::-webkit-scrollbar{display:none}.tabs.games button{flex:0 0 auto;min-width:3.1rem}.tabs.games button:first-child{min-width:4.4rem}.rank-head.overall,.rank-row.overall{grid-template-columns:1.6rem 1fr 3rem 2.6rem}.rank-row.overall{display:grid;align-items:center;gap:5px;padding:9px 13px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;flex-basis:100%}.chip{font-size:.6rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 4px;font-family:var(--font-mono)}.chip b{color:var(--text);margin-left:2px}.rank-row .r{font-family:var(--font-mono);color:var(--muted)}.rank-row .nm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;font-weight:600}.rank-row .nm-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .num{font-family:var(--font-mono);text-align:right}.rank-row .pts{color:var(--accent);font-weight:700}.streak{color:var(--muted);font-size:.72rem;white-space:nowrap}.streak.hot{color:var(--accent)}.detail{padding:4px 13px 14px;border-bottom:1px solid var(--border)}.detail .lbl{font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.strip{display:flex;gap:3px;flex-wrap:wrap}.sq{width:17px;height:17px;border-radius:4px;border:1px solid var(--border);background:transparent;display:grid;place-items:center;font-family:var(--font-mono);font-size:.55rem;color:#fff}.sq.solved{background:var(--hit);border-color:var(--hit)}.sq.missed{background:var(--miss);border-color:var(--miss);color:var(--muted)}.sq.silly.solved{background:var(--silly);border-color:var(--silly)}.empty{padding:16px 13px;color:var(--muted);font-size:.85rem}.today-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.today-row:last-child{border-bottom:none}.today-row .who2{flex:1;min-width:0}.today-row .who2 .n{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-row .who2 .s{font-size:.72rem;color:var(--muted)}.today-row .who2 .s b{font-family:var(--font-mono);color:var(--accent)}.mini{display:grid;gap:2px}.mini .mrow{display:grid;grid-template-columns:repeat(5,7px);gap:2px}.mini i{width:7px;height:7px;border-radius:2px;background:var(--miss)}.mini i.h{background:var(--hit)}.mini i.n{background:var(--near)}.locked{padding:18px 13px;color:var(--muted);font-size:.85rem;text-align:center;line-height:1.5}.locked b{color:var(--text)}.foot{text-align:center;color:var(--muted);font-size:.7rem;padding:6px 0 18px}.foot button{color:var(--muted);text-decoration:underline;font-size:inherit}