:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#252824;font-synthesis:none;text-rendering:optimizelegibility;--ink:#252824;--muted:#62655d;--faint:#686b63;--paper:#f4f0e7;--paper-deep:#eae3d5;--surface:#fffdf7d1;--surface-solid:#fffdf7;--line:#d6cebe;--line-strong:#bdb3a0;--accent:#8a4f16;--accent-bright:#dfa348;--accent-soft:#f3dfbb;--green:#3d6553;--green-soft:#dbe7df;--danger:#954a3a;--shadow:0 18px 60px #352b1b1a;--serif:Georgia, "Times New Roman", serif;--mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;background:#f4f0e7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0ecdf;--muted:#aaa99f;--faint:#979a92;--paper:#1a1d1b;--paper-deep:#252925;--surface:#272b27d6;--surface-solid:#272b27;--line:#424841;--line-strong:#5c6259;--accent:#e1a450;--accent-bright:#f1bf73;--accent-soft:#4c3c26;--green:#9bc5ad;--green-soft:#293e33;--danger:#e09685;--shadow:0 18px 60px #00000040}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--accent-soft) 52%, transparent), transparent 30rem), linear-gradient(180deg, var(--paper), color-mix(in srgb, var(--paper) 84%, var(--paper-deep)));min-width:320px;min-height:100vh;color:var(--ink);margin:0}body:before{content:"";pointer-events:none;opacity:.32;mix-blend-mode:multiply;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-bright) 70%, white);outline-offset:3px}.app-shell{min-height:100vh;position:relative;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(100% - 32px,920px);margin:0 auto;padding:22px 0 18px;display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-knight{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:25px;line-height:1;display:grid}.brand-lockup h1{font:700 clamp(1.2rem, 4vw, 1.5rem)/1 var(--serif);letter-spacing:-.02em;margin:0}.brand-lockup p{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:5px 0 0;font-size:.66rem}.header-actions{gap:6px;display:flex}.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;transition:color .16s,background .16s,transform .16s;display:grid}.icon-button:hover{color:var(--ink);background:var(--surface);transform:translateY(-1px)}.tooltip-trigger{position:relative}.tooltip-trigger:after{content:attr(data-tooltip);z-index:70;border:1px solid var(--line);color:var(--ink);background:var(--surface-solid);font:600 .68rem/1 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-3px);box-shadow:0 6px 18px #00000024}.tooltip-trigger:last-child:after{left:auto;right:0;transform:translateY(-3px)}.tooltip-trigger:hover:after,.tooltip-trigger:focus-visible:after{opacity:1;transform:translate(-50%)}.tooltip-trigger:last-child:hover:after,.tooltip-trigger:last-child:focus-visible:after{transform:translateY(0)}.game-layout{width:min(100% - 32px,720px);margin:0 auto;padding:30px 0 24px}.game-intro{grid-template-columns:1fr auto;align-items:end;margin-bottom:20px;display:grid;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 5px;font-size:.65rem;font-weight:700}.game-intro h2,.section-heading-row h2,.modal-header h2{font:600 clamp(1.55rem, 6vw, 2.15rem)/1.08 var(--serif);letter-spacing:-.025em;margin:0}.timer{font:500 .83rem/1 var(--mono);color:var(--muted);align-items:center;gap:8px;padding-bottom:4px;display:flex}.timer-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%}.clue{color:var(--muted);grid-column:1/-1;margin:13px 0 0;font-size:.83rem}.clue span{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:99px;margin-right:9px;padding:3px 7px;font-size:.6rem;font-weight:700;display:inline-block}.board-shell{aspect-ratio:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 86%, transparent);box-shadow:var(--shadow);border-radius:15px;padding:7px;position:relative}.game-board{z-index:2;grid-template-rows:repeat(4,1fr);gap:clamp(3px,.9vw,7px);height:100%;display:grid;position:relative}.board-row{grid-column:1/-1;grid-template-columns:subgrid;gap:inherit;min-height:0;display:grid}.path-layer{z-index:1;pointer-events:none;width:calc(100% - 14px);height:calc(100% - 14px);position:absolute;inset:7px;overflow:visible}.path-layer polyline{stroke:var(--accent-bright);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--accent) 30%, transparent))}.board-cell{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--surface-solid);cursor:default;touch-action:manipulation;border-radius:clamp(5px,1.6vw,9px);transition:transform .15s,border-color .15s,background .15s,color .15s;position:relative;overflow:hidden;box-shadow:0 2px 7px #2e261a0b}.board-cell[aria-disabled=true]{cursor:default}.board-cell.is-visited{color:color-mix(in srgb, var(--ink) 62%, var(--paper));background:var(--paper-deep);border-color:#0000}.board-cell.is-current{color:#2b2319;border-color:var(--accent-bright);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-bright) 22%, transparent), 0 5px 14px #58381329;background:#f2c97f;transform:scale(1.035)}.board-cell.is-valid{cursor:pointer;border-color:color-mix(in srgb, var(--accent) 72%, var(--line))}.board-cell.is-valid:hover{border-color:var(--accent-bright);background:color-mix(in srgb, var(--surface-solid) 84%, var(--accent-soft));transform:translateY(-2px)scale(1.025)}.board-cell.is-hinted{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 52%, var(--surface-solid));box-shadow:inset 0 0 0 2px var(--accent)}.cell-letter{z-index:2;font:600 clamp(.72rem, 3.5vw, 1.25rem)/1 var(--serif);position:relative}.cell-letter.is-space{color:var(--accent);font-family:var(--mono)}.cell-step{z-index:2;font:500 clamp(.38rem, 1.4vw, .52rem)/1 var(--mono);opacity:.62;position:absolute;top:3px;left:4px}.valid-ring{aspect-ratio:1;border:2px solid var(--accent-bright);opacity:.7;border-radius:50%;width:clamp(14px,4vw,23px);animation:1.7s ease-in-out infinite ring-pulse;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hint-marker{z-index:3;color:var(--accent);font-size:clamp(.55rem,2.2vw,.85rem);position:absolute;bottom:2px;right:3px}.board-shell.is-complete .path-layer polyline{stroke:var(--green);animation:1.4s ease-in-out 2 path-glow}.move-guidance{text-align:center;color:var(--muted);margin:13px 0 0;font-size:.75rem}.onboarding-tip{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface-solid);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:13px 0 0;padding:12px 13px;display:flex;box-shadow:0 6px 20px #2b231812}.onboarding-tip div{flex-direction:column;gap:3px;display:flex}.onboarding-tip strong{font:600 .8rem/1.2 var(--serif)}.onboarding-tip span{color:var(--muted);font-size:.72rem;line-height:1.4}.onboarding-tip button{min-width:54px;min-height:40px;color:var(--accent);background:var(--accent-soft);cursor:pointer;border:0;border-radius:8px;font-size:.7rem;font-weight:700}.new-puzzle-banner{color:var(--green);background:var(--green-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;font-size:.78rem;display:flex}.new-puzzle-banner button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:0 13px;font-weight:700}.dead-end{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface-solid));border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 0;padding:11px 13px;display:flex}.dead-end div{flex-direction:column;font-size:.76rem;display:flex}.dead-end span{color:var(--muted);margin-top:2px}.dead-end button{color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:2px 0;font-size:.7rem;font-weight:700}.tray-section{margin-top:28px}.section-heading-row{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.section-heading-row h2{font-size:1.25rem}.progress-count{font:500 1rem/1 var(--mono);color:var(--ink)}.progress-count span{color:var(--muted);font-size:.72rem}.transcription-tray{grid-template-columns:repeat(8,1fr);gap:clamp(4px,1vw,7px);display:grid}.tray-slot{aspect-ratio:1/.88;border-bottom:1px solid var(--line-strong);color:var(--faint);place-items:center;transition:color .18s,border-color .18s,background .18s;display:grid;position:relative}.tray-slot.is-filled{border-color:var(--accent);color:var(--ink);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent-soft) 26%, transparent))}.tray-number{font:400 clamp(.36rem, 1.4vw, .47rem)/1 var(--mono);color:var(--faint);position:absolute;top:2px;left:3px}.tray-letter{font:600 clamp(.7rem, 3.5vw, 1.08rem)/1 var(--serif)}.control-dock{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:5px;width:min(100%,430px);margin:26px auto 0;padding:6px;display:grid;box-shadow:0 9px 30px #2b231812}.control-button{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:.72rem;font-weight:700;transition:color .15s,background .15s,transform .15s;display:flex}.control-button:hover:not(:disabled){color:var(--ink);background:var(--paper-deep);transform:translateY(-1px)}.control-button:disabled{opacity:.32;cursor:not-allowed}.hint-button{color:var(--accent);background:var(--accent-soft)}.hint-button:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 75%, var(--surface-solid))}.site-footer{padding:14px 16px calc(26px + env(safe-area-inset-bottom));color:var(--faint);font:500 .6rem/1.4 var(--mono);text-align:center;letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;display:flex}.site-footer span{color:var(--accent)}.modal-card{border:1px solid var(--line);width:min(100% - 40px,500px);max-height:calc(100vh - 40px);color:var(--ink);background:var(--surface-solid);border-radius:20px;margin:auto;padding:0;animation:.22s both modal-in;overflow:auto;box-shadow:0 28px 90px #0000004d}.modal-card::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1113119e;animation:.16s both fade-in}.modal-card:not([open]){display:none}.modal-header{z-index:2;background:color-mix(in srgb, var(--surface-solid) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:flex-start;padding:22px 22px 15px;display:flex;position:sticky;top:0}.modal-header h2{font-size:1.65rem}.modal-close{margin-top:-6px;margin-right:-6px;font-size:1.6rem}.modal-body{padding:4px 22px 24px}.lead-copy{color:var(--muted);margin:2px 0 20px;font-size:.88rem;line-height:1.65}.how-to-list{gap:15px;margin:0;padding:0;list-style:none;display:grid}.how-to-list li{grid-template-columns:30px 1fr;align-items:start;gap:11px;display:grid}.how-to-number{width:27px;height:27px;color:var(--accent);background:var(--accent-soft);font:500 .7rem/1 var(--mono);border-radius:50%;place-items:center;display:grid}.how-to-list strong{font:600 .85rem/1.25 var(--serif)}.how-to-list p{color:var(--muted);margin:3px 0 0;font-size:.75rem;line-height:1.45}.knight-diagram{grid-template-columns:repeat(5,1fr);gap:3px;width:150px;margin:23px auto;display:grid}.knight-diagram span{aspect-ratio:1;background:var(--paper-deep);border-radius:4px;place-items:center;font-size:1.2rem;display:grid}.knight-diagram .diagram-target{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.knight-diagram .diagram-knight{color:#28241f;background:var(--accent-bright)}.tradition-note{border-left:2px solid var(--accent);background:var(--paper-deep);color:var(--muted);font:400 .72rem/1.5 var(--serif);margin:0;padding:13px}.tradition-note span{color:var(--accent);margin-right:5px}.tradition-note+.tradition-note{margin-top:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.stats-grid div{background:var(--paper-deep);border-radius:10px;flex-direction:column;align-items:center;padding:15px 4px;display:flex}.stats-grid strong{font:600 1.45rem/1 var(--serif)}.stats-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:7px;font-size:.56rem}.stats-detail-list{margin-top:18px}.stats-detail-list p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:11px 2px;font-size:.78rem;display:flex}.stats-detail-list span{color:var(--muted)}.empty-stats{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.75rem}.victory-content{text-align:center}.victory-mark{color:#2b2319;background:var(--accent-bright);width:66px;height:66px;box-shadow:0 0 0 8px var(--accent-soft);border-radius:50%;place-items:center;margin:2px auto 14px;font-size:40px;display:grid}.victory-kicker{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.victory-content blockquote{max-width:400px;font:600 clamp(1.55rem, 7vw, 2.15rem)/1.28 var(--serif);letter-spacing:-.02em;margin:14px auto 7px}.attribution{color:var(--muted);font:italic .8rem/1.4 var(--serif);margin:0}.result-pills{justify-content:center;gap:8px;margin:20px 0;display:flex}.result-pills span{background:var(--paper-deep);color:var(--muted);font:500 .68rem/1 var(--mono);border-radius:99px;padding:7px 10px}.primary-button,.secondary-button{color:#201b13;background:var(--accent-bright);cursor:pointer;min-height:46px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 20%, transparent);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.78rem;font-weight:700;display:inline-flex}.secondary-button{color:var(--ink);background:var(--paper-deep);box-shadow:none}.primary-button:disabled{opacity:.65;cursor:progress}.danger-button{color:#fff;background:var(--danger);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.78rem;font-weight:700;display:inline-flex}.confirmation-content p{color:var(--muted);margin:2px 0 20px;font-size:.88rem;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.share-status{min-height:1.2em;color:var(--muted);margin:8px 0 0;font-size:.66rem}.share-copy-fallback{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper-deep);font:.7rem/1.55 var(--mono);border-radius:10px;margin-top:10px;padding:12px}.centered-state{text-align:center;min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.loading-knight{color:var(--accent);font-size:54px;animation:1.2s ease-in-out infinite knight-bob}.centered-state p{max-width:420px;font-size:.82rem;line-height:1.6}.error-state>span{color:var(--accent);font-size:36px}.error-state h1{color:var(--ink);font:600 1.8rem/1.1 var(--serif);margin:13px 0 0}.error-state .secondary-button{margin-top:10px}.confetti{z-index:45;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{--x:calc((var(--i) * 37) % 100);top:-20px;left:calc(var(--x) * 1%);background:var(--accent-bright);width:7px;height:13px;transform:rotate(calc(var(--i) * 21deg));animation:confetti-fall calc(2.4s + (var(--i) % 4) * .35s) calc((var(--i) % 6) * 80ms) ease-in forwards;border-radius:2px;position:absolute}.confetti i:nth-child(3n){background:var(--green)}.confetti i:nth-child(3n+1){background:var(--accent-soft)}@keyframes ring-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.72)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.1)}}@keyframes path-glow{50%{opacity:1;filter:drop-shadow(0 0 5px var(--green))}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes knight-bob{50%{transform:translateY(-7px)}}@keyframes confetti-fall{to{opacity:.4;transform:translateY(105vh)rotate(680deg)}}@media (width>=680px){.site-header{padding-top:28px}.game-layout{padding-top:40px}.board-shell{border-radius:19px;padding:10px}.path-layer{width:calc(100% - 20px);height:calc(100% - 20px);inset:10px}.transcription-tray{grid-template-columns:repeat(16,1fr)}.tray-slot{aspect-ratio:1/1.35}}@media (width<=410px){.site-header,.game-layout{width:min(100% - 20px,720px)}.site-header{padding-top:14px}.brand-knight{width:34px;height:34px;font-size:21px}.brand-lockup p{font-size:.55rem}.header-actions{gap:0}.icon-button{width:44px;height:44px}.game-layout{padding-top:23px}.board-shell{aspect-ratio:1.88;border-radius:12px;width:calc(100% + 12px);margin-left:-6px;padding:4px}.game-board{gap:1px}.path-layer{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.control-button{min-height:52px;padding:4px;line-height:1.15}.control-button svg{width:17px}.modal-card{width:calc(100% - 20px);max-height:calc(100vh - 20px)}.onboarding-tip{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.board-cell{color:buttontext;forced-color-adjust:none;background:buttonface;border-color:buttonborder}.board-cell.is-current{color:highlighttext;background:highlight;outline:3px solid highlight}.board-cell.is-valid{border:3px double linktext}.board-cell.is-hinted{outline:3px dashed highlight}.valid-ring,.hint-marker{color:linktext;border-color:linktext}button:focus-visible{outline-color:highlight}}