:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;background-color:#f5f5f5;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0}button{color:#222;cursor:pointer;background-color:#fff;border:1px solid #888;border-radius:6px;padding:.5em 1em;font-family:inherit;font-size:1em}button:disabled{opacity:.5;cursor:default}.app{--header-height:3.25rem;--footer-height:8.35rem;--stage-height:calc(100dvh - var(--header-height) - var(--footer-height));box-sizing:border-box;color:#1f2933;background:#fff;height:100dvh;min-height:100dvh;padding:0;position:relative;overflow:hidden}.app h1{z-index:5;height:var(--header-height);text-align:center;letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;margin:0;font-size:clamp(1.45rem,8vw,2.15rem);font-weight:200;line-height:1;display:flex;position:absolute;top:0;left:0;right:0}.layout{top:var(--header-height);right:0;bottom:var(--footer-height);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:3px 3px 9px;display:flex;position:absolute;left:0;overflow:hidden}.board{width:min(calc((var(--stage-height) - 12px) * 7 / 12), calc(100vw - 6px));aspect-ratio:7/12;flex:none;max-width:100%;max-height:100%;position:relative;overflow:visible}.board__backdrop{position:absolute;inset:0}.board__tiles{pointer-events:none;position:absolute;inset:0}.cell{cursor:pointer;background:0 0;border:1px solid #eee;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.cell--control{background:#e77e2214;border-color:#eee}.cell__control-icon{color:#d35400;font-size:1.45rem;font-weight:800;line-height:1;transform:translateY(-1px)}.cell--rotate .cell__control-icon{font-size:1.08rem}.cell[data-row-reward=true]{--row-reward-bg:#12a8783d;--row-reward-border:#12a87894;animation:.58s both row-reward-cell}.cell[data-multiplier="2"]{--row-reward-bg:#f7c44252;--row-reward-border:#d69e2ea8}.cell[data-multiplier="3"]{--row-reward-bg:#e5525247;--row-reward-border:#c73737ad}.cell[data-multiplier="4"]{--row-reward-bg:#8d5bd64d;--row-reward-border:#7546b0ad}.tile{color:#222;cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #aaa;border-radius:6px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:200;line-height:1;display:flex;position:absolute;top:0;left:0}.tile--interactive{color:#123456;background:#62a9f29e;border-color:#3f7fbf}.tile--selected{color:#fff;background:#4f86ff;border-color:#4f86ff}.tile--keyboard-focus{box-shadow:0 0 0 2px #fff,0 0 0 5px #1f2933b8}.tile--clash{color:#fff;background:#e55252;border-color:#c73737}.tile--row-reward{--row-reward-tile-bg:#12a878b8;--row-reward-tile-border:#12a878;--row-reward-shadow:#12a87842;background:var(--row-reward-tile-bg);border-color:var(--row-reward-tile-border);color:#13201b;box-shadow:0 0 0 2px var(--row-reward-shadow);animation:.58s both row-reward-outline}.tile--row-reward[data-multiplier="2"]{--row-reward-tile-bg:#f7c442db;--row-reward-tile-border:#d69e2e;--row-reward-shadow:#d69e2e4d}.tile--row-reward[data-multiplier="3"]{--row-reward-tile-bg:#e55252d6;--row-reward-tile-border:#c73737;--row-reward-shadow:#c737374d;color:#fff}.tile--row-reward[data-multiplier="4"]{--row-reward-tile-bg:#8d5bd6db;--row-reward-tile-border:#7546b0;--row-reward-shadow:#7546b052;color:#fff}.tile--row-reward .tile__letter,.tile--row-reward .tile__score{animation:.58s both row-reward-jiggle}.board__tetromino,.board__ghost{pointer-events:none;position:absolute;inset:0}.tetromino-ghost{box-sizing:border-box;background:#7b87941a;border:2px solid #7b87948f;border-radius:6px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #fff6}.tetromino-tile{color:#3e4c59;cursor:pointer;pointer-events:auto;background:#cbd5dfad;border:1px solid #9aa5b1;border-radius:6px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:200;line-height:1;display:flex;position:absolute;top:0;left:0}.tetromino-tile--active{color:#3f2200;background:#f39c12d1;border-color:#d35400}.tetromino-tile--clash{color:#fff;background:#ee5757bd;border-color:#c73737}.tile__letter{font-weight:200;transform:translateY(.02em)}.tile__score{font-size:var(--tile-score-size);opacity:.72;font-weight:700;line-height:1;position:absolute;top:7%;left:9%}.tile__order{font-size:var(--tile-score-size);opacity:.85;font-weight:700;line-height:1;position:absolute;top:7%;right:9%}.controls{z-index:10;box-sizing:border-box;height:var(--footer-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eee;grid-template-rows:.85rem 1.2rem .9rem 5.25rem;justify-content:center;align-items:center;gap:.05rem;display:grid;position:absolute;bottom:0;left:0;right:0}.current-word{letter-spacing:.1em;text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:min(328px,100vw - 2rem);font-size:.95rem;font-weight:500;line-height:1.25;overflow:hidden}.bonus-banner{color:#0f8f67;letter-spacing:.08em;text-align:center;text-transform:uppercase;align-self:end;min-height:.85rem;font-size:.72rem;font-weight:800;line-height:1;overflow:hidden}.bonus-banner--empty,.message--empty{visibility:hidden}.bonus-banner--points{color:#0f8f67;animation:.58s both bonus-pop}.bonus-banner[data-multiplier="2"],.word-list__multiplier[data-multiplier="2"]{color:#b7791f}.bonus-banner[data-multiplier="3"],.word-list__multiplier[data-multiplier="3"]{color:#c73737}.bonus-banner[data-multiplier="4"],.word-list__multiplier[data-multiplier="4"]{color:#7546b0}.current-word__score{color:#4f86ff;font-weight:400}.controls__actions{grid-template-columns:minmax(4.75rem,1fr) 5.25rem minmax(4.75rem,1fr);place-items:center;gap:.65rem;width:min(328px,100vw - 2rem);display:grid}.controls__button,.controls__text-button{font:inherit;cursor:pointer;border:0}.controls__button:disabled,.controls__text-button:disabled{cursor:default;opacity:.38}.controls__stack{grid-template-rows:2.1rem 1.45rem;place-items:center;gap:.28rem;min-width:0;display:grid}.controls__button--submit{box-sizing:border-box;letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap;border-radius:999px;place-items:center;width:5.25rem;height:5.25rem;padding:.25rem;font-size:.82rem;font-weight:700;line-height:1;display:grid}.controls__button--blue{color:#fff;background:#4f86ff;box-shadow:0 12px 24px #4f86ff47}.controls__button--orange{color:#3f2200;background:#f39c12;box-shadow:0 12px 24px #1f293338}.controls__button--secondary{box-sizing:border-box;color:#52606d;letter-spacing:.08em;text-transform:uppercase;background:#edf1f5;border-radius:999px;width:4.55rem;min-width:4.55rem;min-height:2.1rem;padding:.55rem .65rem;font-size:.7rem;font-weight:700}.controls__text-button{box-sizing:border-box;color:#7b8794;letter-spacing:.06em;text-transform:uppercase;background:0 0;width:4.55rem;min-height:1.45rem;padding:.2rem .25rem;font-size:.63rem;line-height:1.1}.controls__score-button{color:#4f86ff;font-weight:700}.message{color:#c0392b;text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:start;width:min(328px,100vw - 2rem);font-size:.75rem;line-height:1.2;overflow:hidden}.status{color:#555}.status--error{color:#c0392b}.word-list{max-height:55vh;margin:0;padding:0;list-style:none;overflow-y:auto}.word-list__points{color:#4f86ff}.word-list__multiplier{font-size:.82em;font-weight:800}.score-modal{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.score-modal__backdrop{background:#1f293359;border:0;border-radius:0;padding:0;position:absolute;inset:0}.score-modal__panel{box-sizing:border-box;background:#fff;border-radius:8px;width:min(24rem,100vw - 2rem);max-height:min(28rem,100dvh - 6rem);margin:1rem;padding:1rem;position:relative;overflow:hidden;box-shadow:0 22px 60px #1f293347}.score-modal__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.score-modal__header h2{margin:0;font-size:1.1rem;font-weight:700}.score-modal__close{color:#52606d;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;font-size:.72rem;font-weight:700}.score-modal__empty{color:#7b8794;margin:0}@keyframes row-reward-jiggle{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-4px)rotate(-2deg)}36%{transform:translate(4px)rotate(2deg)}54%{transform:translate(-3px)rotate(-1deg)}72%{transform:translate(3px)rotate(1deg)}}@keyframes row-reward-outline{0%,to{box-shadow:0 0 #12a87800}45%{box-shadow:0 0 0 3px var(--row-reward-shadow)}}@keyframes row-reward-cell{0%,to{background:0 0}45%{background:var(--row-reward-bg);border-color:var(--row-reward-border)}}@keyframes bonus-pop{0%{opacity:0;transform:translateY(4px)scale(.92)}28%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=760px){.controls{grid-template-rows:.85rem 1.2rem .9rem 4.75rem}.controls__button--submit{width:4.75rem;height:4.75rem}.controls__actions{grid-template-columns:minmax(4.25rem,1fr) 4.75rem minmax(4.25rem,1fr)}}@media (width>=720px){.app{--header-height:3.75rem}.layout{justify-content:center}}@media (prefers-color-scheme:dark){.app{color:#e5eaf0;background:#101418}.cell{border-color:#28323d}.cell--control{background:#ffb1541a;border-color:#28323d}.cell__control-icon{color:#ffb154}.tile{color:#f5f7fa;background:#1f2933;border-color:#52606d}.tile--interactive{color:#eaf4ff;background:#70b2ff80;border-color:#86bfff}.tile--selected{color:#07111f;background:#5f96ff;border-color:#8cb6ff}.tile--keyboard-focus{box-shadow:0 0 0 2px #101418,0 0 0 5px #f5f7fac7}.tile--clash{color:#fff;background:#b94444;border-color:#f28b82}.tile--row-reward{--row-reward-tile-bg:#30d9a59e;--row-reward-tile-border:#30d9a5;--row-reward-shadow:#30d9a53d;color:#061712}.tetromino-tile{color:#e5eaf0;background:#52606dad;border-color:#9aa5b1}.tetromino-tile--active{color:#231200;background:#ffb154c2;border-color:#ffb154}.tetromino-ghost{background:#9aa5b114;border-color:#9aa5b1a3;box-shadow:inset 0 0 0 1px #00000047}.tetromino-tile--clash{color:#fff;background:#da5454b8;border-color:#ff9b9b}.controls{background:#171d24}.current-word__score,.controls__score-button,.word-list__points{color:#86bfff}.bonus-banner{color:#30d9a5}.bonus-banner[data-multiplier="2"],.word-list__multiplier[data-multiplier="2"]{color:#f7c442}.bonus-banner[data-multiplier="3"],.word-list__multiplier[data-multiplier="3"]{color:#ff7d7d}.bonus-banner[data-multiplier="4"],.word-list__multiplier[data-multiplier="4"]{color:#c7a6ff}.controls__button--submit{box-shadow:0 12px 24px #00000057}.controls__button--blue{color:#07111f;background:#5f96ff;box-shadow:0 12px 24px #00000057}.controls__button--orange{color:#231200;background:#ffb154;box-shadow:0 12px 24px #00000057}.controls__button--secondary{color:#cbd5df;background:#28323d}.controls__text-button{color:#9aa5b1}.message,.status--error{color:#ff9b9b}.status{color:#9aa5b1}.score-modal__backdrop{background:#00000094}.score-modal__panel{color:#e5eaf0;background:#171d24;box-shadow:0 22px 60px #00000085}.score-modal__close{color:#cbd5df}.score-modal__empty{color:#9aa5b1}}