:root{color-scheme:dark;--bg: #111319;--card: #1b1e27;--border: #2c303c;--text: #f2f3f7;--muted: #9aa0b0;--accent: #4fc3f7;--correct: #58d68d;--incorrect: #f1707a;--chart-accent: #3987e5;--chart-muted: #6b7182;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--stamp: #f5b942}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:32rem;margin:0 auto;padding:2rem 1rem 4rem}header{text-align:center;margin-bottom:1.5rem}.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}.hero-img{display:block;width:100%;height:auto;border-radius:.75rem}.hero-img[hidden]{display:none}.hero-video{aspect-ratio:960 / 484;object-fit:cover}.hero-still{aspect-ratio:1600 / 320}.progress-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 .75rem}.progress-brains{display:inline-flex;align-items:center;gap:.35rem}.brain-icon{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--chart-muted);opacity:.55;transition:color .2s,opacity .2s,transform .2s}.difficulty-brains .brain-icon{width:1.2rem;height:1.2rem}.difficulty-brains .progress-brains{gap:.2rem}#results-score{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem}#results-score .brain-icon{width:2rem;height:2rem}.brain-icon.is-current{color:var(--accent);opacity:1;transform:scale(1.15)}.brain-icon.is-correct{color:var(--correct);opacity:1}.brain-icon.is-missed{color:var(--incorrect);opacity:1}.progress{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}@keyframes clue-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clue-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.25rem}.hint-row{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:2.1rem;margin:-.5rem 0 1rem}.hint-text{color:var(--stamp);font-weight:600}.hint-text strong{font-size:1.15rem;letter-spacing:.04em}.clue-card.anim-enter{animation:clue-enter .4s cubic-bezier(.2,.8,.3,1.1)}.stamp{position:absolute;top:.6rem;right:.75rem;padding:.3rem .7rem;border:3px solid var(--stamp);border-radius:.4rem;color:var(--stamp);background:#111319bf;font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-10deg);pointer-events:none;animation:stamp-slam .45s cubic-bezier(.3,1.5,.6,1) both}.close-badge{position:absolute;bottom:.4rem;right:.6rem;font-size:1.15rem;line-height:1;opacity:.75;cursor:help}.close-badge[hidden],.stamp[hidden]{display:none}@media(max-width:480px){.stamp{top:-1.2rem;right:.5rem;font-size:.9rem;transform:rotate(-5deg)}@keyframes stamp-slam{0%{opacity:0;transform:rotate(0) scale(2.4)}60%{opacity:1}to{opacity:1;transform:rotate(-5deg) scale(1)}}}@keyframes stamp-slam{0%{opacity:0;transform:rotate(-4deg) scale(2.4)}60%{opacity:1}to{opacity:1;transform:rotate(-10deg) scale(1)}}.clue-card.anim-thud{animation:card-thud .25s ease-out .2s}@keyframes card-thud{40%{transform:translateY(3px) scale(.995)}}.feedback-answer{display:block;margin-top:.35rem;font-weight:500;color:var(--text)}.feedback-answer strong{font-size:1.2rem;font-weight:700;letter-spacing:.02em}.close-note{display:block;margin-top:.35rem;font-weight:500;font-size:.9rem;color:var(--muted)}.clue{margin:0;font-size:1.15rem;line-height:1.5}.clue+.clue{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--border)}#guess-form{display:flex;gap:.5rem}#guess-form[hidden]{display:none}#guess-input{flex:1;min-width:0;padding:.7rem .9rem;border-radius:.5rem;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem}#guess-input:focus{outline:2px solid var(--accent);outline-offset:1px}button{padding:.7rem 1.1rem;border-radius:.5rem;border:none;background:var(--accent);color:#08202b;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:scale(.96)}.next-button{display:block;width:100%;margin-top:1rem}.next-button[hidden]{display:none}@keyframes pop-in{0%{opacity:0;transform:scale(.75)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.feedback{margin:1rem 0 0;padding:.8rem 1rem;border-radius:.5rem;font-weight:600;text-align:center}.feedback--correct{background:#58d68d1f;color:var(--correct);border:1px solid rgba(88,214,141,.35);animation:pop-in .4s cubic-bezier(.3,1.4,.5,1)}.feedback--hint{background:#4fc3f71a;color:var(--accent);border:1px solid rgba(79,195,247,.3);font-weight:500}.feedback--incorrect{background:#f1707a1f;color:var(--incorrect);border:1px solid rgba(241,112,122,.35);animation:shake .4s ease-in-out}@keyframes score-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes row-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#results-panel h2{text-align:center;margin-bottom:1.5rem;animation:score-pop .5s cubic-bezier(.3,1.4,.5,1)}#results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}#results-list li{background:var(--card);border:1px solid var(--border);border-radius:.6rem;padding:.9rem 1rem;border-left:4px solid var(--incorrect);animation:row-enter .35s ease-out backwards}#results-list li.result--correct{border-left-color:var(--correct)}#results-list .you-guessed{display:block;margin-top:.35rem;color:var(--muted);font-size:.9rem}.next-rotation{text-align:center;color:var(--muted);font-size:.9rem;margin-top:1.5rem}#difficulty-panel h2{text-align:center;margin:.5rem 0 1.25rem}.difficulty-row{display:flex;gap:.75rem;flex-wrap:wrap}.difficulty-button{flex:1 1 8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--card);border:1px solid var(--border);color:var(--text);padding:1rem .75rem}.difficulty-button:hover{filter:none;border-color:var(--accent)}.difficulty-name{font-size:1.05rem;font-weight:700}.difficulty-desc{font-size:.8rem;font-weight:400;color:var(--muted)}.difficulty-desc[hidden]{display:none}.difficulty-button.is-done{border-color:#58d68d73}.difficulty-button.is-done .difficulty-desc{color:var(--correct)}.difficulty-button.is-locked,.difficulty-button:disabled{opacity:.55;cursor:not-allowed;border-style:dashed}.difficulty-button:disabled:hover{border-color:var(--border)}.welcome-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto 1.25rem;max-width:30rem;padding:.7rem .9rem .7rem 1.1rem;background:var(--card);border:1px solid rgba(245,185,66,.45);border-radius:.75rem;font-weight:600;text-align:center;animation:welcome-in .45s cubic-bezier(.3,1.3,.5,1)}.welcome-banner[hidden]{display:none}@keyframes welcome-in{0%{opacity:0;transform:translateY(-10px)}}.welcome-close{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:1.3rem;line-height:1;padding:.1rem .35rem}.welcome-close:hover{color:var(--text);filter:none}.panel-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}.results-streak{text-align:center;color:var(--stamp);font-weight:700;margin:-.5rem 0 1rem}.results-streak[hidden]{display:none}.results-freeze,.results-rank{text-align:center;margin:-.5rem 0 1rem}.results-freeze{color:var(--accent);font-weight:600}.results-rank{color:var(--text)}.next-puzzle{text-align:center;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}#picker-next{margin:1rem 0 0}.next-puzzle .link-button{margin-left:.25rem}.me-tiles{flex-wrap:wrap}.me-tiles .stat-tile{flex:1 1 8rem}#me-table{font-size:.9rem}#me-table th{white-space:nowrap}#me-table th[scope=row]{font-weight:600}#me-table td,#me-table th[scope=col]:not(:first-child){text-align:right}.me-freeze-note{color:var(--muted);font-size:.9rem;text-align:center;margin:1.25rem 0 0}#me-footnote .link-button{margin-left:.25rem}.share-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}.share-button{padding:.55rem 1.2rem;font-weight:700}.share-status{color:var(--correct);font-size:.9rem}.tip-button{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem 1.1rem;border-radius:999px;background:var(--stamp);color:#1b1e27;font-weight:700;text-decoration:none}.tip-button:hover{filter:brightness(1.08)}.tip-button[hidden]{display:none}.tip-card{margin:0 auto 1.25rem;max-width:30rem;padding:.9rem 1.1rem;background:var(--card);border:1px solid rgba(245,185,66,.45);border-radius:.75rem;text-align:center;animation:pop-in .4s cubic-bezier(.3,1.4,.5,1)}.tip-card[hidden]{display:none}.tip-card-title{margin:0;font-weight:700}.tip-card-text{margin:.3rem 0 .75rem;color:var(--muted);font-size:.9rem}.tip-card-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.tip-line{text-align:center;color:var(--muted);font-size:.85rem;margin:.75rem 0 0}.site-footer{margin:2rem 0 1rem;text-align:center;color:var(--muted);font-size:.8rem}.tip-line[hidden]{display:none}.tip-line .tip-link{color:var(--accent)}.unlock-status{text-align:center;color:var(--accent);font-weight:600;margin:1rem 0 0}#auth-panel{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.auth-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.auth-row[hidden]{display:none}#signin-email{padding:.55rem .8rem;border-radius:.5rem;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.95rem;min-width:0;flex:1 1 12rem}.link-button{background:none;border:1px solid var(--border);color:var(--muted);padding:.45rem .8rem;font-size:.9rem;font-weight:500}.link-button:hover{color:var(--text);filter:none;border-color:var(--accent)}#account-email{color:var(--muted);font-size:.9rem;margin-right:.25rem}.signin-note,.auth-status,.save-status{text-align:center;color:var(--muted);font-size:.88rem;margin:.6rem 0 0}#history-panel h2,#stats-panel h2{text-align:center;margin:.5rem 0 1.25rem}.history-chart-wrapper{position:relative}.history-svg{width:100%;height:auto;overflow:visible}.history-gridline{stroke:var(--border);stroke-width:1}.history-axis-label{fill:var(--muted);font-size:10px}.history-bar{fill:var(--chart-accent)}.history-endpoint-label{fill:var(--text);font-size:11px;font-weight:600}.history-hit{fill:transparent;cursor:pointer}.history-tooltip{position:absolute;transform:translate(-50%,-130%);background:var(--card);border:1px solid var(--border);border-radius:.4rem;padding:.3rem .55rem;font-size:.8rem;color:var(--text);white-space:nowrap;pointer-events:none}.history-empty,.history-loading{text-align:center;color:var(--muted);padding:2rem 0}.history-table-details{margin-top:1.25rem;color:var(--muted);font-size:.9rem}.history-table-details summary{cursor:pointer;color:var(--accent)}.history-table{width:100%;margin-top:.75rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.history-table th,.history-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border)}.back-button{margin-bottom:1rem}.history-note{text-align:center;color:var(--muted);font-size:.8rem;margin:.75rem 0 0}.level-tabs{display:flex;justify-content:center;gap:.35rem;margin:0 0 1.25rem}.level-tab{background:none;border:1px solid var(--border);color:var(--muted);padding:.4rem .9rem;font-size:.9rem;font-weight:600}.level-tab:hover{filter:none;color:var(--text)}.level-tab[aria-pressed=true]{background:var(--card);border-color:var(--accent);color:var(--text)}.stats-date{text-align:center;color:var(--muted);margin:-.75rem 0 1rem}.stats-footnote{text-align:center;color:var(--muted);font-size:.8rem;margin:1.25rem 0 0}.stat-tiles{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.stat-tile{flex:0 1 11rem;display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.6rem;text-align:center}.stat-tile-label{color:var(--muted);font-size:.8rem}.stat-tile-value{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.dist-chart{position:relative;display:flex;flex-direction:column;gap:.4rem}.dist-row{display:flex;align-items:center;gap:.6rem;border-radius:.3rem;outline-offset:2px}.dist-label{flex:0 0 2.2rem;text-align:right;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.dist-track{flex:1;display:flex;align-items:center;gap:.45rem;min-height:1.5rem}.dist-bar{height:1.25rem;border-radius:0 4px 4px 0;background:var(--chart-muted)}.dist-bar--accent{background:var(--chart-accent)}.dist-value{color:var(--text);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dist-tooltip{left:50%;transform:translate(-50%,-110%)}@media(max-width:420px){.clue-card{padding:1.1rem}}.admin{max-width:760px}.admin-top{margin:0 0 .5rem}.admin-home{color:var(--muted);font-size:.9rem}.admin-title{text-align:center;margin:0}.admin-subtitle{text-align:center;color:var(--muted);margin:.25rem 0 1rem}.admin-tiles{flex-wrap:wrap}.admin-tiles .stat-tile{flex:1 1 9rem}.stat-tile-sub{color:var(--muted);font-size:.72rem}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.1rem 1.1rem;margin:0 0 1.25rem}.admin-card h2{font-size:1.05rem;margin:0}.admin-card-sub{color:var(--muted);font-size:.82rem;margin:.2rem 0 .75rem}.chart-legend{display:flex;gap:1rem;flex-wrap:wrap;margin:0 0 .5rem;font-size:.85rem;color:var(--text)}.chart-legend-item,.chart-tooltip-row{display:inline-flex;align-items:center;gap:.4rem}.chart-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;flex-shrink:0}.admin-levels td .chart-swatch{margin-right:.45rem}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-marker{stroke:var(--card);stroke-width:2}.chart-end-label{fill:var(--text);font-size:11px;font-weight:600}.chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart-tooltip{display:flex;flex-direction:column;gap:.15rem;transform:translate(-50%,.25rem)}.chart-tooltip[hidden]{display:none}.admin .history-axis-label{font-size:11px}.admin .chart-end-label{font-size:12px}.install-banner{border-color:#4fc3f773}.install-button{flex-shrink:0;padding:.4rem .9rem;font-size:.9rem}.install-button[hidden]{display:none}.remind-intro{color:var(--muted);text-align:center;margin:-.5rem 0 1.25rem}.remind-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:26rem;margin:0 auto .75rem;padding:.85rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.75rem}.remind-label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.remind-desc{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.remind-toggle{flex-shrink:0;min-width:4.5rem;padding:.45rem .9rem;border-radius:999px;background:var(--border);color:var(--text);font-size:.9rem}.remind-toggle[aria-pressed=true]{background:var(--correct);color:#0b2616}.remind-toggle:disabled{opacity:.45;cursor:not-allowed;transform:none}.remind-note{max-width:26rem;margin:-.25rem auto .9rem;color:var(--muted);font-size:.85rem;text-align:center}.remind-note[hidden]{display:none}#remind-status:empty{display:none}.card-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000bf}.card-sheet[hidden]{display:none}.card-sheet-box{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:min(22rem,100%);max-height:100%;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:1rem}.card-sheet-title{margin:0;text-align:center;font-weight:600}.card-sheet-img{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:.6rem;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.card-sheet-actions{display:flex;gap:.75rem}.admin-note{color:var(--muted);font-size:.85rem;margin:-.25rem 0 .75rem}.howto main{max-width:40rem;margin:0 auto;line-height:1.6}.howto h1{text-align:center;margin:1.5rem 0 .5rem}.howto h2{margin:2rem 0 .75rem}.howto-lead{text-align:center;color:var(--muted);font-size:1.1rem}.howto-cta{text-align:center;margin:1.25rem 0}.howto-play{display:inline-block;padding:.7rem 1.4rem;border-radius:.5rem;background:var(--accent);color:#08202b;font-weight:700;text-decoration:none}.howto-examples{display:grid;gap:.9rem}.howto-example details{margin-top:.6rem;color:var(--muted)}.howto-example summary{cursor:pointer;color:var(--accent)}.howto-example details p{margin:.5rem 0 0}.howto-list li{margin-bottom:.5rem}.howto-faq dt{font-weight:700;margin-top:1rem}.howto-faq dd{margin:.25rem 0 0;color:var(--muted)}.howto-line{text-align:center;font-size:.9rem;margin:.5rem 0 0}.howto-line a{color:var(--accent)}.admin-footnote{margin-top:1.5rem;text-align:center}.clue[hidden],.difficulty-button[hidden],.holiday-edition[hidden],.spelling-note[hidden]{display:none}.holiday-edition{margin:0 auto 1.25rem;max-width:32rem;padding:1rem 1.1rem;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:.9rem;background-image:linear-gradient(90deg,#d93a4a 0,#d93a4a 33%,#f2f3f7 33%,#f2f3f7 66%,#3b6fe0 66%,#3b6fe0);background-size:100% 4px;background-repeat:no-repeat}.holiday-label{margin:.3rem 0 .25rem;font-size:1.15rem;font-weight:800;letter-spacing:.02em}.holiday-greeting{margin:0 0 .6rem;color:var(--stamp);font-weight:600}.holiday-rules{margin:0;color:var(--muted);line-height:1.5}.holiday-rules strong{color:var(--text)}.holiday-switch{margin:.75rem 0 0;text-align:center}.holiday-switch[hidden]{display:none}.holiday-button{flex:1 1 100%}.spelling-note{margin:0 0 .5rem;text-align:center;font-weight:700;color:var(--accent)}.feedback-us{color:var(--muted);font-weight:400}.flagship-button{flex:1 1 100%;padding:1.25rem 1rem;border-color:var(--accent);border-width:2px}.flagship-button .difficulty-name{font-size:1.3rem}.flagship-button .difficulty-brains .brain-icon{width:1.5rem;height:1.5rem}.flagship-desc{color:var(--muted)}.difficulty-rating{margin:.6rem 0 0;text-align:center;font-size:.9rem;color:var(--muted)}.difficulty-rating strong{color:var(--text)}.difficulty-rating-note{display:block;font-size:.78rem}.difficulty-rating[hidden]{display:none}.archive-list{display:flex;flex-direction:column;gap:.5rem;max-width:30rem;margin:0 auto}.archive-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:.6rem}.archive-day{flex:1;font-weight:600}.archive-play{padding:.35rem .7rem}.practice-note{margin:0 0 .5rem;text-align:center;color:var(--stamp);font-weight:600;font-size:.9rem}.practice-note[hidden],.share-row[hidden]{display:none}
