:root{--bg:#0f1115;--bg-glow:#171b24;--surface:#171a21;--surface-raised:#1e222b;--surface-locked:#14171d;--border:#2a2f3a;--border-strong:#3a4150;--text:#e8eaed;--text-muted:#9aa3b2;--text-faint:#6b7484;--accent:#3aa76d;--accent-strong:#2f8f5c;--accent-soft:#3aa76d24;--warn:#c9a227;--danger:#d9534f;--danger-soft:#d9534f1f;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow:0 1px 2px #0006, 0 8px 24px #00000047;--font:"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--bg-glow:#fff;--surface:#fff;--surface-raised:#fff;--surface-locked:#eef0f4;--border:#d9dde5;--border-strong:#c2c8d4;--text:#12151b;--text-muted:#5b6473;--text-faint:#8b94a3;--accent:#1f8b52;--accent-strong:#197043;--accent-soft:#1f8b521f;--warn:#9a7b0f;--danger:#c0392b;--danger-soft:#c0392b1a;--shadow:0 1px 2px #10162214, 0 8px 24px #10162214;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 60% at 50% 0%, var(--bg-glow) 0%, var(--bg) 62%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit;color:inherit}.app{width:100%;max-width:640px;padding:1rem .875rem calc(2rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.app__header{border-bottom:1px solid var(--border);padding-block:.5rem .25rem;flex-direction:column;align-items:center;gap:.25rem;padding-bottom:.875rem;display:flex}.wordmark{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,7vw,2rem);font-weight:800;line-height:1}.wordmark__fc{color:var(--accent)}.app__tagline{color:var(--text-muted);margin:0;font-size:.8125rem}.app__date{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:.75rem}.mask{--tile:clamp(1rem, calc((100vw - 2.75rem) / var(--longest-word) - .3rem), 2.25rem);flex-wrap:wrap;justify-content:center;gap:.5rem .9rem;padding:.5rem 0;display:flex}.mask__word{gap:.25rem;display:flex}.mask__tile{width:var(--tile);height:calc(var(--tile) * 1.3);border-bottom:3px solid var(--border-strong);border-radius:2px 2px var(--radius-sm) var(--radius-sm);background:var(--surface);font-size:calc(var(--tile) * .72);text-transform:uppercase;color:#0000;transition:border-color .2s var(--ease);place-items:center;font-weight:700;line-height:1;display:grid}.mask__tile.is-hinted{color:var(--warn);border-bottom-color:var(--warn);animation:flip-letter .4s var(--ease) both}.mask__tile.is-solved{color:var(--text);background:var(--accent-soft);border-bottom-color:var(--accent);animation:pop .38s var(--ease) both;animation-delay:calc(var(--tile-index) * 45ms)}.mask__tile.is-revealed{color:var(--text-muted);border-bottom-color:var(--border-strong);animation:flip-letter .4s var(--ease) both;animation-delay:calc(var(--tile-index) * 35ms)}.guess{flex-direction:column;gap:.5rem;display:flex}.guess__row{gap:.5rem;display:flex}.guess__input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:48px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:none;flex:auto;padding:0 .875rem}.guess__input::placeholder{color:var(--text-faint)}.guess__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.guess__input:disabled{opacity:.55}.guess__submit{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:background .15s var(--ease), transform .1s var(--ease);border:none;flex:none;padding:0 1.125rem;font-weight:650}.guess__submit:hover:not(:disabled){background:var(--accent-strong)}.guess__submit:active:not(:disabled){transform:scale(.97)}.guess__submit:disabled{background:var(--border-strong);color:var(--text-faint);cursor:not-allowed}.guess.is-wrong .guess__input{animation:shake .38s var(--ease);border-color:var(--danger)}.guess__meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.guess__pips{gap:4px;display:flex}.guess__pip{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.guess__pip.is-used{background:var(--danger)}.clues{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.clue{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.clue.is-locked{background:var(--surface-locked);border-style:dashed}.clue__header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;font-weight:600;display:flex}.clue__index{background:var(--surface-raised);border:1px solid var(--border);width:20px;height:20px;color:var(--text-faint);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;display:grid}.clue:not(.is-locked) .clue__index{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.clue__lock{color:var(--text-faint);letter-spacing:0;text-transform:none;margin-left:auto;font-size:.6875rem}.clue__body{transform-origin:top;padding:0 .75rem .875rem}.clue__body.is-revealing{animation:flip-card .42s var(--ease) both}.clue__body.is-revealing>*{animation:fade-up .38s var(--ease) .14s both}.nationality{align-items:center;gap:.75rem;display:flex}.nationality__flag{width:46px;height:46px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none}.nationality__name{font-size:1.125rem;font-weight:650}.pill{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:.375rem .75rem;font-size:.9375rem;font-weight:600;display:inline-block}.dates{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,8vw,2rem);font-weight:750}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.stats__cell{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.625rem .5rem}.stats__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:750;line-height:1.1}.stats__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem;font-size:.6875rem}.path{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.375rem;display:flex;overflow-x:auto}.path__step{text-align:center;flex-direction:column;flex:none;align-items:center;gap:.375rem;width:84px;display:flex}.path__badge{object-fit:contain;width:42px;height:50px}.path__club{color:var(--text-muted);font-size:.6875rem;line-height:1.25}.clue__hint{color:var(--text-muted);margin:0;font-size:.875rem}.history{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.history__item{background:var(--danger-soft);border:1px solid var(--border);border-radius:var(--radius-sm);animation:fade-up .26s var(--ease) both;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.history__mark{color:var(--danger);font-weight:700}.history__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0 0 .375rem;font-size:.75rem}.result{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;animation:fade-in .2s var(--ease) both;background:#06080c9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.result__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;animation:rise .32s var(--ease) both;padding:1.25rem}.result__headline{margin:0 0 .25rem;font-size:1.375rem;font-weight:750}.result__headline.is-won{color:var(--accent)}.result__headline.is-lost{color:var(--danger)}.result__answer{color:var(--text-muted);margin:0 0 1rem;font-size:1rem}.result__answer strong{color:var(--text)}.result__stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.result__squares{letter-spacing:2px;margin:0 0 1rem;font-size:1.125rem}.result__signoff{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem;line-height:1.4}.result__actions{flex-direction:column;gap:.5rem;display:flex}.button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;min-height:46px;transition:background .15s var(--ease);padding:0 1rem;font-weight:600}.button:hover{background:var(--border)}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-strong)}.notice{text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:64px;animation:1.4s ease-in-out infinite pulse}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes flip-card{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes flip-letter{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=481px){.clues{grid-template-columns:repeat(2,1fr)}.clue--careerPath{grid-column:1/-1}}@media (width>=720px){.app{padding-top:2rem}}