body.game-body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--body-background,#fff);color:var(--body-font-color,#000)}.game-main{flex:1;display:flex;flex-direction:column}.bl-container{--bl-stroke:#3a2f24;--bl-text:#2c1f12;--bl-text-soft:#8a6f55;--bl-unused:#b9dde3;--bl-unused-text:#3a4a52;--bl-used:#fdf3df;--bl-used-text:#6a5436;--bl-sel:#ffc890;--bl-active:#f08a4b;--bl-anchor:#c2461a;--bl-bg-accent:#fff7ec;--bl-focus:#1f6feb;--bl-shadow:0 3px 4px -1px rgba(120, 60, 20, 0.22);--bl-shadow-hover:0 5px 6px -1px rgba(120, 60, 20, 0.28);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:.75rem .75rem 1.5rem;gap:.6rem;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif;color:var(--bl-text)}.bl-header-row{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--bl-text-soft)}.bl-header-actions{display:flex;align-items:center;gap:.4rem}.bl-help{border:1px solid var(--bl-text-soft);background:0 0;color:inherit;padding:.35rem .85rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.85rem;letter-spacing:.02em;line-height:1}.bl-help:hover{background:var(--bl-bg-accent)}.bl-icon-btn{padding:.3rem .55rem;display:inline-flex;align-items:center;justify-content:center}.bl-icon-btn svg{display:block}.bl-words{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:2.4rem}.bl-par{font-size:.85rem;color:var(--bl-text-soft);letter-spacing:.02em}.bl-word-chain{display:flex;flex-wrap:wrap;gap:.25rem .4rem;justify-content:center;align-items:center}.bl-word-chip{font-weight:600;font-size:1.1rem;letter-spacing:.04em;color:var(--bl-anchor)}.bl-word-sep{color:var(--bl-text-soft);opacity:.5;font-weight:400}.bl-current{font-size:2.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;min-height:2.5rem;text-align:center;color:var(--bl-active);transition:color .15s}.bl-current:empty::before{content:"\00a0"}.bl-done-banner{font-size:1.8rem;letter-spacing:.06em}.bl-banner-meta{font-size:1.8rem;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--bl-text-soft)}.bl-banner-share{background:0 0;border:none;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;opacity:.85;transition:opacity .15s}.bl-banner-share:hover{opacity:1}.bl-grid-wrap{width:100%;display:flex;justify-content:center}.bl-grid-aspect{position:relative;width:min(640px,100%,calc((100vh - 280px) * var(--bl-aspect,1)));aspect-ratio:var(--bl-aspect,1);margin:0 auto}.bl-grid{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-tap-highlight-color:transparent;overflow:visible;touch-action:none}.bl-hex polygon{fill:var(--bl-used);stroke:var(--bl-stroke);stroke-width:1.4;transition:fill .18s,stroke .18s,transform .18s ease,filter .18s ease;transform-box:fill-box;transform-origin:center}.bl-hex text{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;fill:var(--bl-text);pointer-events:none;text-transform:uppercase;transition:fill .18s ease,transform .18s ease;transform-box:fill-box;transform-origin:center}.bl-hex.bl-unused polygon{fill:var(--bl-unused);stroke:var(--bl-stroke-unused,var(--bl-stroke))}.bl-hex.bl-unused text{fill:var(--bl-unused-text)}.bl-hex.bl-used polygon{fill:var(--bl-used);stroke:var(--bl-stroke-used,var(--bl-stroke))}.bl-hex.bl-used text{fill:var(--bl-used-text)}.bl-hex.bl-sel polygon{fill:var(--bl-sel);stroke:var(--bl-stroke-sel,var(--bl-stroke))}.bl-hex.bl-sel text{fill:var(--bl-text)}.bl-hex.bl-active polygon{fill:var(--bl-active);stroke:var(--bl-stroke-sel,var(--bl-stroke));stroke-width:2}.bl-hex.bl-active text{fill:#fff8ec}.bl-hex.bl-anchor polygon{stroke:var(--bl-anchor);stroke-width:2.6}.bl-hex.bl-adj{cursor:pointer}.bl-hex.bl-adj polygon,.bl-hex.bl-adj text{transform:translateY(-4px)}.bl-hex.bl-adj polygon{stroke-width:2;filter:drop-shadow(var(--bl-shadow))}@media(hover:hover){.bl-hex.bl-adj:hover polygon,.bl-hex.bl-adj:hover text{transform:translateY(-7px)}.bl-hex.bl-adj:hover polygon{filter:drop-shadow(var(--bl-shadow-hover))}}.bl-hex.bl-filled polygon{stroke-width:2.6}.bl-hex:focus{outline:none}.bl-hex:focus-visible polygon{stroke:var(--bl-focus);stroke-width:4;paint-order:stroke}.bl-hex.bl-bloom polygon,.bl-hex.bl-bloom text,.bl-hex.bl-victory polygon,.bl-hex.bl-victory text{transform:scale(1.18);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.bl-hex.bl-bloom polygon,.bl-hex.bl-bloom text,.bl-hex.bl-victory polygon,.bl-hex.bl-victory text{transform:none;transition:none}}.bl-toast{min-height:1.4rem;font-size:.9rem;color:#c33;opacity:0;transition:opacity .2s;text-align:center}.bl-toast--on{opacity:1}.bl-toast.bl-toast--info{color:var(--bl-text-soft)}.bl-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.bl-btn{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1.5px solid var(--bl-stroke);color:var(--bl-stroke);padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .15s,transform .05s;-webkit-tap-highlight-color:transparent}.bl-btn svg{display:block}.bl-btn:hover{background:var(--bl-bg-accent)}.bl-btn:active{transform:scale(.97)}.bl-btn--primary{border-width:2px;font-weight:700;border-color:var(--bl-active);color:var(--bl-active)}.bl-btn--primary:hover{background:var(--bl-bg-accent)}.bl-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.bl-modal[hidden]{display:none}.bl-modal-card{background:#fff;color:#222;border-radius:8px;padding:1.5rem 1.75rem;max-width:420px;width:100%;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.2);max-height:100%;overflow-y:auto}.bl-modal-card h2{margin:0 0 .75rem;font-size:1.25rem}.bl-modal-card ol{margin:0;padding-left:1.25rem;line-height:1.5}.bl-modal-card li{margin:.35rem 0}.bl-modal-foot{margin:1rem 0 0;font-size:.85rem;color:var(--bl-text-soft);font-style:italic}.bl-modal-close{position:absolute;top:.5rem;right:.75rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#888;line-height:1}.bl-modal-close:hover{color:#222}.bl-confirm-check{display:flex;align-items:center;gap:.5rem;margin:1rem 0;font-size:.9rem;cursor:pointer}.bl-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.bl-demo{background:var(--bl-bg-accent);border-radius:8px;padding:.6rem .5rem .5rem;margin:0 0 .9rem}.bl-demo-words{text-align:center;min-height:1.35rem;font-size:.9rem}.bl-demo-words .bl-word-chip{font-size:.9rem}.bl-demo-words .bl-word-sep{margin:0 .3rem}.bl-demo-current{min-height:1.6rem;text-align:center;font-size:1.15rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bl-active)}.bl-demo-grid{display:block;width:min(190px,65%);margin:.25rem auto 0;overflow:visible;user-select:none;pointer-events:none}.bl-demo-caption{min-height:2.8em;margin:.6rem .25rem 0;text-align:center;font-size:.88rem;line-height:1.35}.bl-demo-finger{font-size:30px;opacity:0;transition:transform .5s ease,opacity .2s}.bl-demo-finger--on{opacity:1}.bl-stat-tiles{display:flex;justify-content:center;gap:2.25rem;margin-bottom:1.1rem;text-align:center}.bl-stat-num{font-size:1.9rem;font-weight:700;line-height:1.15}.bl-stat-label{font-size:.78rem;color:var(--bl-text-soft)}.bl-stats-badges{margin-top:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;font-size:.8rem}.bl-stats-badges:empty{display:none}.bl-badge-pill{display:inline-block;padding:.3rem .8rem;border:1px solid var(--bl-text-soft);border-radius:999px;background:var(--bl-bg-accent);color:var(--bl-text-soft)}.bl-badge-pill strong{color:inherit;font-weight:700}.bl-stat-bars{display:grid;grid-template-columns:max-content 1fr 2ch;gap:.55rem .6rem;align-items:center;font-size:.92rem}.bl-bar-label{font-weight:600}.bl-bar-locked{color:var(--bl-text-soft)}.bl-bar-track{height:1.05rem;border-radius:4px;background:var(--bl-bg-accent)}.bl-bar-fill{display:block;height:100%;box-sizing:border-box;background:var(--bl-sel);border:1px solid var(--bl-stroke);border-radius:4px}.bl-bar-count{text-align:right;font-variant-numeric:tabular-nums}.bl-bar-count--zero{color:var(--bl-text-soft)}@media(prefers-color-scheme:dark){.bl-container{--bl-stroke:#e8d8c0;--bl-stroke-unused:#1a3540;--bl-stroke-used:#6a4828;--bl-stroke-sel:#6a3a10;--bl-text:#1e1410;--bl-text-soft:#b5a890;--bl-unused:#3a6b7f;--bl-unused-text:#e6f2f5;--bl-used:#ead8b8;--bl-used-text:#5a3a1a;--bl-sel:#f0b070;--bl-active:#ff8a3d;--bl-anchor:#ffc24a;--bl-bg-accent:#2a2520;--bl-focus:#6ab0ff;--bl-shadow:0 4px 5px -1px rgba(0, 0, 0, 0.55);--bl-shadow-hover:0 6px 8px -1px rgba(0, 0, 0, 0.6)}.bl-current{color:var(--bl-active)}.bl-word-chip{color:var(--bl-anchor)}.bl-toast{color:#ff9c80}.bl-btn{background:#2a2520}.bl-btn:hover{background:#3a3128}.bl-btn--primary:hover{background:#3a3128}.bl-modal-card{background:#1f1a16;color:#ead8b8}.bl-help{border-color:var(--bl-text-soft);color:var(--bl-text-soft)}.bl-help:hover{background:#2a2520}}@media(max-width:500px){.bl-current{font-size:1.5rem;letter-spacing:.14em}.bl-hex text{font-size:22px}.bl-buttons{gap:.5rem}.bl-btn{padding:.55rem .9rem;gap:.4rem}}