:root{--bg: #f7f4ee;--ink: #2b2a23;--ink-soft: #8a8577;--tile-bg: #fffdf8;--tile-border: #e3dccd;--tile-locked: #ede8dc;--hl: #f5edd2;--accent: #3d7068;--accent-soft: rgba(61, 112, 104, .55);--warn-bg: #f6e8cf;--warn-border: #e0c89a;--glow: #d9b96c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;height:100%;overscroll-behavior:none}#app{max-width:480px;margin:0 auto;padding:12px 16px 32px;user-select:none;-webkit-user-select:none}#header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}#header h1{font-size:18px;font-weight:400;letter-spacing:.12em;margin:0}#meta{font-size:11px;color:var(--ink-soft)}#blanks{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;min-height:56px;align-content:center;margin-bottom:8px}.blank-word{display:inline-flex;gap:4px}.slot{display:inline-block;width:15px;height:22px;border-bottom:1.5px solid var(--ink-soft);text-align:center;font-size:16px;line-height:22px}.blank-word.current .slot{border-bottom-color:var(--ink);border-bottom-width:2px}.slot.filled{color:var(--ink);border-bottom-color:transparent}.slot.tracing{color:var(--accent)}#banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:10px;padding:8px 12px;font-size:14px;margin-bottom:8px}#banner.hidden{display:none}#grid-wrap{position:relative;touch-action:none;margin:0 auto}#grid{display:grid;grid-template-columns:repeat(var(--n, 5),1fr);gap:6px;width:min(92vw,440px);margin:0 auto}.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:12px;font-size:clamp(18px,6.5vw,30px);font-weight:600;color:var(--ink);transition:background .12s ease,color .12s ease,opacity .2s ease}.tile.hl{background:var(--hl)}.tile.selected{background:var(--accent);border-color:var(--accent);color:#fff}.tile.locked{opacity:.35;background:var(--tile-locked)}.tile.shake{animation:shake .24s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.tile.glow{animation:glowpulse .9s ease-out;opacity:.85}@keyframes glowpulse{0%{box-shadow:0 0 #d9b96c00;transform:scale(1)}35%{box-shadow:0 0 18px var(--glow);transform:scale(1.06)}to{box-shadow:0 0 #d9b96c00;transform:scale(1)}}#trace-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#trace-line{fill:none;stroke:var(--accent-soft);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}#flash-line{fill:none;stroke:var(--glow);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}#completion{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f7f4eeeb;border-radius:14px;animation:fadein .5s ease}#completion.hidden{display:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}#completion-line{font-size:20px;font-style:italic;text-align:center;padding:0 24px;line-height:1.5}#completion-author{font-size:13px;color:var(--ink-soft);letter-spacing:.06em;margin-top:-8px}button,select,input,label{touch-action:manipulation}button{font-family:inherit;font-size:14px;color:var(--ink);background:transparent;border:1px solid var(--tile-border);border-radius:8px;padding:6px 14px;cursor:pointer}button:active{background:var(--tile-locked)}#next-btn{animation:fadein .4s ease .6s backwards;background:var(--tile-bg)}#controls{display:flex;justify-content:center;margin-top:14px;min-height:36px}#gear-btn{position:fixed;top:10px;right:10px;border:none;font-size:20px;color:var(--ink-soft);padding:4px 8px;background:transparent}@media (max-width: 600px){#gear-btn{opacity:.5}#header{padding-right:34px}}#panel{position:fixed;top:12px;right:12px;width:300px;max-height:85vh;overflow-y:auto;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:12px;padding:12px 14px;font-size:13px;font-family:ui-sans-serif,system-ui,sans-serif;box-shadow:0 4px 24px #00000014;z-index:10}#panel.hidden{display:none}@media (max-width: 600px){#panel{top:auto;bottom:12px;left:12px;right:12px;width:auto}}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--ink-soft);letter-spacing:.08em}.panel-head button{border:none;font-size:18px;padding:0 6px}#panel .row{display:block;margin:10px 0}#panel .row .opts{display:inline-flex;gap:12px;margin-left:8px}#panel .row.check{display:flex;align-items:center;gap:8px}#panel input[type=range]{width:100%;margin-top:6px}#panel select{width:100%;margin-top:4px;font-size:13px;max-width:100%}#panel .btns{display:flex;gap:8px}#bias-val{color:var(--ink-soft)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);border-radius:8px;padding:8px 16px;font-size:13px;font-family:ui-sans-serif,system-ui,sans-serif;z-index:20;animation:fadein .2s ease}#toast.hidden{display:none}@media (max-width: 600px){#panel,#panel select,#panel input,#panel button{font-size:16px}#panel input[type=range]{height:32px}}