:root{--radius: 8px}@property --pct{syntax: "<number>"; inherits: true; initial-value: 100;}html[data-theme=calm-blue]{color-scheme:light;--color-bg: #f3e8bc;--color-surface: #ecdda3;--color-surface-raised: #e6d491;--color-ink: #035352;--color-ink-soft: #0d6b69;--color-ink-muted: #3f8482;--color-line: #7fada9;--color-accent: #cddcb0;--color-focus: #035352;--color-disabled: #a3ac8f;--color-hit: #1f7a52;--color-miss: #b3463f;--color-warn: #9c7a28;--color-leaf-start: #0d6b69;--color-leaf-end: #035352;--color-leaf-glow: none;--color-hook: #035352;--color-hit-flash: var(--color-hit);--color-miss-flash: var(--color-miss);--color-warn-flash: var(--color-warn);--color-solved: #16a34a;--selected-tint: 12%}html[data-theme=peaceful-dark]{color-scheme:dark;--color-bg: #0f1721;--color-surface: #15202b;--color-surface-raised: #1b2836;--color-ink: #e6e9f2;--color-ink-soft: #a9b4c7;--color-ink-muted: #7d899a;--color-line: #3c4a5b;--color-accent: #8e7cc3;--color-focus: #afa0e0;--color-disabled: #66717f;--color-hit: #5fae86;--color-miss: #d9827c;--color-warn: #c9a45c;--color-leaf-start: #9db3f5;--color-leaf-end: #4d5fc9;--color-leaf-glow: drop-shadow(0 0 6px rgba(140, 160, 255, .55));--color-hook: #a89cff;--color-hit-flash: #7fe3ab;--color-miss-flash: #ff9c90;--color-warn-flash: #f3cd72;--color-solved: #7fe3ab;--selected-tint: 7%}*{box-sizing:border-box}body{position:relative;margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}html[data-theme=calm-blue] body{background-image:radial-gradient(110% 80% at 50% 6%,rgba(255,255,255,.48) 0%,rgba(255,255,255,.16) 38%,transparent 68%),radial-gradient(85% 70% at 50% 105%,rgba(70,99,122,.045) 0%,transparent 72%),linear-gradient(180deg,#ffffff06,#1f3a4d05);background-attachment:fixed}html[data-theme=calm-blue] body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-repeat:repeat;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#app{position:relative;z-index:1;flex:1;max-width:720px;width:100%;margin:0 auto;padding:1rem 1rem 2rem}.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.howtoplay{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:.5rem 0;min-height:44px;color:var(--color-ink-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.howtoplay:hover,.howtoplay:focus-visible{color:var(--color-ink)}.i-badge{display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid var(--color-line);font-style:italic;font-size:.7rem;text-transform:none;letter-spacing:0}.howtoplay-backdrop{position:fixed;inset:0;background:#00000073;z-index:15;animation:howtoplay-backdrop-fade .15s ease-out}@keyframes howtoplay-backdrop-fade{0%{opacity:0}to{opacity:1}}.howtoplay-panel{position:absolute;top:100%;left:0;width:min(320px,90vw);overflow:hidden;clip-path:inset(0 0 100% 0);max-height:0;padding:0 .9rem;border-radius:12px;background:var(--color-surface-raised);border:1px solid var(--color-line);box-shadow:0 10px 24px #0000002e;color:var(--color-ink-soft);font-size:.85rem;transition:max-height .2s ease-out;z-index:20}.howtoplay-panel.open{max-height:min(26rem,70vh);overflow-y:auto;padding:.75rem .9rem;animation:howtoplay-reveal .2s ease-out forwards}.howtoplay-goal{margin:0 0 .6rem;color:var(--color-ink);font-weight:500}.howtoplay-panel ul{margin:0;padding-left:1.1rem}.howtoplay-panel li+li{margin-top:.5rem}@keyframes howtoplay-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:none;background:transparent;padding:0;transition:transform .12s ease-out}.theme-toggle:active{transform:scale(.97)}.theme-toggle .track{position:relative;display:flex;width:3.6rem;height:1.8rem;box-sizing:border-box;padding:2px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface-raised)}.theme-toggle .knob{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:999px;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .18s cubic-bezier(.77,0,.175,1)}html[data-theme=peaceful-dark] .theme-toggle .knob{transform:translate(100%)}.theme-toggle .icon{position:relative;z-index:1;flex:1 1 0;display:grid;place-items:center;color:var(--color-ink-muted);transition:color .18s ease}.theme-toggle .icon.sun{color:var(--color-ink)}html[data-theme=peaceful-dark] .theme-toggle .icon.sun{color:var(--color-ink-muted)}html[data-theme=peaceful-dark] .theme-toggle .icon.moon{color:var(--color-ink)}.board{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.btn-submit-guess{position:relative;background:none;border:1.5px solid var(--color-line);color:var(--color-ink);font-weight:600;padding:.4rem 1rem;border-radius:10px;min-height:44px;align-self:center}.btn-submit-guess:hover:not(:disabled){border-color:var(--color-focus)}.submit-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;padding:.5rem .75rem;border-radius:8px;background:var(--color-surface-raised);border:1px solid var(--color-line);box-shadow:0 4px 10px #00000026;color:var(--color-ink-soft);font-size:.78rem;font-weight:400;line-height:1.4;text-align:center;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:5}.submit-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-line)}.btn-submit-guess:hover .submit-tooltip,.btn-submit-guess:focus-visible .submit-tooltip{opacity:1;visibility:visible}.slot{width:2.75rem;min-width:44px;min-height:44px;padding:0 .25rem .35rem;background:none;border:none;border-bottom:2px solid var(--color-line);border-radius:0;box-shadow:none;display:flex;align-items:flex-end;justify-content:center;position:relative;cursor:pointer;font-family:inherit;font-size:1.4rem;font-weight:700;color:var(--color-ink);transition:border-color .15s ease,color .15s ease}.slot .letter{display:inline-block;font-weight:400}.slot .letter.placeholder{color:var(--color-line);font-weight:400}.slot:hover:not(:disabled){border-bottom-color:var(--color-focus)}.slot:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.slot.selected{border-bottom-color:var(--color-focus);border-bottom-width:2.5px}.slot:disabled{cursor:default}.slot.solved .letter{color:var(--color-solved);font-weight:700}@keyframes hit-glow{0%,59%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-hit-flash) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes hit-rise{0%,59%{color:var(--color-hit-flash);transform:translateY(0);opacity:1}to{color:var(--color-hit-flash);transform:translateY(-140%);opacity:0}}.slot.hit-flash .letter{animation:hit-rise 1.7s ease-out forwards}@keyframes miss-glow{0%,59%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-miss-flash) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes miss-fall{0%,59%{color:var(--color-miss-flash);transform:translateY(0);opacity:1}to{color:var(--color-miss-flash);transform:translateY(140%);opacity:0}}.slot.miss-flash .letter{animation:miss-fall 1.7s ease-out forwards}@keyframes exists-glow{0%,59%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-warn-flash) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes exists-rise{0%,59%{color:var(--color-warn-flash);transform:translateY(0);opacity:1}to{color:var(--color-warn-flash);transform:translateY(-140%);opacity:0}}.slot.exists-flash .letter{animation:exists-rise 1.7s ease-out forwards}@media(prefers-reduced-motion:reduce){.slot.hit-flash,.slot.miss-flash,.slot.exists-flash{animation:none}.slot.hit-flash .letter{color:var(--color-hit-flash);opacity:1;transform:none;animation:none}.slot.miss-flash .letter{color:var(--color-miss-flash);opacity:1;transform:none;animation:none}.slot.exists-flash .letter{color:var(--color-warn-flash);opacity:1;transform:none;animation:none}}.panel{padding:1.25rem 0 0;margin-bottom:1.25rem;border-top:1px solid var(--color-line)}.hook-panel{border-top:none;padding-top:0;margin-top:-2.75rem}.hook-panel .clue-hook{text-align:center;font-size:1.1rem;color:var(--color-hook)}.panel h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-muted);margin:0 0 .75rem;font-weight:600}.hint{color:var(--color-ink-soft);font-size:.85rem;margin:.5rem 0 0}button{font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface-raised);color:var(--color-ink);padding:.6rem .8rem;min-height:44px;transition:border-color .15s ease,background .15s ease,opacity .15s ease}button:hover:not(:disabled){border-color:var(--color-focus)}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:disabled{opacity:.4;color:var(--color-disabled);cursor:not-allowed}.btn-inline{border:none;background:none;padding:.6rem 0;min-height:44px;color:var(--color-ink-soft);transition:color .15s ease}.btn-inline:hover:not(:disabled),.btn-inline:focus-visible{color:var(--color-ink)}.probe-inline-container{display:flex;flex-direction:column;align-items:center;margin:0 auto 1.5rem}.probe-inline-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.probe-input-box{width:48px;height:48px;border:1.5px solid var(--color-line);border-radius:10px;background:var(--color-surface-raised);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:var(--color-ink);position:relative;flex-shrink:0;overflow:visible}.probe-input-box.focused{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 20%,transparent)}.probe-cursor{display:inline-block;width:2px;height:1.4rem;background:color-mix(in srgb,var(--color-focus) 80%,transparent);border-radius:1px;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{50%{opacity:0}}.probe-letter{letter-spacing:0}.probe-letter-hit{animation:probe-hit-rise 1.4s ease-out forwards;color:var(--color-hit-flash)}.probe-letter-miss{animation:probe-miss-fall 1.4s ease-out forwards;color:var(--color-miss-flash)}@keyframes probe-hit-rise{0%,20%{color:var(--color-hit-flash);transform:translateY(0);opacity:1}to{color:var(--color-hit-flash);transform:translateY(-60px);opacity:0}}@keyframes probe-miss-fall{0%,20%{color:var(--color-miss-flash);transform:translateY(0);opacity:1}to{color:var(--color-miss-flash);transform:translateY(60px);opacity:0}}.probe-input-box.hit-glow{animation:probe-box-hit-glow 1.7s ease-out forwards}.probe-input-box.miss-glow{animation:probe-box-miss-glow 1.7s ease-out forwards}@keyframes probe-box-hit-glow{0%,59%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-hit-flash) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes probe-box-miss-glow{0%,59%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-miss-flash) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}.probe-connector{width:52px;height:1px;background:var(--color-line);flex-shrink:0}.probe-side-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;min-height:0;padding:0;border:1px solid color-mix(in srgb,var(--color-accent) 55%,transparent);border-radius:50%;background:none;flex-shrink:0;animation:probe-side-appear .2s ease-out}.probe-side-btn:hover:not(:disabled) .mini-leaf{filter:brightness(1.35)}@keyframes probe-side-appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.probe-enter-label{margin-top:.75rem;font-size:.82rem;color:var(--color-ink-muted);letter-spacing:.02em}.tier.probe-circle{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:50%;background:none;padding:0;min-height:0}.probe-leaves{display:flex;align-items:flex-end;height:22px;pointer-events:none}.mini-leaf{width:10px;height:20px;margin-left:-3px;transform-origin:50% 100%;clip-path:path("M5 0 C 9 6, 9 13, 6.5 20 L 3.5 20 C 1 13, 1 6, 5 0 Z");background:linear-gradient(180deg,var(--color-leaf-start),var(--color-leaf-end))}.mini-leaf:first-child{margin-left:0}.tier.probe-circle:hover:not(:disabled) .mini-leaf,.tier.probe-circle:focus-visible .mini-leaf{filter:brightness(1.35)}.probe-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted)}.row{display:flex;gap:.5rem;flex-wrap:wrap}.row>*{flex:1 1 auto}.reveal{padding:.75rem 0;margin-bottom:1rem;border-top:1px solid var(--color-line);position:relative;overflow:hidden}.clue-panel{text-align:center;max-width:30rem;margin-left:auto;margin-right:auto;border:1px solid var(--color-line);border-radius:16px;background:var(--color-bg);padding:1.5rem 1.25rem;overflow:hidden}.clue-dots{display:flex;justify-content:center;gap:1rem;margin:0 0 1.4rem}.clue-dots .dot{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;border-radius:50%;border:1.5px solid var(--color-line);background:none;color:var(--color-ink-muted);transition:border-color .2s ease,background-color .2s ease,color .2s ease}.clue-dots .dot.revealed{border-color:var(--color-hit);color:var(--color-hit);position:relative;cursor:pointer}.clue-dots .dot.revealed:hover,.clue-dots .dot.revealed:focus-visible{border-color:color-mix(in srgb,var(--color-hit) 70%,var(--color-ink))}.clue-dots .dot.revealed:before{content:"";position:absolute;inset:.4rem;border-radius:50%;background:var(--color-hit)}.clue-dots .dot.pulse{animation:dot-pulse .3s ease}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.clue-text{font-family:Georgia,Iowan Old Style,ui-serif,serif;font-style:italic;font-size:1.02rem;line-height:1.55;color:color-mix(in srgb,var(--color-ink) 78%,#8a6a3c);margin:0 0 1.5rem}.clue-footer{padding-top:1rem}.clue-buy{display:inline-flex;align-items:center;gap:.6rem;margin:0 auto;padding:.5rem 1.25rem;border-radius:999px;min-height:0;background:var(--color-surface-raised);border:1px solid var(--color-line)}.clue-buy-icon{display:inline-flex;color:var(--color-focus)}.clue-buy-leaves{display:inline-flex;align-items:flex-end;flex-wrap:wrap;gap:2px;max-width:120px}.clue-buy-leaves .mini-leaf{width:10px;height:20px;margin-left:0}.points-flower{display:flex;justify-content:center;margin:.25rem 0 6rem}.petals{position:relative;width:72px;height:72px}.petal{position:absolute;top:50%;left:50%;width:10px;height:20px;margin:-10px 0 0 -5px;transform-origin:50% 100%;clip-path:path("M5 0 C 9 6, 9 13, 6.5 20 L 3.5 20 C 1 13, 1 6, 5 0 Z");background:linear-gradient(180deg,var(--color-leaf-start),var(--color-leaf-end));filter:var(--color-leaf-glow)}.petal.exiting{animation:petal-drift-fade .8s ease-out forwards}@keyframes petal-drift-fade{0%{opacity:1}to{transform:var(--exit-transform);opacity:0}}.timer{position:absolute;inset:0;margin:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.timer .ring-track{position:absolute;inset:0;border-radius:50%;border:3px solid var(--color-line);opacity:.3}.timer .ring-conic{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--color-warn) calc(var(--pct) * 1%),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:ring-drain var(--final-guess-ms, 60s) linear forwards}.timer .ring-conic.reduced-motion{animation:none}.timer.urgent .ring-conic{background:conic-gradient(var(--color-miss) calc(var(--pct) * 1%),transparent 0)}@keyframes ring-drain{0%{--pct: 100}to{--pct: 0}}.endscreen{text-align:center;padding:2rem 1rem;border-top:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.confetti-burst{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-14px;left:var(--confetti-x);width:8px;height:14px;border-radius:2px;background:var(--confetti-color);opacity:0;animation:confetti-fall var(--confetti-duration) ease-in var(--confetti-delay) forwards}@keyframes confetti-fall{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:1}to{opacity:0;transform:translate(var(--confetti-drift),100vh) rotate(var(--confetti-spin))}}@media(prefers-reduced-motion:reduce){.confetti-piece{animation-duration:var(--confetti-duration)!important}}@media(max-width:480px){.slot{font-size:1.15rem}}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0d1117;color:#8b949e;flex-wrap:wrap;gap:.5rem}.site-footer-tagline{font-size:.8rem;font-style:italic;color:#8b949e}.site-footer-copy{font-size:.75rem;color:#6e7681}@media(max-width:480px){.site-footer{flex-direction:column;text-align:center}}