:root{--paper:#f4ecd9;--paper-light:#fff9ee;--paper-dark:#e8d7b8;--ink:#29251f;--ink-muted:#776a57;--accent:#b56b45;--accent-hover:#965337;--success:#477a60;--error:#a64c43;--border:#d8c4a2;--rule-blue:#b9c9cc;--margin-red:#d7a09a;--font-hand:"Caveat", "Comic Sans MS", cursive;--font-tile:"Patrick Hand", "Comic Sans MS", cursive;--font-ui:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-logo:40px;--fs-screen:36px;--fs-section:28px;--fs-tile:24px;--fs-timer:34px;--fs-button:16px;--fs-body:15px;--fs-label:12px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--gutter:20px;--max-content:480px;--radius-card:16px;--radius-tile:9px;--btn-h:52px;--touch:44px;--nav-h:72px;--rule:34px;--margin-x:36px;--shadow:0 3px 10px #42311c1a;--t-fast:.15s;--t-slow:.22s;--ease:cubic-bezier(.2, .7, .3, 1)}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-slow:0s}}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper-dark);min-width:320px;color:var(--ink);font:500 var(--fs-body)/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit;color:inherit}img,svg{display:block}h1,h2,h3,p{margin:0}.app{max-width:var(--max-content);background-color:var(--paper);background-image:linear-gradient(to right, transparent calc(var(--margin-x) - 1px), var(--margin-red) calc(var(--margin-x) - 1px), var(--margin-red) var(--margin-x), transparent var(--margin-x)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule) - 1px), var(--rule-blue) calc(var(--rule) - 1px), var(--rule-blue) var(--rule));min-height:100dvh;box-shadow:0 0 0 1px var(--border);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--s2));margin:0 auto;position:relative}.page{padding:calc(var(--s2) + env(safe-area-inset-top)) var(--gutter) var(--s2);gap:var(--s2);flex-direction:column;display:flex}.logo{font:700 var(--fs-logo)/1 var(--font-hand);color:var(--ink);letter-spacing:.5px;align-items:center;gap:6px;display:inline-flex}.logo-sm{font-size:30px}.screen-title{font:700 var(--fs-screen)/1.05 var(--font-hand)}.section-title{font:700 var(--fs-section)/1.1 var(--font-hand)}.label{font:700 var(--fs-label)/1.3 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.muted{color:var(--ink-muted)}.on-paper .muted,.on-paper.muted{color:var(--ink);opacity:.85}.squiggle{color:var(--accent);margin-top:2px}.heading-block{flex-direction:column;display:flex}.card{background:var(--paper-light);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:var(--s2)}.card-row{justify-content:space-between;align-items:center;gap:var(--s1);display:flex}.stack{gap:var(--s1);flex-direction:column;display:flex}.stack-2{gap:var(--s2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s1);display:flex}.spacer{flex:1}.btn{min-height:var(--btn-h);padding:0 var(--s3);font:800 var(--fs-button)/1 var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:var(--s1);transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);touch-action:manipulation;border:2px solid #0000;border-radius:12px;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-block{width:100%}.btn-primary{background:var(--accent-hover);color:var(--paper-light);box-shadow:0 3px 0 #6f3c27, var(--shadow)}.btn-primary:hover:not(:disabled){box-shadow:inset 0 0 0 999px #29251f24, 0 3px 0 #6f3c27, var(--shadow)}.btn-secondary{background:var(--paper-light);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-ghost{color:var(--accent-hover);min-height:var(--touch);padding:0 var(--s1);background:0 0}.btn-ghost:hover:not(:disabled){text-decoration:underline}.btn-danger{background:var(--error);color:var(--paper-light)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.icon-btn{width:var(--touch);height:var(--touch);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:#b56b451f}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.btn:focus-visible{outline-offset:3px}.skip-link{background:var(--paper-light);z-index:50;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip{min-height:24px;font:700 var(--fs-label)/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.chip-accent{background:var(--accent-hover);color:var(--paper-light);border-color:#0000}.chip-success{background:var(--success);color:var(--paper-light);border-color:#0000}.chip-error{background:var(--error);color:var(--paper-light);border-color:#0000}.segmented{background:var(--paper-dark);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{min-height:var(--touch);font:800 14px/1 var(--font-ui);cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:9px}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--paper-light);box-shadow:var(--shadow)}.tile{min-height:var(--touch);border-radius:var(--radius-tile);border:1px solid var(--border);background:var(--paper-light);box-shadow:var(--shadow);font:400 var(--fs-tile)/1 var(--font-tile);letter-spacing:.5px;color:var(--ink);cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), opacity var(--t-slow) var(--ease), background-color var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;padding:0 10px;display:flex;position:relative}.tile:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='5' viewBox='0 0 24 5'%3E%3Cpath d='M0 0 L3 3 L6 1 L9 4 L12 1.5 L15 3.5 L18 0.5 L21 3 L24 0 Z' fill='%23FFF9EE' stroke='%23D8C4A2' stroke-width='.8'/%3E%3C/svg%3E") 0 0/24px 5px repeat-x;height:5px;position:absolute;bottom:-4px;left:8px;right:8px}.tile:nth-child(3n+1){transform:rotate(-.8deg)}.tile:nth-child(3n+2){transform:rotate(.6deg)}.tile:nth-child(3n){transform:rotate(-.3deg)}.tile:hover:not(:disabled){box-shadow:0 5px 14px #42311c29}.tile:active:not(:disabled){transform:scale(.97)}.tile.used{opacity:.28;box-shadow:none;cursor:default}.tile.used:after{display:none}.bank{gap:12px var(--s1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bank .tile{min-height:48px;font-size:clamp(19px, 5.6vw, var(--fs-tile));padding:0 6px}.puzzle-card{background-color:var(--paper-light);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:12px var(--s2) 12px calc(var(--s2) + 18px);background-image:repeating-linear-gradient(#0000 0 33px,#b9c9cc8c 33px 34px);position:relative}.puzzle-card:before{content:"";background:var(--margin-red);width:1px;position:absolute;top:0;bottom:0;left:22px}.chain{flex-direction:column;align-items:stretch;margin:0;padding:0;list-style:none;display:flex}.chain li{flex-direction:column;align-items:center;display:flex}.chain .arrow{height:8px;color:var(--accent);z-index:1;place-items:center;margin:-1px 0;display:grid;position:relative}.slot{width:min(100%,260px);min-height:var(--touch);border-radius:var(--radius-tile);font:400 var(--fs-tile)/1 var(--font-tile);letter-spacing:.5px;justify-content:center;align-items:center;display:flex;position:relative}.slot-index{font:700 var(--fs-label)/1 var(--font-ui);color:var(--ink-muted);position:absolute;left:10px}.slot.empty{color:var(--ink-muted);cursor:default;background:#fff9ee99;border:2px dashed #776a578c}.slot.empty.next{border-color:var(--accent);background:#b56b450f}.slot.filled{border:1px solid var(--border);background:var(--paper-light);box-shadow:var(--shadow);cursor:pointer;animation:drop-in var(--t-slow) var(--ease)}.slot.endpoint{background:var(--paper-dark);color:var(--ink);border:1px solid #b89f78;font-weight:400;box-shadow:inset 0 -2px #29251f1f}.slot.endpoint .slot-index{color:var(--ink)}.slot.wrong{animation:shake .22s var(--ease)}.chain-solved .slot.filled,.chain-solved .slot.endpoint{border-color:var(--success)}@keyframes drop-in{0%{opacity:.4;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.topbar{align-items:center;gap:4px;display:flex}.meta-row{align-items:center;gap:var(--s1);justify-content:space-between;display:flex}.timer{font:400 var(--fs-timer)/1 var(--font-tile);font-variant-numeric:tabular-nums;text-align:right;min-width:4.6ch}.timer.paused{color:var(--ink-muted)}.actions{gap:var(--s1);grid-template-columns:1fr 1.6fr;display:grid}.hint{text-align:center;font-weight:700}.hint:empty{display:none}.hint.error{color:var(--error)}.hint.success{color:var(--success)}.overlay-card{text-align:center;gap:var(--s2);padding:var(--s4) var(--s2);flex-direction:column;align-items:center;display:flex}.pencil-mark{color:var(--accent)}.bottom-nav{z-index:20;width:100%;max-width:var(--max-content);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper-light);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -3px 10px #42311c14}.bottom-nav a{color:var(--ink-muted);font:700 var(--fs-label)/1 var(--font-ui);min-height:var(--touch);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--ink)}.bottom-nav a[aria-current=page] svg{color:var(--accent)}.bottom-nav a[aria-current=page] span{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}.modal-backdrop{z-index:60;animation:fade var(--t-slow) var(--ease);background:#29251f6b;place-items:end center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:var(--max-content);background:var(--paper-light);border-radius:var(--radius-card) var(--radius-card) 0 0;border:1px solid var(--border);max-height:92dvh;padding:var(--s3) var(--gutter) calc(var(--s3) + env(safe-area-inset-bottom));animation:rise var(--t-slow) var(--ease);overflow:auto}@media (min-width:520px){.modal-backdrop{place-items:center}.modal{border-radius:var(--radius-card)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(16px)}}.field{flex-direction:column;gap:6px;display:flex}.input{min-height:var(--touch);border:1px solid var(--border);background:var(--paper-light);font:500 16px/1.2 var(--font-ui);color:var(--ink);border-radius:10px;padding:10px 12px}.input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.field-error{color:var(--error);font-size:13px;font-weight:700}.tabs{grid-template-columns:1fr 1fr;display:grid}.list{gap:var(--s1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.challenge-card{color:inherit;text-decoration:none;display:block}.endpoints{font:400 22px/1.1 var(--font-tile);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.board{border-collapse:collapse;width:100%}.board th{text-align:left}.board td,.board th{border-bottom:1px dashed var(--border);vertical-align:middle;padding:8px 4px}.board td.time{font:400 20px/1 var(--font-tile);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.board tr.me td{background:#b56b4514}.stat-grid{gap:var(--s1);grid-template-columns:1fr 1fr;display:grid}.stat{padding:12px}.stat .big{font:400 30px/1.1 var(--font-tile)}.big-time{font:400 48px/1 var(--font-tile);font-variant-numeric:tabular-nums}.toast{z-index:30;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);width:calc(100% - 2 * var(--gutter));background:var(--ink);max-width:440px;color:var(--paper-light);gap:var(--s1);box-shadow:var(--shadow);border-radius:12px;align-items:center;padding:12px 14px;display:flex;position:fixed;transform:translate(-50%)}.toast .btn-ghost{color:var(--paper-light);text-decoration:underline}.banner{background:var(--paper-light);border:1px dashed var(--accent);border-radius:12px;padding:10px 12px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}.tile:nth-child(n){transform:none}}.page-play{padding-top:calc(10px + env(safe-area-inset-top));gap:10px}.page-play .topbar{margin-bottom:-4px}.code{letter-spacing:1px;text-align:center;word-break:break-all;font:700 20px/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace}