@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--canvas:#f1f0ed;--surface:#fff;--line:#e4e2dd;--ink:#16181d;--muted:#6f7178;--signal:#2f55e0;--signal-soft:#edf0fd;--signal-line:#c9d4f8;--r-sm:8px;--r-md:12px;--r-lg:18px;--rail:236px;--shadow:0 1px 2px #16181d0a, 0 8px 24px #16181d0d;--sans:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--signal)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{min-height:100%}.rail{z-index:40;width:var(--rail);background:var(--canvas);flex-direction:column;gap:3px;padding:18px 12px;transition:transform .22s,width .18s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-100%)}.rail[data-open=true]{transform:translate(0)}.rail-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding-left:6px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;min-width:0;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:27px;height:27px;color:var(--canvas);font-family:var(--mono);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.brand-name{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:600}.nav-toggle{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.nav-toggle:hover{color:var(--ink);background:#16181d0f}.rail-link{border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.rail-link svg{flex-shrink:0}.rail-link:hover{color:var(--ink);background:#16181d0d}.rail-link[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-weight:600}.rail-foot{margin-top:auto;padding:0 10px}.scrim{z-index:30;cursor:pointer;background:#16181d57;border:0;position:fixed;inset:0}.main{padding:22px 16px 40px}.wrap{max-width:720px;margin:0 auto}.wrap-wide{max-width:940px;margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f1f0ede6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}@media (width>=900px){.rail{transform:translate(0)}.rail[data-open=false]{width:62px;padding-left:10px;padding-right:10px}.rail[data-open=false] .brand,.rail[data-open=false] .rail-link span,.rail[data-open=false] .rail-foot{display:none}.rail[data-open=false] .rail-top{justify-content:center;padding-left:0}.rail[data-open=false] .rail-link{justify-content:center;padding:10px 0}.main{margin-left:var(--rail);padding:34px 32px 56px;transition:margin-left .18s}.main[data-nav=false]{margin-left:62px}.topbar,.scrim{display:none}}.status{font-family:var(--mono);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.live{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:500}.h1{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(26px,6vw,34px);font-weight:600;line-height:1.12}.lede{color:var(--muted);max-width:52ch;margin:0 0 26px;font-size:15px}.h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.sub{color:var(--muted);margin:4px 0 0;font-size:13px}.fine{color:var(--muted);font-size:12px}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-actions{flex-shrink:0;gap:6px;display:flex}.card.accent{border-left:3px solid var(--signal)}@media (width>=640px){.card{padding:22px}}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;display:flex}.row-k{color:var(--muted);flex-shrink:0;font-size:13px}.row-v{text-align:right;word-break:break-word;font-size:14px;font-weight:500}.row-v.num{font-family:var(--mono);font-weight:500}.addr{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--canvas);max-width:100%;font-family:var(--mono);color:var(--ink);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:5px 9px;font-size:11.5px;line-height:1.4;transition:border-color .12s;display:inline-flex}.addr:hover{border-color:var(--signal-line)}.addr-pre{color:var(--signal);font-weight:700}.addr-body{word-break:break-all}.addr-note{color:var(--muted);flex-shrink:0;font-size:10px}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pill.on{background:var(--signal-soft);color:var(--signal)}.pill.off{color:var(--muted);background:#16181d0d}.pill.tag{color:var(--ink);background:#16181d0d;font-weight:500}.pill.new{background:var(--ink);color:var(--canvas)}.btn{border-radius:var(--r-sm);background:var(--ink);color:var(--canvas);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .12s;display:inline-flex}.btn:hover{opacity:.86}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.full{width:100%}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;padding:6px 12px;font-size:12.5px}.btn.ghost:hover{color:var(--ink);border-color:var(--ink);opacity:1}.btn.plain{color:var(--signal);background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.field{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:11px 13px;transition:border-color .12s}.field:focus{border-color:var(--signal)}.field.mono{font-family:var(--mono);font-size:13px}.field::placeholder{color:#a9aab0}textarea.field{resize:vertical;min-height:84px}.label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.label .req{color:var(--signal)}.form-row{margin-bottom:14px}.stack{flex-direction:column;gap:10px;display:flex}.inline{align-items:center;gap:8px;display:flex}.inline>.field{flex:1;min-width:0}.notice{border-radius:var(--r-sm);color:var(--ink);background:#16181d0a;padding:11px 13px;font-size:13px}.notice.bad{border-left:3px solid var(--signal)}.empty{text-align:center;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:14px;padding:46px 24px}.empty p{margin:0 0 6px}.disclose{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.chev{font-family:var(--mono);color:var(--muted);flex-shrink:0;font-size:15px}.step{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden}.step-head{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.step-n{background:var(--canvas);width:21px;height:21px;color:var(--muted);font-family:var(--mono);border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.step[data-open=true] .step-n{background:var(--ink);color:var(--canvas)}.step-t{flex:1;font-size:13.5px;font-weight:500}.step-body{padding:0 14px 14px}.step-body .fine,.step-body p{color:#494b52;font-size:13.5px;line-height:1.75}.step-body .caption{color:#5c5e66;margin:12px 0 2px;font-size:12.5px}.codeblock{border-radius:var(--r-sm);background:var(--ink);margin:8px 0;overflow:hidden}.codebar{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px 7px 12px;display:flex}.codelabel{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#e8e6e180;font-size:10px}.codebody{margin:0;padding:11px 12px;overflow-x:auto}.codebody code{font-family:var(--mono);color:#e8e6e1;white-space:pre;font-size:12px}.copy{color:#e8e6e1;cursor:pointer;background:#ffffff24;border:0;border-radius:5px;flex-shrink:0;padding:5px 11px;font-size:10.5px;font-weight:600}.copy:hover{background:#ffffff3d}.inline-code{border:1px solid var(--line);background:var(--canvas);color:var(--ink);font-family:var(--mono);cursor:pointer;vertical-align:baseline;border-radius:5px;align-items:center;gap:5px;padding:1px 7px;font-size:.92em;display:inline-flex}.inline-code:hover{border-color:var(--signal)}.inline-code .mark{color:var(--muted);font-size:9.5px}.caption{color:var(--muted);margin:10px 0 2px;font-size:11.5px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:13.5px;font-weight:500}.tab-btn[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=560px){.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}.post{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;margin-bottom:0;display:flex;overflow:hidden}.post-img{aspect-ratio:16/9;object-fit:cover;background:var(--canvas);border-bottom:1px solid var(--line);width:100%;display:block}.post-alt{aspect-ratio:16/9;background:var(--ink);width:100%;color:var(--canvas);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);place-items:center;font-size:13px;display:grid}.post-body{flex-direction:column;flex:1;padding:13px 15px 15px;display:flex}.post-body h3{letter-spacing:-.01em;margin:0 0 5px;font-size:14.5px;font-weight:600;line-height:1.35}.post-body h3 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-body .fine{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-body h3 a{color:var(--ink);text-decoration:none}.post-body h3 a:hover{color:var(--signal)}.post-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.feed-list{flex-direction:column;gap:10px;display:flex}.feed-list .post{flex-direction:row;align-items:stretch}.feed-list .post>a{flex-shrink:0;align-items:center;width:138px;padding:12px 0 12px 12px;display:flex}.feed-list .post-img,.feed-list .post-alt{aspect-ratio:16/9;object-fit:contain;background:var(--canvas);border:1px solid var(--line);border-radius:7px;width:100%;height:auto;font-size:9px}.feed-list .post-alt{background:var(--ink);border-color:var(--ink)}.feed-list .post-body{justify-content:center;padding:13px 15px 13px 13px}.feed-list .post-body h3 a{-webkit-line-clamp:1}.feed-list .post-body .fine{-webkit-line-clamp:2}@media (width<=559px){.feed-list .post>a{width:104px;padding:10px 0 10px 10px}.feed-list .post-body .fine{display:none}}.view-toggle{align-items:center;gap:4px;margin-bottom:16px;display:flex}.panel-toggle{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.panel-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.panel-btn:hover{border-color:var(--ink)}.panel-btn[aria-expanded=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.panel-btn .caret{font-size:9px;line-height:1;transition:transform .15s}.panel-btn[aria-expanded=true] .caret{transform:rotate(180deg)}.view-toggle button{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;padding:6px 13px;font-size:12.5px;font-weight:500}.view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--ink);font-weight:600}.rec{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;padding:11px 13px}.rec-k{font-family:var(--mono);color:var(--muted);margin:0 0 3px;font-size:11px}.rec-v{word-break:break-all;margin:0;font-size:14px}.guide{background:var(--surface);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;color:var(--ink);border:0;align-items:center;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.guide-n{background:var(--canvas);width:34px;height:34px;color:var(--muted);font-family:var(--mono);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.guide:hover .guide-n{background:var(--ink);color:var(--canvas)}.guide-body{flex:1;min-width:0}.guide-body h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.guide-body p{color:var(--muted);margin:3px 0 0;font-size:13px}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;display:inline-flex}.back:hover{color:var(--ink)}.chips{flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}@media (width<=479px){.stats{gap:8px}.stat{padding:11px 12px}.stat b{font-size:17px}.stat span{font-size:10.5px}}.stat{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:14px 16px}.stat b{font-family:var(--mono);letter-spacing:-.02em;font-size:21px;font-weight:700;display:block}.stat span{color:var(--muted);font-size:11.5px}.board-who span{color:var(--muted);font-size:11.5px;font-family:var(--mono);word-break:break-all}.board-count{font-family:var(--mono);flex-shrink:0;font-size:14px;font-weight:600}.board-count span{color:var(--muted);font-size:11px;font-weight:400;font-family:var(--sans)}.game-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.game-picker button{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;text-align:left;color:var(--ink);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.game-picker button strong{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.game-picker button span{color:var(--muted);font-size:12px}.game-picker button:hover{border-color:var(--ink)}.game-picker button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.game-picker button[aria-pressed=true] span{color:#f1f0ed9e}.hero{background:var(--ink);color:var(--canvas);border-radius:var(--r-md);margin:0 0 14px;padding:18px 20px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:radial-gradient(#f1f0ed12 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.hero-value{letter-spacing:-.03em;word-break:break-word;margin:0;font-size:clamp(24px,6vw,34px);font-weight:700;line-height:1.1}.hero-value .unit{color:#f1f0ed8c;margin-left:6px;font-size:.5em;font-weight:500}.hero-note{color:#f1f0ed9e;margin:8px 0 0;font-size:12.5px}.hero-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex;position:relative}.hero-tag{background:#f1f0ed1f;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.hero-tag.on{background:var(--signal)}.share-card{border-radius:var(--r-md);border:1px solid var(--line);width:100%;margin-bottom:12px;display:block}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-actions .btn{flex:1;min-width:120px}.hero{background:var(--ink);color:var(--canvas);border-radius:var(--r-md);margin-bottom:16px;padding:18px 20px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#f1f0ed0d 0 1px,#0000 1px 14px);position:absolute;inset:0}.hero-eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f1f0ed80;margin:0 0 6px;font-size:10.5px}.hero-title{letter-spacing:-.02em;word-break:break-word;margin:0;font-size:30px;font-weight:700;line-height:1.1}.hero-title.mono{font-family:var(--mono);font-size:25px}.hero-stats{flex-wrap:wrap;gap:26px;margin-top:14px;display:flex}.hero-stat b{letter-spacing:-.01em;font-size:20px;font-weight:700;display:block}.hero-stat span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f1f0ed80;font-size:10.5px}.hero-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f1f0ed8c;z-index:1;border:1px solid #f1f0ed33;border-radius:999px;padding:3px 10px;font-size:10.5px;position:absolute;top:16px;right:18px}.rec-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=620px){.rec-grid{grid-template-columns:1fr 1fr}}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--ink);color:var(--canvas);border-radius:var(--r-md);padding:12px 14px;animation:.18s toast-in;box-shadow:0 6px 24px #16181d47}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.toast-title{font-size:13.5px;font-weight:600}.toast-sub{color:#f1f0ed99;font-size:11.5px}.toast-sig{font-family:var(--mono);color:#f1f0edb8;word-break:break-all;margin-top:6px;font-size:10.5px;display:block}.toast-actions{gap:6px;margin-top:10px;display:flex}.toast-actions a,.toast-actions button{text-align:center;color:var(--canvas);font-family:var(--sans);cursor:pointer;background:#ffffff24;border:0;border-radius:6px;flex:1;padding:7px 10px;font-size:12px;font-weight:600;text-decoration:none}.toast-actions a:hover,.toast-actions button:hover{background:#ffffff3d}.toast-close{color:#f1f0ed8c;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:15px;line-height:1}.ident{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ident-name{font-family:var(--mono);font-size:15px;font-weight:700}.qr{width:168px;height:168px;image-rendering:pixelated;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:8px;display:block}.qr-wrap{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.qr-side{flex:1;min-width:200px}.grid2048{border-radius:var(--r-md);touch-action:none;-webkit-user-select:none;user-select:none;background:#ddd9d2;grid-template-columns:repeat(4,1fr);gap:8px;max-width:340px;margin:0 auto 16px;padding:8px;display:grid}.cell2048{aspect-ratio:1;font-family:var(--sans);color:var(--ink);background:#eae7e1;border-radius:7px;place-items:center;font-size:21px;font-weight:700;transition:background .1s;display:grid}.cell2048[data-v="2"]{background:#e2dfd8}.cell2048[data-v="4"]{background:#d8d4cb}.cell2048[data-v="8"]{background:#c9c4b9}.cell2048[data-v="16"]{color:#fff;background:#b4aea1}.cell2048[data-v="32"]{color:#fff;background:#97907f}.cell2048[data-v="64"]{color:#fff;background:#74705f}.cell2048[data-v="128"]{background:var(--ink);color:var(--canvas);font-size:18px}.cell2048[data-v="256"]{color:#fff;background:#232a4a;font-size:18px}.cell2048[data-v="512"]{color:#fff;background:#26356e;font-size:18px}.cell2048[data-v="1024"]{color:#fff;background:#2a44a6;font-size:15px}.cell2048[data-v="2048"]{background:var(--signal);color:#fff;font-size:15px}.cell2048.big{font-size:14px}.pad{grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,46px);justify-content:center;gap:6px;margin-bottom:14px;display:grid}.pad button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;font-size:16px}.pad button:disabled{opacity:.4;cursor:not-allowed}.pad .up{grid-column:2}.meter{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:14px;font-size:11px;display:flex}.meter b{color:var(--ink);font-weight:700}.board-input{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.tiles-wrap{position:relative}.tiles{justify-content:center;gap:6px;margin:0 auto 18px;display:grid}.tile-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tile{border:2px solid var(--line);background:var(--surface);width:54px;height:54px;font-family:var(--sans);text-transform:uppercase;color:var(--ink);border-radius:8px;place-items:center;font-size:24px;font-weight:700;display:grid}.tile.filled{border-color:#c9c6bf}.tile.correct{background:var(--signal);border-color:var(--signal);color:#fff}.tile.present{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.tile.absent{color:#7a7871;background:#d9d6d0;border-color:#d9d6d0}@media (width<=419px){.tile{width:46px;height:46px;font-size:20px}}.keys{flex-direction:column;align-items:center;gap:6px;display:flex}.key-row{gap:5px;display:flex}.key{background:var(--surface);min-width:30px;height:46px;box-shadow:var(--shadow);font-family:var(--sans);text-transform:uppercase;color:var(--ink);cursor:pointer;border:0;border-radius:6px;padding:0 9px;font-size:13px;font-weight:600}.key:hover{background:#fbfaf8}.key.wide{min-width:54px;font-size:11px}.key.correct{background:var(--signal);color:#fff}.key.present{background:var(--ink);color:var(--canvas)}.key.absent{color:#8a887f;box-shadow:none;background:#d9d6d0}@media (width<=419px){.key{min-width:26px;height:42px;padding:0 6px;font-size:12px}.key.wide{min-width:46px;font-size:10px}}.result{text-align:center;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.result h3{letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:600}.result .answer{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:15px}.board{border-top:1px solid var(--line)}.board-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.board-rank{width:26px;font-family:var(--mono);color:var(--muted);text-align:right;flex-shrink:0;font-size:13px;font-weight:700}.board-row:nth-child(-n+3) .board-rank{color:var(--signal)}.board-row.you{background:var(--signal-soft);border-radius:8px;margin:0 -10px;padding:11px 10px}.board-who{flex:1;min-width:0}.board-who strong{font-size:14px;font-weight:600;display:block}.board-who span{color:var(--muted);font-size:11.5px}.board-count{font-family:var(--mono);text-align:right;flex-shrink:0;font-size:14px;font-weight:600}.board-count span{color:var(--muted);font-size:10.5px;font-weight:400;font-family:var(--sans);display:block}.foot{text-align:center;margin-top:34px}.foot p{margin:0 0 4px}