body.cb{--bg:#eef2f7;--card:#fff;--ink:#111a2e;--soft:#5b6680;--line:#d6dde9;--accent:#0f8b8d;--accent-ink:#fff;--tile:#f4f7fb;--key:#dde4ee;--ex:#1f9d55;--mis:#c98a0b;--bad:#c62f3c;--brand-font:"JetBrains Mono", ui-monospace, Menlo, monospace;--sym-font:"JetBrains Mono", ui-monospace, Menlo, monospace}body.wb{--bg:#eef2f7;--card:#fff;--ink:#111a2e;--soft:#5b6680;--line:#d6dde9;--accent:#c2502f;--accent-ink:#fff;--tile:#f4f7fb;--key:#dde4ee;--ex:#1f9d55;--mis:#c98a0b;--bad:#c62f3c;--brand-font:Fraunces, Georgia, serif;--sym-font:Inter, ui-sans-serif, system-ui, sans-serif}@media (prefers-color-scheme:dark){body.cb{--bg:#0d1324;--card:#151d33;--ink:#e7ecf6;--soft:#95a1bb;--line:#26314d;--accent:#2bb3b1;--accent-ink:#06151a;--tile:#1b2540;--key:#26314d;--ex:#3ccf7f;--mis:#f0b43a;--bad:#ff6b6b}body.wb{--bg:#0d1324;--card:#151d33;--ink:#e7ecf6;--soft:#95a1bb;--line:#26314d;--accent:#ec7a55;--accent-ink:#160b06;--tile:#1b2540;--key:#26314d;--ex:#3ccf7f;--mis:#f0b43a;--bad:#ff6b6b}}*{box-sizing:border-box}[hidden]{display:none!important}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#eef2f7;margin:0}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;background:#0d1324}}body.bk{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;height:100dvh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}#app{max-width:480px;height:100%;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(8px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ex{color:var(--ex)}.mis{color:var(--mis)}.bk-top{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.bk-top-right{gap:6px;display:flex}.bk-brand{text-align:center}.bk-brand h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:800;line-height:1.2}.bk-brand-row{justify-content:center;align-items:center;gap:10px;display:flex}.bk-logo{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.bk-switch{background:var(--key);border-radius:999px;margin:0;padding:2px;display:inline-flex}.bk-switch a{color:var(--soft);border-radius:999px;padding:2px 14px;font-size:13px;font-weight:700;text-decoration:none}.bk-switch a[aria-current]{background:var(--accent);color:var(--accent-ink)}.bk-switch a:first-child{font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.bk-switch a:last-child{font-family:Fraunces,Georgia,serif}.bk-brand p{color:var(--soft);margin:0;font-size:12px;font-weight:600}.bk-icon{border:1px solid var(--line);background:var(--card);border-radius:50%;width:38px;height:38px;font-size:16px;font-weight:800}.bk-tiers{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 6px;display:grid}.bk-tiers button{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.bk-tiers b{font-size:14px}.bk-tiers small{color:var(--soft);font-size:11px;font-weight:600}.bk-tiers .on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.bk-tiers .done small{color:var(--ex)}.bk-bar{color:var(--soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.bk-timer{color:var(--ink);min-width:44px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:800}.bk-legend b{font-size:13px}.bk-main{flex:1;min-height:0;margin:6px -4px 0;padding:0 4px;overflow-y:auto}.bk-clues{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.bk-clue{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:5px 8px;display:flex}.bk-clue.flash{animation:.9s ease-out flash}@keyframes flash{0%,40%{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad)}}.bk-n{width:16px;color:var(--soft);text-align:right;font-size:11px;font-weight:700}.bk-ctiles{flex:1;gap:4px;display:flex}.bk-ctile{border:1px solid var(--line);background:var(--tile);width:clamp(26px,8vw,36px);height:clamp(30px,9.5vw,36px);font-family:var(--sym-font);border-radius:7px;padding:0;font-size:17px;font-weight:800;position:relative}.bk-ctile.out{color:var(--soft);opacity:.45;text-decoration:line-through}.bk-ctile.in{border-color:var(--ex);box-shadow:inset 0 0 0 2px var(--ex)}.bk-score{gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;display:flex}.bk-score b.zero{opacity:.35}.bk-hints{padding:6px 2px 2px;font-size:13px;line-height:1.4}.bk-hints p{background:var(--card);border-left:3px solid var(--mis);border-radius:10px;margin:4px 0;padding:8px 10px}.bk-main{position:relative}.bk-more{border:1px solid var(--mis);background:var(--card);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.bk-more:not([hidden])+.bk-legend{display:none}.bk-main.dense .bk-clues{gap:2px}.bk-main.dense .bk-clue{padding-top:1px;padding-bottom:1px}.bk-main.dense .bk-ctile{height:26px;font-size:15px}.bk-clue.hinted{border-color:var(--mis);box-shadow:inset 0 0 0 1px var(--mis)}.bk-main.dense .bk-score{font-size:13px}.bk-hintbar{background:var(--card);border:1px solid var(--mis);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.bk-hintbar p{flex:1;max-height:5.6em;margin:0;overflow-y:auto}.bk-x{color:var(--soft);background:0 0;border:0;padding:0 2px;font-size:14px}.bk-answer-wrap{flex-shrink:0;padding-top:8px}.bk-answer{justify-content:center;gap:6px;display:flex}.bk-slot{border:2px solid var(--line);background:var(--card);width:clamp(40px,12.5vw,52px);height:clamp(46px,13.5vw,56px);font-family:var(--sym-font);border-radius:10px;padding:0;font-size:26px;font-weight:800}.bk-slot.sel{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.bk-slot.won{background:var(--ex);border-color:var(--ex);color:#fff;animation:.4s ease-out pop}@keyframes pop{50%{transform:scale(1.12)}}.bk-msg{text-align:center;min-height:18px;margin:4px 0;font-size:13px;font-weight:700}.bk-msg.bad{color:var(--bad)}.bk-msg.good{color:var(--ex)}.bk-actions{justify-content:center;gap:8px;display:flex}.bk-btn{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700}.bk-btn.small{padding:5px 12px;font-size:13px}.bk-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.bk-btn:disabled{opacity:.5;cursor:default}.bk-link{color:var(--soft);background:0 0;border:0;margin-top:10px;font-weight:600;text-decoration:underline}.bk-keys{flex-direction:column;flex-shrink:0;gap:6px;padding-top:10px;display:flex}.bk-keys div{justify-content:center;gap:5px;display:flex}.bk-keys button{background:var(--key);max-width:42px;height:50px;font-family:var(--sym-font);border:0;border-radius:7px;flex:1;font-size:17px;font-weight:800}.bk-keys.digits button{max-width:64px;height:52px;font-size:22px}.bk-keys button.wide{flex:1.5;max-width:64px}.bk-keys button.pencil{font-size:20px}.bk-keys button.pencil.on{background:var(--accent);color:var(--accent-ink)}.bk-keys.noting button:not(.wide){background:color-mix(in srgb, var(--mis) 22%, var(--key))}.bk-keys button.out{opacity:.35;text-decoration:line-through}.bk-keys button.in{box-shadow:inset 0 0 0 2px var(--ex)}.bk-modal{z-index:10;background:#0a0c1480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.bk-card{background:var(--card);width:100%;max-width:400px;max-height:90dvh;color:var(--ink);text-align:center;border-radius:18px;padding:20px;animation:.3s ease-out pop;overflow:auto}.bk-card h2{font-family:var(--brand-font);margin:0 0 8px}.bk-card.help{text-align:left;font-size:14px;line-height:1.45}.bk-card.help ul{padding-left:18px}.bk-card.help .bk-btn{margin:14px auto 0;display:block}.muted{color:var(--soft);font-size:13px}.bk-big{margin:4px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:36px;font-weight:800}.bk-done-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.bk-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px;display:grid}.bk-tiles div{background:var(--tile);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bk-tiles b{font-size:22px}.bk-tiles span{color:var(--soft);font-size:11px;font-weight:600}.bk-table{border-collapse:collapse;width:100%;font-size:13px}.bk-table th,.bk-table td{border-top:1px solid var(--line);padding:5px 4px}@media (width<=380px){.bk-legend,.bk-logo span{display:none}.bk-clue{gap:5px;padding-left:6px;padding-right:6px}.bk-ctiles{gap:3px}.bk-score{gap:5px;font-size:13px}}@media (height<=700px){.bk-icon{width:32px;height:32px;font-size:14px}.bk-brand h1{font-size:17px}.bk-switch a{padding:1px 12px;font-size:12px}.bk-tiers{margin:4px 0}.bk-tiers button{padding:3px 4px}.bk-clues{gap:3px}.bk-clue{padding:2px 8px}.bk-ctile{height:28px;font-size:15px}.bk-slot{height:42px;font-size:22px}.bk-answer-wrap{padding-top:6px}.bk-msg{margin:2px 0}.bk-btn{padding:7px 14px}.bk-keys{gap:5px;padding-top:6px}.bk-keys button{height:40px}.bk-keys.digits button{height:42px}}@media (hover:hover) and (pointer:fine) and (height>=900px){body.bk:not(.hub){flex-direction:column;justify-content:center;display:flex}body.bk:not(.hub) #app{box-sizing:border-box;width:100%;height:860px}}@media (height<=500px){body.bk:not(.hub){height:auto;min-height:100dvh;overflow:auto}body.bk:not(.hub) #app{height:auto}.bk-main{overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body.hub{-webkit-user-select:auto;user-select:auto;height:auto;min-height:100dvh;overflow:auto}body.hub #app{height:auto;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:12px}.hub-top{text-align:center}.hub-top h1{letter-spacing:-.02em;justify-content:center;align-items:center;gap:10px;margin:0;font-size:40px;font-weight:800;display:flex}.hub-top p{color:var(--soft);margin:6px 0 0;font-size:15px;font-weight:600}.hub-streak{text-align:center;grid-template-columns:repeat(2,1fr);margin:0}.hub-card{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:18px;padding:16px;text-decoration:none;display:block}.hub-card.cb{--game:#0f8b8d}.hub-card.wb{--game:#c2502f}.hub-card:active{transform:scale(.99)}.hub-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hub-card h2{margin:0;font-size:22px;font-weight:800}.hub-card.cb h2{letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.hub-card.wb h2{font-family:Fraunces,Georgia,serif}.hub-cta{background:var(--game);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800}.hub-card p{color:var(--soft);margin:6px 0 12px;font-size:14px;font-weight:600}.hub-tiers{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hub-tiers span{background:var(--tile);color:var(--soft);border-radius:10px;flex-direction:column;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.hub-tiers b{color:var(--ink);font-size:14px}.hub-tiers .done{color:var(--ex)}.hub-how{color:var(--soft);padding:4px 4px 0;font-size:14px;line-height:1.5}.hub-how h3{color:var(--ink);margin:0 0 4px;font-size:15px}.hub-how p{margin:0}.hub-install{background:var(--tile);text-align:center;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}@media (prefers-color-scheme:dark){.hub-card.cb{--game:#2bb3b1}.hub-card.wb{--game:#ec7a55}.hub-cta{color:#0d1324}}