@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #eef0f4;--panel: #ffffff;--board-bg: #e4e7ee;--line: #dde1ea;--text: #23262b;--muted: #6b7280;--accent: #e8543f;--btn-bg: #f4f5f8;--btn-bg-hover: #e9ebf1;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:env(safe-area-inset-top,0px) 16px 0;padding-bottom:10px;background:var(--panel);border-bottom:1px solid var(--line)}.wordmark{font-family:var(--font-mono);font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.topbar__stats{display:flex;gap:16px;font-family:var(--font-mono);font-size:13px}.topbar__stat .stat__label{margin-right:4px}.topbar__words-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:2px 10px;font-family:var(--font-mono);font-size:13px;line-height:1.4;cursor:pointer}.topbar__words-btn:hover{background:#e8543f14}.topbar__words-btn .stat__label{color:var(--accent);margin-right:4px}.topbar__actions{display:flex;align-items:center;gap:8px}.help{position:relative}.help__trigger{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--btn-bg);color:var(--muted);font-family:var(--font-mono);font-size:13px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.help__trigger:hover,.help__trigger[aria-expanded=true]{background:var(--btn-bg-hover);color:var(--text)}.help__panel{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 8px 24px -8px #14161e59;z-index:10}.help__title{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.help__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.help__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.help__keys{display:flex;gap:4px;flex:none}.help__key{min-width:20px;padding:2px 6px;border-radius:5px;border:1px solid var(--line);background:var(--btn-bg);color:var(--text);font-family:var(--font-mono);font-size:11px;text-align:center}.help__label{font-size:12.5px;color:var(--text);text-align:right}.layout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.board-shell{position:relative;aspect-ratio:1 / 2;flex:1;min-height:0;max-height:640px;max-width:94vw;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #14161e0d,0 12px 32px -12px #14161e40;touch-action:none}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);gap:2px;background:var(--board-bg);padding:4px}.cell{border-radius:2px;background:transparent}.cell--filled{position:relative;box-shadow:inset 0 0 0 1.5px #14161e1f,inset 0 -2px #ffffff40}.cell--active{box-shadow:inset 0 0 0 1.5px #14161e1f,0 0 0 2px #ffffffb3}.cell__age{position:absolute;top:1px;right:2px;font-family:var(--font-mono);font-size:9px;line-height:1;color:#ffffffd9;text-shadow:0 1px 1px rgba(0,0,0,.35)}.cell__letter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:12px;color:#fffffff0;text-shadow:0 1px 1px rgba(0,0,0,.35);pointer-events:none}.side-panels{display:flex;flex-direction:column;gap:10px;width:100%}.stats-sidebar,.words-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.stats-sidebar{display:flex;flex-direction:row;align-items:center;gap:16px}.stats-sidebar__section{flex:none;width:64px;display:flex;flex-direction:column;gap:4px}.stats-sidebar__stats{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}.words-sidebar{display:none;height:160px;flex-direction:column}.stat{display:flex;flex-direction:column;gap:2px}.stat--duplicate{display:none}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--font-mono)}.stat__value{font-family:var(--font-mono);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;display:inline-block}.history{flex:1;min-height:80px;display:flex;flex-direction:column;gap:8px}.history__empty{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}.history__table{flex:1;min-height:0;overflow-y:auto;border-collapse:collapse;width:100%}.history__table tr{border-bottom:1px solid var(--line)}.history__table tr:last-child{border-bottom:none}.history__word,.history__points{padding:5px 0;font-family:var(--font-mono);font-size:12.5px}.history__word{color:var(--text);letter-spacing:.03em}.history__points{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.next-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px;aspect-ratio:4 / 3;width:100%;background:var(--board-bg);border-radius:6px;padding:4px}.next-cell{position:relative;border-radius:2px;background:transparent}.next-cell--filled{box-shadow:inset 0 0 0 1.5px #14161e1f}.btn{border:1px solid var(--line);background:var(--btn-bg);color:var(--text);border-radius:10px;padding:14px 0;flex:1;font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.95)}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:disabled{opacity:.45;cursor:default}.btn--rotate{color:var(--accent);border-color:currentColor}.btn--ghost{background:transparent;border-color:var(--line);font-size:13px;padding:8px 14px;flex:none;font-family:var(--font-mono)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);font-family:var(--font-mono);font-size:14px;padding:12px 22px;flex:none}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.footer-bar{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.btn--footer-side{flex:none;width:64px}.btn--footer-rotate{flex:1;font-size:16px;font-weight:700;padding:14px 0}.word-toast{position:absolute;top:10px;left:0;right:0;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 10px;pointer-events:none}.word-toast__pill{background:var(--accent);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.04em;padding:5px 12px;border-radius:999px;box-shadow:0 4px 12px -4px #14161e73}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14161e8c;display:flex;align-items:center;justify-content:center;padding:16px}.overlay__card{background:var(--panel);border-radius:14px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px}.overlay__card h2{margin:0;font-family:var(--font-mono);font-size:20px}.overlay__card p{margin:0;color:var(--muted);font-size:14px}.words-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161e8c;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.words-modal-sheet{background:var(--panel);border-radius:16px;padding:16px;width:100%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px -12px #14161e66}.words-modal-sheet__head{display:flex;align-items:center;justify-content:space-between}.words-modal-sheet__paused{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:#e8543f1a;border-radius:999px;padding:3px 10px}.words-modal-sheet__close{background:none;border:none;color:var(--muted);font-size:16px;line-height:1;padding:4px;cursor:pointer}@media (pointer: fine) and (min-width: 880px),(pointer: coarse) and (orientation: landscape) and (min-width: 840px){.layout{display:grid;grid-template-columns:200px 1fr 200px;grid-template-rows:1fr;align-items:stretch;justify-items:center;gap:16px}.side-panels{display:contents}.words-sidebar{display:flex;grid-column:1;grid-row:1;width:100%;height:auto;justify-self:stretch}.board-shell{grid-column:2;grid-row:1;flex:none;height:auto;max-height:900px}.stats-sidebar{grid-column:3;grid-row:1;align-self:start;width:100%;justify-self:stretch;flex-direction:column;align-items:stretch}.stats-sidebar__section{width:auto}.stats-sidebar__stats{flex-direction:column}.stat--duplicate{display:flex}}