:root{--palette-ink:#14212b;--palette-paper:#f7ede2;--palette-accent1:#f6bd60;--palette-accent2:#84a59d;--palette-accent3:#f28482;--palette-accent4:#6b635c;--palette-accent5:#8a8178;--palette-accent6:#c49a3d;--palette-accent7:#b04a3f;--palette-accent8:#d4c8ba;--palette-accent9:#f6f4ec;--next-clue-animation-ms:2400;--font-display:"Libre Caslon Condensed", sans-serif;--font-body:"IBM Plex Sans", sans-serif;color:var(--palette-ink);background:var(--palette-paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(160vw 110vh at 0% 0%, color-mix(in srgb, var(--palette-accent1) 14%, var(--palette-paper)) 0%, transparent 50%), radial-gradient(150vw 100vh at 100% 0%, color-mix(in srgb, var(--palette-accent3) 12%, var(--palette-paper)) 0%, transparent 50%), var(--palette-paper);background-attachment:fixed;min-width:320px;margin:0}button,input{font:inherit}a{color:var(--palette-accent6)}.app-frame{flex-direction:column;min-height:100%;display:flex}.options-banner{z-index:10;border-bottom:1px solid var(--palette-accent8);background:color-mix(in srgb, var(--palette-accent9) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.options-banner-inner{align-items:center;gap:.75rem;width:min(52rem,100% - 2.5rem);min-height:2.75rem;margin:0 auto;padding:.35rem 0;display:flex}.options-btn{color:var(--palette-ink);cursor:pointer;background:0 0;border:0;border-radius:.35rem;align-items:center;gap:.45rem;padding:.4rem .55rem;font-size:.9rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.options-btn:hover{background:var(--palette-accent9);color:var(--palette-accent6)}.options-btn-icon{flex-shrink:0;display:block}.options-tutorial{margin-left:auto}.options-tutorial-arrow{color:#3d9a5c;flex-shrink:0;display:block}.shell{width:min(52rem,100% - 2.5rem);margin:0 auto;padding:2rem 0 6rem;animation:.56s cubic-bezier(.22,1,.36,1) both rise-in}.brand-block{margin-bottom:2rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--palette-accent4);margin:0 0 .35rem;font-size:.8rem}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,8vw,3.6rem);font-weight:800;line-height:.95}.brand-part--1{color:var(--palette-accent1)}.brand-part--2{color:var(--palette-accent2)}.brand-part--3{color:var(--palette-accent3)}.brand-part--4{color:var(--palette-accent4)}.meta{color:var(--palette-accent4);margin:.75rem 0 0;font-size:.95rem}.meta-label{text-transform:capitalize;color:var(--palette-ink);font-weight:600}.meta-back{border:1px solid var(--palette-accent8);background:var(--palette-accent9);width:2.1rem;height:2.1rem;color:var(--palette-ink);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;margin-top:.65rem;padding:0;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.meta-back:hover{border-color:var(--palette-accent6);color:var(--palette-accent6);background:var(--palette-paper)}.meta-back-icon{display:block}.picker{gap:1rem;display:grid}.picker-copy{color:var(--palette-accent4);margin:0}.picker-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.picker-item{border:1px solid var(--palette-accent8);background:var(--palette-accent9);width:100%;color:var(--palette-ink);cursor:pointer;text-align:left;border-radius:.35rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1rem;transition:border-color .16s,background-color .16s;display:flex}.picker-item:hover{border-color:var(--palette-accent1);background:var(--palette-paper)}.picker-item--complete{border-color:color-mix(in srgb, var(--palette-accent2) 55%, var(--palette-accent8));background:color-mix(in srgb, var(--palette-accent2) 16%, var(--palette-accent9))}.picker-item--complete:hover{border-color:var(--palette-accent2);background:color-mix(in srgb, var(--palette-accent2) 22%, var(--palette-paper))}.picker-item--complete .picker-label,.picker-item--complete .picker-status{color:color-mix(in srgb, var(--palette-accent2) 70%, var(--palette-ink))}.picker-item--complete .picker-clue,.picker-item--complete .picker-min{color:var(--palette-accent2)}.picker-main{flex-wrap:wrap;align-items:baseline;gap:.55rem .75rem;min-width:0;display:flex}.picker-label{font-family:var(--font-display);text-transform:capitalize;font-size:1.35rem;font-weight:700}.picker-clue{font-family:var(--font-display);letter-spacing:.04em;color:var(--palette-accent4);font-size:1.05rem;font-weight:600}.picker-min{color:var(--palette-accent4);font-size:.8rem}.picker-status{color:var(--palette-accent4);flex-shrink:0;font-size:.85rem}.stage{gap:1.25rem;display:grid}.stage--solved .clue{animation:.7s solve-pulse}.clue{font-family:var(--font-display);letter-spacing:.06em;text-transform:lowercase;white-space:nowrap;margin:0;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;line-height:1.2}.clue-letter{transition:color .16s,transform .16s;display:inline-block}.clue-letter--idle{color:var(--palette-accent2)}.clue-letter--claimed{color:var(--palette-accent1);transform:translateY(-1px)}.clue-letter--required{color:var(--palette-accent2)}.clue-letter--matched{color:var(--palette-accent3);transform:translateY(-1px)}.hint-line{color:var(--palette-accent4);margin:0;font-size:.95rem}.solve-form{grid-template-columns:1fr 1fr;align-items:end;gap:.9rem;margin-top:.25rem;display:grid}.solve-form .submit{grid-column:1/-1}.field{gap:.35rem;display:grid}.field-label{color:var(--palette-accent4);font-size:.85rem}.colored-input{width:100%;position:relative}.colored-input-mirror,.colored-input-control{border:1px solid var(--palette-accent8);background:var(--palette-accent9);width:100%;font:inherit;letter-spacing:.02em;box-sizing:border-box;border-radius:.35rem;padding:.8rem .9rem;font-weight:700;line-height:1.2}.colored-input-mirror{min-height:calc(1.2em + 1.6rem);color:var(--palette-accent5);white-space:pre;overflow:hidden}.colored-input-control{color:#0000;caret-color:var(--palette-ink);background:0 0;outline:none;transition:border-color .16s;position:absolute;inset:0}.colored-input-control:focus{border-color:var(--palette-accent8)}.input-letter{display:inline}.input-letter--claimed{color:var(--palette-accent1)}.input-letter--matched{color:var(--palette-accent3)}.input-letter--leftover,.input-letter--idle{color:var(--palette-accent5)}.submit{background:var(--palette-ink);color:var(--palette-paper);cursor:pointer;border:0;border-radius:.35rem;padding:.9rem 1rem;font-weight:600;transition:background-color .16s,transform .16s}.submit:hover:not(:disabled){background:var(--palette-accent6)}.submit:active:not(:disabled){transform:translateY(1px)}.submit:disabled{background:var(--palette-accent8);color:var(--palette-accent5);opacity:1;cursor:not-allowed}.submit:disabled.submit--busy{background:var(--palette-ink);color:var(--palette-paper);opacity:.65;cursor:wait}.message{color:var(--palette-accent4);margin:0}.message--error{color:var(--palette-accent7)}.complete{padding:.25rem 0 .5rem;animation:.48s cubic-bezier(.22,1,.36,1) both rise-in}.complete-title{font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:700}.complete-next{border:1px solid var(--palette-accent8);background:var(--palette-ink);color:var(--palette-paper);cursor:pointer;border-radius:.35rem;margin-top:.85rem;padding:.55rem .9rem;font-weight:600;transition:background-color .16s,transform .16s}.complete-next:hover{background:var(--palette-accent6)}.path-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.path-item{margin:0}.path-edit{border:1px solid var(--palette-accent8);background:var(--palette-accent9);width:100%;color:var(--palette-ink);text-align:left;cursor:pointer;border-radius:.35rem;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.65rem;padding:.55rem .75rem;transition:border-color .16s,background-color .16s;display:grid}.path-edit:hover{border-color:var(--palette-accent1);background:var(--palette-paper)}.path-stage{color:var(--palette-accent4);font-variant-numeric:tabular-nums;font-size:.8rem}.path-words{font-weight:600}.path-word{transform-origin:50%;display:inline-block}.path-word--conflict{color:var(--palette-accent7);animation:2s path-word-conflict}.path-word--victory{font-weight:700}.path-word--victory-pulse{animation:.12s path-word-victory}.path-clue{font-family:var(--font-display);color:var(--palette-accent4);letter-spacing:.04em;font-size:.95rem}.clue-forge{justify-items:start;gap:.85rem;min-height:7.5rem;animation:.32s cubic-bezier(.22,1,.36,1) both rise-in;display:grid;position:relative}.clue-forge-caption{color:var(--palette-accent4);margin:0;font-size:.95rem}.clue-forge-words{transition:opacity calc(var(--next-clue-animation-ms) * .117 * 1ms) ease, transform calc(var(--next-clue-animation-ms) * .117 * 1ms) ease;gap:.35rem;display:grid}.clue-forge--assemble .clue-forge-words{opacity:0;pointer-events:none;position:absolute;transform:scale(.96)}.clue-forge-word{font-family:var(--font-display);letter-spacing:.06em;text-transform:lowercase;white-space:nowrap;margin:0;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:700;line-height:1.2}.clue-forge-letter{display:inline-block}.clue-forge-letter--used{color:var(--palette-accent5);transition:opacity calc(var(--next-clue-animation-ms) * .175 * 1ms) ease, transform calc(var(--next-clue-animation-ms) * .175 * 1ms) ease}.clue-forge--shed .clue-forge-letter--used,.clue-forge--assemble .clue-forge-letter--used{opacity:0;transform:translateY(.35em)}.clue-forge-letter--keep1{color:var(--palette-accent1)}.clue-forge-letter--keep2{color:var(--palette-accent2)}.clue-forge--shed .clue-forge-letter--keep1,.clue-forge--shed .clue-forge-letter--keep2{transition:transform calc(var(--next-clue-animation-ms) * .133 * 1ms) ease;transform:translateY(-.08em)}.clue-forge-result{font-family:var(--font-display);letter-spacing:.06em;text-transform:lowercase;white-space:nowrap;opacity:0;transition:opacity calc(var(--next-clue-animation-ms) * .083 * 1ms) ease;margin:0;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;line-height:1.2}.clue-forge--assemble .clue-forge-result{opacity:1}.clue-forge-letter--arrive{opacity:0;animation:forge-arrive calc(var(--next-clue-animation-ms) * .217 * 1ms) cubic-bezier(.22, 1, .36, 1) forwards}@keyframes forge-arrive{0%{opacity:0;transform:translateY(.55em)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes solve-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes path-word-conflict{0%,to{transform:scale(1)}15%,45%{transform:scale(1.22)}30%,60%{transform:scale(1.08)}}@keyframes path-word-victory{0%,to{transform:scale(1)}40%{transform:scale(1.28)}70%{transform:scale(1.08)}}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;border-radius:1px;height:.7rem;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.22,.7,.35,1);animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{transform:translateY(105vh) rotate(var(--confetti-rot,280deg));opacity:0}}.rules-dock{z-index:20;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.rules-dock--spotlight{z-index:40}.rules-help{border:1px solid var(--palette-accent8);background:var(--palette-accent9);width:2.4rem;height:2.4rem;color:var(--palette-ink);box-shadow:0 .45rem 1.25rem color-mix(in srgb, var(--palette-ink) 12%, transparent);font-family:var(--font-display);cursor:help;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:700;line-height:1;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.rules-help:hover,.rules-dock:focus-within .rules-help{border-color:var(--palette-accent6);color:var(--palette-accent6);background:var(--palette-paper)}.rules-popover{width:min(36rem,100vw - 2.5rem);padding-bottom:.7rem;display:none;position:absolute;bottom:100%;right:0}.rules-dock:hover .rules-popover,.rules-dock:focus-within .rules-popover{display:block}.rules{border:1px solid var(--palette-accent8);background:var(--palette-paper);max-height:min(70vh,32rem);box-shadow:0 1rem 2.4rem color-mix(in srgb, var(--palette-ink) 18%, transparent);border-radius:.7rem;gap:.85rem;padding:1.15rem 1.25rem 1.25rem;display:grid;overflow:auto}.rules-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:700}.rules-lead{color:var(--palette-accent4);margin:0;font-size:.95rem;line-height:1.45}.rules-list{color:var(--palette-ink);gap:.65rem;margin:0;padding-left:1.2rem;font-size:.92rem;line-height:1.45;display:grid}.rules-list li::marker{color:var(--palette-accent6);font-weight:700}.tutorial-layer{z-index:30;pointer-events:none;position:fixed;inset:0}.tutorial-card{pointer-events:auto;background:var(--palette-paper);border:1px solid var(--palette-accent8);box-shadow:0 1rem 2.4rem color-mix(in srgb, var(--palette-ink) 18%, transparent);color:var(--palette-ink);border-radius:.7rem;gap:.75rem;padding:.95rem 1.05rem 1.05rem;display:grid;position:fixed}.tutorial-card-body{margin:0;font-size:.95rem;line-height:1.45}.tutorial-quote{color:var(--palette-accent6);font-weight:700}.tutorial-seg{font-weight:700}.tutorial-seg--used{color:var(--palette-accent3)}.tutorial-seg--keep1{color:var(--palette-accent1)}.tutorial-seg--keep2{color:var(--palette-accent2)}.tutorial-card-next{background:var(--palette-accent1);color:var(--palette-ink);cursor:pointer;border:0;border-radius:.35rem;justify-self:start;padding:.4rem .8rem;font-weight:700}.tutorial-card-next:hover{background:var(--palette-accent6);color:var(--palette-paper)}.tutorial-card:before{content:"";border:10px solid #0000;width:0;height:0;position:absolute}.tutorial-card--arrow-left:before{border-right-color:var(--palette-paper);filter:drop-shadow(-1px 0 0 var(--palette-accent8));border-left-width:0;top:50%;left:-10px;transform:translateY(-50%)}.tutorial-card--arrow-right:before{border-left-color:var(--palette-paper);filter:drop-shadow(1px 0 0 var(--palette-accent8));border-right-width:0;top:50%;right:-10px;transform:translateY(-50%)}.tutorial-card--arrow-top:before{border-bottom-color:var(--palette-paper);filter:drop-shadow(0 -1px 0 var(--palette-accent8));border-top-width:0;top:-10px;left:1.5rem}.tutorial-card--arrow-bottom:before{border-top-color:var(--palette-paper);filter:drop-shadow(0 1px 0 var(--palette-accent8));border-bottom-width:0;bottom:-10px;left:1.5rem}@media (width<=480px){.shell{padding-top:1.75rem}.solve-form{grid-template-columns:1fr;gap:.75rem}.rules-dock{bottom:.85rem;right:.85rem}}