@font-face{font-display:swap;font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:300;src:url(/static/media/AtkinsonHyperlegibleMono-Light.0dae5d955854ef2fb22d.otf) format("opentype")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400;src:url(/static/media/AtkinsonHyperlegibleMono-Regular.dd07394605670f56a64d.otf) format("opentype")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:500;src:url(/static/media/AtkinsonHyperlegibleMono-Medium.ebe80b4947f608f9a349.otf) format("opentype")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:700;src:url(/static/media/AtkinsonHyperlegibleMono-Bold.cb81b090328b46873a17.otf) format("opentype")}body,html{font-family:Atkinson Hyperlegible Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-weight:300}.app-header h1,.bank-section h3{font-weight:700;margin:.25rem 0;text-align:center;text-transform:uppercase}:root{--gap:10px;--radius:10px;--cell-size:clamp(96px,26vw,138px);--cell-font:clamp(16px,3.2vw,22px);--tile-font:clamp(16px,3.0vw,20px);--tile-pad-y:10px;--tile-pad-x:12px;--border:#000;--tile-border:#333;--tile-bg:#f7f7f7;--anchor-bg:#eef7ff;--ok-strong:#1fa055;--ok-soft:#59c27d;--ok-fill:#eaffee;--ok-tint:#f2fff6;--bad:#c33;--bad-fill:#ffecec;--ok-ring:#baf3d0;--bad-ring:#ffd0d0}.app-wrap{margin:0 auto;max-width:1200px;padding:.5rem .75rem}.app-header{flex-direction:column;gap:.5rem;text-align:center}.app-header,.nav{align-items:center;display:flex}.nav{gap:.75rem}.badge--done{background:#e8fff0;border:1px solid #2fbf71;border-radius:.4rem;color:#107a44;margin-left:.5rem;padding:.15rem .4rem}.board-wrap{margin:0 auto 14px;overflow:visible;position:relative;width:100%}.board-inner{margin-inline:auto;position:relative;width:fit-content}.board-grid{grid-gap:10px;grid-gap:var(--gap);display:grid;gap:10px;gap:var(--gap);grid-auto-rows:clamp(96px,26vw,138px);grid-auto-rows:var(--cell-size);grid-template-columns:repeat(3,clamp(96px,26vw,138px));grid-template-columns:repeat(3,var(--cell-size));position:relative;z-index:1}.overlay-wrap{inset:0;pointer-events:none;position:absolute;z-index:0}.cell{align-items:center;background:#fff;border:1px solid #000;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;font-size:clamp(16px,3.2vw,22px);font-size:var(--cell-font);font-weight:300;justify-content:center;-webkit-user-select:none;user-select:none}.cell-placeholder{display:inline-block;min-height:1em}.word-tile{background:#f7f7f7;background:var(--tile-bg);border:1px solid #333;border:1px solid var(--tile-border);border-radius:8px;cursor:grab;font-size:clamp(16px,3vw,20px);font-size:var(--tile-font);font-weight:500;line-height:1.15;padding:10px 12px;padding:var(--tile-pad-y) var(--tile-pad-x);text-align:center}.word-tile--anchor{background:#eef7ff;background:var(--anchor-bg);cursor:default}.bank-section{margin-top:10px;position:relative;z-index:2}.bank-section h3{letter-spacing:.01em;margin-bottom:.5rem}.bank-tiles{grid-column-gap:12px!important;grid-row-gap:10px!important;column-gap:12px!important;display:grid;grid-template-columns:1fr 1fr;padding-inline:6px;row-gap:10px!important}.bank-tiles .word-tile{box-sizing:border-box;margin:0;width:100%}.bank-tiles .bank-spacer{box-sizing:border-box}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.controls__right{margin-left:auto}.btn-danger{background:#fff5f5;border:1px solid #c33;border:1px solid var(--bad)}.cell-chain-correct{background:#eaffee!important;background:var(--ok-fill)!important;border-color:#1fa055!important;border-color:var(--ok-strong)!important;box-shadow:inset 0 0 0 2px #baf3d0;box-shadow:0 0 0 2px var(--ok-ring) inset}.cell-correct-partial{background:#f2fff6;background:var(--ok-tint);border-color:#59c27d;border-color:var(--ok-soft)}.cell-incorrect{background:#ffecec!important;background:var(--bad-fill)!important;border-color:#c33!important;border-color:var(--bad)!important;box-shadow:inset 0 0 0 2px #ffd0d0;box-shadow:0 0 0 2px var(--bad-ring) inset}@media (max-width:600px){.app-wrap{padding-top:.5rem}.app-header{margin-bottom:.55rem;margin-top:.25rem}}.bank-section,.nav{margin-bottom:.75rem}.bank-section{margin-top:.75rem}.controls{gap:.75rem;margin-bottom:.5rem;margin-top:.5rem}.is-selected{outline:3px solid #2b6cff;outline-offset:2px}.word-tile.is-selected{outline:2px solid #3b82f6;outline-offset:2px}
/*# sourceMappingURL=main.1d7e6d01.css.map*/