:root{--ink:#14213d;--paper:#f5f2e9;--line:#c9c4b8;--green:#6aaa64;--yellow:#c9b458;--gray:#787c7e;--blue:#305cde}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}.topbar{height:72px;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:56px 1fr 56px;align-items:center;max-width:720px;margin:auto;padding:0 12px}.brand-logo{display:block;width:min(310px,100%);height:auto;max-height:61px;object-fit:contain;margin:auto}.icon-button{width:42px;height:42px;border:1.5px solid var(--ink);border-radius:50%;background:transparent;font-weight:800;font-size:20px;cursor:pointer}.game{width:min(100%,650px);margin:auto;padding:15px 16px 14px}.game-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;margin:0 auto 13px;max-width:340px}.turn{background:var(--ink);color:white;border-radius:20px;padding:7px 13px}.board-window{--tile-size:58px;--tile-gap:6px;width:max-content;max-width:100%;height:548px;margin:auto;overflow:hidden;scroll-behavior:smooth}.board-window.needs-scroll{overflow-y:auto;scrollbar-width:thin}.board-window.reviewing{padding-right:9px}.board{--tile-size:inherit;--tile-gap:inherit;width:max-content;margin:auto}.row-wrap{display:flex;align-items:center;gap:18px}.row{display:grid;grid-template-columns:repeat(5,var(--tile-size));gap:var(--tile-gap);width:max-content}.tile{width:var(--tile-size);height:var(--tile-size);border:2px solid #d5d0c6;background:rgba(255,255,255,.38);display:grid;place-items:center;font-size:28px;line-height:1;font-weight:800}.row.active .tile{border-color:#8e8a82;background:white}.tile.filled{border-color:var(--ink)}.tile.correct,.tile.present,.tile.absent{color:white;border-color:transparent}.tile.correct{background:var(--green)}.tile.present{background:var(--yellow)}.tile.absent{background:var(--gray)}.transition{height:12px;display:grid;grid-template-columns:repeat(5,var(--tile-size));gap:var(--tile-gap)}.change-line{width:5px;height:12px;justify-self:center;background:var(--blue);border-radius:2px}.answer-word{width:88px;font-size:19px;font-weight:900;letter-spacing:1.4px}.answer-word.caught{color:var(--green)}.change-note{height:14px;margin:8px 0 10px;text-align:center;color:var(--blue);font-size:11px;font-weight:700}.keyboard{margin-top:14px;user-select:none}.key-row{display:flex;justify-content:center;gap:6px;margin-bottom:7px}.key{height:52px;min-width:35px;padding:0 8px;border:0;border-radius:4px;background:#d8d5cd;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 2px 0 #b9b5ac}.key:active{transform:translateY(2px);box-shadow:none}.key.wide{min-width:58px;padding:0 7px;font-size:10px}.key.back{font-size:21px}.overlay{position:fixed;inset:0;z-index:10;padding:18px;background:rgba(20,33,61,.75);display:grid;place-items:center;overflow:auto}.modal{position:relative;width:min(100%,440px);max-height:calc(100vh - 36px);overflow:auto;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:32px 34px;text-align:center}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;cursor:pointer}.eyebrow{margin:0 0 8px;color:var(--blue);letter-spacing:2.5px;font-size:11px;font-weight:900}.modal h1{margin:0 0 16px;font-family:Georgia,serif;font-size:36px;line-height:1.02;letter-spacing:-1px}.modal p:not(.eyebrow){font-size:14px;line-height:1.5}.example-shift{width:245px;display:grid;grid-template-columns:repeat(5,1fr);margin:18px auto 14px}.mini-word{grid-column:1/6;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mini-word i{aspect-ratio:1;border:1.5px solid var(--ink);display:grid;place-items:center;background:white;font-style:normal;font-weight:800}.mini-word .shifted{background:var(--blue);color:white}.mini-connector{grid-column:4;height:23px;display:grid;place-items:center}.mini-connector span{display:block;width:5px;height:23px;background:var(--blue);border-radius:2px}.help-modal ul{padding:0;margin:17px 0;list-style:none;text-align:left;font-size:13px}.help-modal li{padding:7px 0 7px 23px;border-top:1px solid var(--line);position:relative}.help-modal li:last-child{border-bottom:1px solid var(--line)}.help-modal li:before{content:"✓";color:var(--blue);font-weight:900;position:absolute;left:2px}.today{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;margin:15px 0;background:#e7e1d2;font-size:11px;letter-spacing:1px}.today b{font-size:14px;letter-spacing:0}.primary,.secondary{width:100%;padding:13px;border:2px solid var(--ink);font-size:12px;letter-spacing:1.5px;font-weight:900;cursor:pointer}.primary{color:white;background:var(--blue);box-shadow:4px 4px 0 var(--ink)}.secondary{margin-top:11px;background:transparent}.toast{position:fixed;z-index:30;left:50%;top:78px;transform:translateX(-50%);color:white;background:var(--ink);padding:9px 16px;border-radius:4px;font-size:13px;font-weight:700}.inline-results{text-align:center;padding:18px 0 5px}.inline-results h2{margin:0 0 15px;font-family:Georgia,serif;font-size:24px}.result-actions{width:280px;max-width:100%;margin:auto}.result-actions .secondary{margin-top:8px}[hidden]{display:none!important}@media(max-width:520px){.game{padding-inline:8px}.board-window{--tile-size:52px;--tile-gap:5px;height:500px}.row-wrap{gap:11px}.answer-word{width:73px;font-size:16px}.key{height:48px;min-width:30px;padding:0 6px;font-size:13px}.key.wide{min-width:48px}.modal{padding:30px 20px}.modal h1{font-size:31px}}