:root{--ink:#100e0a;--ink-2:#211c14;--paper:#fff;--paper-tile:#fff;--paper-line:#100e0a85;--rule:#100e0ab3;--oxblood:#7c2c2c;--oxblood-light:#b16a4f;--muted:#100e0ab8;--hint-ok:#4f7a52;--hint-bad:#b23b3b;--cell:54px;--gap:6px}@media (width<=480px){:root{--cell:42px;--gap:5px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);min-height:100vh;color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'%20opacity='0.1'/%3E%3C/svg%3E");background-repeat:repeat;justify-content:center;padding:28px 14px 60px;font-family:Spectral,serif;display:flex}.app{width:100%;max-width:560px}header{text-align:center;margin-bottom:18px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--ink);font-family:Playfair Display,serif;font-size:12px;font-weight:700}h1{letter-spacing:-.01em;color:var(--ink);margin:8px 0 6px;font-family:Libre Caslon Display,Playfair Display,serif;font-size:clamp(38px,9vw,58px);font-style:normal;font-weight:400}.subtitle{color:var(--ink);font-family:Fraunces,serif;font-size:15px;font-style:italic}.debug-panel{max-width:420px;color:var(--paper);background:var(--ink);border:1px dashed var(--oxblood);text-align:left;border-radius:5px;margin:12px auto 0;padding:8px 12px;font-family:Special Elite,monospace;font-size:11px;line-height:1.5;display:none}.divider{margin:16px 2px}.divider--single{background:var(--rule);height:1px}.divider--double{background:var(--ink);height:3px}.divider--ornament{align-items:center;gap:10px;margin:18px 2px;display:flex}.divider--ornament .dline{background:var(--rule);flex:1;height:1px}.divider--ornament .dmark{color:var(--ink);display:flex}.statusbar{color:var(--muted);justify-content:space-between;align-items:center;margin:0 2px 16px;font-family:Special Elite,monospace;font-size:12.5px;display:flex}.statusbar .timer{letter-spacing:.04em;color:var(--ink);font-size:17px}.statusbar .lenhint{letter-spacing:.06em;color:var(--ink);font-size:13.5px}.statusbar .lenhint #posCurrent,.statusbar .lenhint #posTotal{display:inline-block}.statusbar .lenhint #posCurrent.pop{animation:.3s posPop}@keyframes posPop{0%{transform:scale(1)}40%{color:var(--oxblood);transform:scale(1.45)}to{transform:scale(1)}}.board-wrap{position:relative}.board-scroll{justify-content:center;padding:6px;display:flex;overflow:auto}.board{gap:var(--gap);display:grid;position:relative}svg.thread{pointer-events:none;position:absolute;inset:0;overflow:visible}.tile{width:var(--cell);height:var(--cell);font-family:Fraunces,serif;font-weight:600;font-size:calc(var(--cell) * .42);color:var(--ink);background:var(--paper-tile);border:1.5px solid var(--paper-line);cursor:pointer;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;z-index:2;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .1s,box-shadow .15s;display:flex;position:relative}.tile:active{cursor:grabbing}.tile:hover{background:#7c2c2c1a}.tile.used{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tile.start{background:var(--oxblood);color:var(--paper);border-color:var(--oxblood)}.tile.prev{color:var(--paper);background:#7c2c2c8c;border-color:#7c2c2cb3}.tile.current{background:var(--oxblood-light);color:var(--paper);border-color:var(--oxblood-light);box-shadow:0 0 0 3px #b16a4f4d}.tile.deadend{animation:.28s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tile.win-vibrate{animation:.42s ease-in-out 2 winShake}@keyframes winShake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-2px,1px)rotate(-2deg)}30%{transform:translate(2px,-1px)rotate(2deg)}45%{transform:translate(-2px,-1px)rotate(-1deg)}60%{transform:translate(2px,1px)rotate(1deg)}75%{transform:translate(-1px,1px)rotate(-1deg)}90%{transform:translate(1px,-1px)rotate(1deg)}}.tile.ghost{color:#0000!important;box-shadow:none!important;background:#1c17100a!important;border-color:#1c171040!important}.tile.ghost .hint-badge{opacity:0}.answer-wrap{text-align:center;margin-top:4px}.answer{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);word-break:break-word;min-height:20px;font-family:Fraunces,serif;font-size:clamp(15px,4vw,20px);font-weight:600;line-height:1.5}.answer .quote-final{letter-spacing:normal;text-transform:none;color:var(--ink);font-family:Fraunces,serif;font-size:clamp(17px,4.4vw,22px);font-style:italic;font-weight:500}.deadend-msg{color:var(--oxblood);letter-spacing:.03em;min-height:10px;margin-top:4px;font-family:Special Elite,monospace;font-size:12px}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:5px;display:flex}.follow-wrap{text-align:center;margin-top:13px}.follow-link{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:0 0;border:1px solid #1c171040;border-radius:5px;padding:9px 16px;font-family:Special Elite,monospace;font-size:11.5px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-block}.follow-link:hover{color:var(--ink);background:#1c17100f;border-color:#1c171080}button{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper-tile);color:var(--paper);cursor:pointer;border-radius:4px;padding:9px 14px;font-family:Special Elite,monospace;font-size:11.5px;transition:background .15s,border-color .15s,transform .1s}button:hover{background:var(--ink-2);border-color:var(--ink-2)}button:active{transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}button:disabled:hover{background:var(--ink);border-color:var(--ink)}button.primary{background:var(--oxblood);border-color:var(--oxblood);color:var(--paper)}button.primary:hover{background:#93382f;border-color:#93382f}button:focus-visible{outline:2px solid var(--oxblood-light);outline-offset:2px}.btn-icon{vertical-align:-2.5px;width:14px;height:14px;color:var(--paper);margin-right:6px}.hint-btn{border-color:var(--oxblood);background:var(--oxblood);box-shadow:inset 0 0 0 2px var(--paper-tile)}.hint-btn:hover{background:#93382f;border-color:#93382f}.hint-badge{min-width:calc(var(--cell) * .34);height:calc(var(--cell) * .34);background:var(--ink);color:var(--paper);font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:calc(var(--cell) * .24);box-shadow:0 0 0 2px var(--paper-tile);pointer-events:none;z-index:4;border-radius:50%;justify-content:center;align-items:center;padding:0 2px;transition:background .15s,color .15s;display:flex;position:absolute;top:-5px;right:-5px}.hint-badge.badge-correct{background:var(--hint-ok);color:var(--paper)}.hint-badge.badge-wrong{background:var(--hint-bad);color:var(--paper)}.hint-badge.badge-pulse{animation:.4s badgePulse}@keyframes badgePulse{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.35)rotate(-10deg)}45%{transform:scale(1.15)rotate(8deg)}70%{transform:scale(1.2)rotate(-5deg)}to{transform:scale(1)rotate(0)}}.overlay{z-index:50;opacity:0;pointer-events:none;background:#0a080599;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.modal{background:var(--paper-tile);color:var(--ink);border:1px solid var(--paper-line);text-align:center;border-radius:10px;width:100%;max-width:440px;padding:30px 26px 24px;transition:transform .25s;transform:translateY(10px);box-shadow:0 40px 90px -20px #0000008c}.overlay.show .modal{transform:translateY(0)}.modal .eyebrow2{letter-spacing:.25em;text-transform:uppercase;color:var(--ink);font-family:Playfair Display,serif;font-size:11px;font-weight:700}.modal .welcome-title{letter-spacing:-.01em;color:var(--ink);margin:10px 0 16px;font-family:Libre Caslon Display,Playfair Display,serif;font-size:34px;font-style:normal;font-weight:400}.modal .welcome-text{color:var(--muted);margin:0 0 14px;font-family:Spectral,serif;font-size:14px;line-height:1.55}.modal .welcome-text:last-of-type{margin-bottom:22px}.modal .welcome-text strong{color:var(--ink)}.modal .solution-map{max-width:200px;margin:16px auto 4px}.modal .solution-caption{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;font-family:Special Elite,monospace;font-size:10px}.modal .final-quote{margin:14px 0 6px;font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:500;line-height:1.35}.modal .author{color:var(--ink);margin-bottom:18px;font-family:Special Elite,monospace;font-size:12px}.modal .time-big{color:var(--ink);font-family:Fraunces,serif;font-size:40px}.modal .time-label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink);margin-bottom:20px;font-family:Special Elite,monospace;font-size:11px}.modal .hint-summary{color:var(--ink);margin:-12px 0 20px;font-family:Special Elite,monospace;font-size:12px}.modal .modal-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}