:root{--cell-size: 56px;--gap: 1px;--bg: #0b0c10;--ink: #111;--light: #f8f8f8;--accent: #2563eb;--muted: #888;--kb-height: 240px}*{box-sizing:border-box}html,body{touch-action:manipulation}body{margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff}.app{height:100svh}.content{display:flex;flex-direction:column;align-items:center;height:100svh}.grid-wrap{outline:none;flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%}.grid{display:grid;gap:var(--gap);background:#696969;padding:var(--gap);width:max-content;box-shadow:inset 0 0 0 1px #696969}.cell{position:relative;width:var(--cell-size);height:var(--cell-size);background:#fff;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.cell.block{background:#111;cursor:default}.cell .label{position:absolute;top:3px;left:4px;font-size:16px;color:#333}.cell .letter{font-size:22px;font-weight:700}.cell.in-clue{background:#a7d8ff}.cell.active{background:#ffda00}.current-clue{display:flex;gap:12px;align-items:center;background:#a7d8ff;padding:0 10px;min-height:48px;width:100%}.current-clue .nav{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.current-clue .clue-text{font-size:14px;color:#111;flex-grow:1}.mobile-kb{display:none}.kb-capture{font-size:16px}@media (max-width: 1024px){.mobile-kb{display:block;width:100%;background:#e4eaef;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}.mobile-kb .kb-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.mobile-kb .kb-row:last-child{margin-bottom:0}.mobile-kb .kb-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid #c9d1d9;background:#f7f7f7;color:#111;border-radius:4px;padding:0 8px;height:44px;flex-basis:1px;flex-grow:1;font-size:16px;font-weight:600}.mobile-kb .kb-key:active{background:#e9e9e9}.mobile-kb .kb-wide{min-width:48px;background-color:#c9d1d9;border-bottom:1px solid #b3bdc4}.mobile-kb .kb-med{min-width:64px}}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:#f5f7fb;border-bottom:1px solid #e5e7eb}.timer-display{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px;color:#111}.pause-btn{background:#fff;color:#111;border:1px solid #cfd8e3;border-radius:6px;padding:6px 10px;font-weight:600}.pause-btn:hover{background:#f2f4f7}.grid-scale{will-change:transform;transform-origin:center}.content.is-paused .grid-wrap,.content.is-paused .current-clue,.content.is-paused .mobile-kb{filter:blur(3px);transition:filter .12s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{background:#fff;color:#111;border-radius:10px;box-shadow:0 10px 30px #00000040;padding:20px 22px;width:100%;max-width:420px;text-align:center}.modal h2{margin:0 0 8px}.modal p{margin:0 0 16px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#fff;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.95)}