:root{--ink:#171717;--muted:#777773;--line:#e6e6df;--paper:#fff;--soft:#f6f5ef}*{box-sizing:border-box}html{background:var(--soft);-webkit-tap-highlight-color:transparent}body{background:var(--soft);min-width:320px;min-height:100svh;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{color:inherit;font:inherit;cursor:pointer}.shell{min-height:100svh;padding-bottom:max(18px, env(safe-area-inset-bottom))}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-mark{width:21px;height:25px;position:relative;transform:rotate(-5deg)}.brand-mark i{background:#ff6b4a;border-radius:3px;width:13px;height:9px;position:absolute;box-shadow:0 1px #17171714}.brand-mark i:first-child{top:0;left:1px}.brand-mark i:nth-child(2){background:#66d1af;top:8px;left:4px}.brand-mark i:nth-child(3){background:#6f8eff;top:16px;left:7px}.round-button,.modal-close{border:1px solid var(--line);background:#fff;border-radius:50%;width:34px;height:34px;padding:0;font-weight:800}.game{width:fit-content;max-width:calc(100% - 20px);margin:0 auto;padding-top:14px}.intro-row{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px;display:flex}.eyebrow{color:#686862;letter-spacing:.19em;margin:0 0 7px;font-size:8px;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(25px,7vw,36px);line-height:.96}.game-actions{align-items:center;gap:12px;display:flex}.restart,.pause{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:8px 0;font-size:9px;font-weight:800}.restart span,.pause span{margin-left:3px;font-size:14px}.pause{color:var(--ink)}.pause:disabled{cursor:default;opacity:.35}.dashboard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;grid-template-columns:1.5fr 1px 1fr 1px 1fr;align-items:center;margin-bottom:10px;padding:10px 6px;display:grid;box-shadow:0 7px 22px #1e1e1809}.dashboard small{color:var(--muted);letter-spacing:.14em;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.dashboard strong{letter-spacing:-.04em;font-size:17px;line-height:1;display:block}.dashboard>i{background:var(--line);height:27px}.play-row{align-items:flex-start;gap:7px;display:flex}.board{width:min(100vw - 76px,310px);aspect-ratio:var(--board-width) / var(--board-height);grid-template-columns:repeat(var(--board-width), 1fr);grid-template-rows:repeat(var(--board-height), 1fr);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:17px;gap:2px;padding:6px;display:grid;box-shadow:0 15px 38px #1e1e1812}.cell{background:#f2f2ed;border-radius:5px;place-items:center;min-width:0;min-height:0;display:grid}.tile{color:#171717;border-radius:6px;place-items:center;width:100%;height:100%;font-size:clamp(11px,4.5vw,20px);font-weight:900;animation:.12s ease-out settle;display:grid;box-shadow:inset 0 0 0 1px #00000009,0 2px #00000017}.tile.active{animation:.8s ease-in-out infinite alternate active-pulse;box-shadow:inset 0 0 0 2px #171717,0 2px #0000001f}.tile.clearing{z-index:2;animation:.48s ease-in-out forwards word-flash;position:relative}.coral{background:#ff8b72}.blue{background:#8ca8ff}.yellow{background:#f7d867}.mint{background:#74d8b6}.lilac{background:#c5a1f2}.pink{background:#f4a6c6}.side-panel{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;width:43px;padding:9px 5px 6px;display:flex}.next-label{color:var(--muted);letter-spacing:.13em;margin-bottom:7px;font-size:7px;font-weight:800}.preview{flex-direction:column;gap:5px;display:flex}.preview-tile{border-radius:7px;place-items:center;width:29px;height:29px;font-size:14px;font-weight:900;display:grid;box-shadow:0 2px #00000014}.drop-button{background:var(--ink);color:#fff;touch-action:none;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:31px;height:53px;margin-top:10px;padding:0;font-size:17px;display:flex}.drop-button small{letter-spacing:.08em;font-size:6px;font-weight:800}.event{min-height:34px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.event span{background:#c4c4bc;border-radius:50%;flex:none;width:6px;height:6px}.event.good{color:#238468}.event.good span{background:#32bd8e}.word-history{flex-wrap:wrap;justify-content:center;gap:5px;max-width:370px;display:flex}.word-history b{letter-spacing:.05em;background:#e9e9e3;border-radius:99px;padding:5px 8px;font-size:8px}.backdrop{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#14141261;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:23px;width:min(100%,420px);padding:31px 24px 24px;position:relative;box-shadow:0 30px 80px #0003}.modal-close{font-size:20px;font-weight:400;position:absolute;top:15px;right:15px}.modal h2{letter-spacing:-.05em;max-width:320px;margin:0;font-size:33px;line-height:1}.modal ol{color:#565651;margin:23px 0;padding-left:19px;font-size:13px;line-height:1.5}.modal li+li{margin-top:8px}.primary-button{background:var(--ink);color:#fff;border:0;border-radius:99px;justify-content:space-between;align-items:center;width:100%;height:49px;padding:0 10px 0 20px;font-size:12px;font-weight:700;display:flex}.primary-button i{width:29px;height:29px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.finished{text-align:center}.finished h2{max-width:none}.finished>p:not(.eyebrow){color:var(--muted);margin:15px 0 22px;font-size:13px}.finished strong{color:var(--ink)}.pause-backdrop{background:#14141247}.paused{text-align:center}.paused h2{max-width:none}.paused>p:not(.eyebrow){color:var(--muted);margin:15px 0 22px;font-size:13px}button:focus-visible,.board:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes settle{0%{opacity:.65;transform:translateY(-3px)}}@keyframes active-pulse{to{filter:brightness(1.06);transform:scale(.94)}}@keyframes word-flash{0%,to{opacity:1;transform:scale(1)}24%,68%{color:#171717;background:#fff;transform:scale(1.12);box-shadow:inset 0 0 0 2px #171717,0 0 0 3px #fff,0 0 0 5px #171717}46%{opacity:.45;transform:scale(.92)}to{opacity:0}}@media (width>=700px){.topbar{height:70px;padding-inline:max(24px,50vw - 550px)}.game{padding-top:28px}.play-row{gap:10px}.side-panel{width:49px}.preview-tile{width:33px;height:33px}}@media (height<=700px){.topbar{height:48px}.game{padding-top:8px}.intro-row{margin-bottom:7px}.eyebrow{margin-bottom:4px}h1{font-size:23px}.dashboard{margin-bottom:7px;padding-block:7px}.board{width:min(100vw - 76px,280px)}.event{min-height:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}