:root{--bg:#0f1218;--surface:#171c25;--surface-2:#1f2633;--border:#2b3445;--text:#e9edf4;--muted:#9aa5b8;--accent:#d6b25e;--accent-ink:#1a1405;--focus:#79b8ff;--danger:#ff8b84;--radius:10px;--correct-bg:#17703e;--correct-fg:#fff;--partial-bg:#7a4c00;--partial-fg:#fff;--incorrect-bg:#a1283a;--incorrect-fg:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f3f5f9;--surface:#fff;--surface-2:#eaeef5;--border:#cfd6e3;--text:#151a24;--muted:#536078;--accent:#8a6a1c;--accent-ink:#fff;--focus:#0b5fd6;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:1rem;line-height:1.5}.shell{max-width:60rem;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}main{flex-direction:column;flex:1;gap:1.25rem;display:flex}.masthead h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:1.75rem}.masthead p,.muted{color:var(--muted);margin:.25rem 0 0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;padding:0 1rem}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.link{color:var(--muted);background:0 0;border:none;padding:0 .25rem;text-decoration:underline}.guess__label{margin-bottom:.4rem;font-weight:600;display:block}.guess__field{position:relative}.guess__input{width:100%;min-height:52px;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:0 1rem;font-size:1rem}.guess__input:focus-visible{border-color:var(--focus);outline-offset:0}.guess__list{z-index:10;inset-inline:0;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:min(22rem,45dvh);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);overflow-y:auto;box-shadow:0 12px 32px #00000059}.guess__option{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;min-height:48px;padding:4px 8px;display:flex}.guess__option.is-active{background:var(--surface-2);outline:2px solid var(--focus);outline-offset:-2px}.guess__option img,.row__champ img,.result__answer img{background:var(--surface-2);border-radius:8px;flex:none}.guess__hint{min-height:1.5rem;color:var(--danger);margin:.4rem 0 0;font-size:.9rem}.result,.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.result h2,.notice p{margin:0}.result__answer{align-items:center;gap:.75rem;margin:0;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.footer{color:var(--muted);font-size:.85rem}.footer p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){button,.guess__input{transition:background-color .12s,border-color .12s}}.result__stats{font-variant-numeric:tabular-nums;gap:.5rem;margin:0;display:flex}.result__buttons{flex-wrap:wrap;gap:.75rem;display:flex}.result__copied{min-height:1.25rem;color:var(--muted);margin:0;font-size:.9rem}.result__manual{flex-direction:column;gap:.4rem;width:100%;font-size:.9rem;display:flex}.result__manual textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;font-size:1rem}.result h2:focus{outline:none}.board{flex-direction:column;gap:.5rem;display:flex}.board__head{display:none}.board__rows,.tiles{margin:0;padding:0;list-style:none}.board__rows{flex-direction:column;gap:.75rem;display:flex}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.row__champ{align-items:center;gap:.75rem;font-weight:600;display:flex}.row__seq{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.tile{min-width:0;color:var(--tile-fg);background:var(--tile-bg);border-radius:8px}.tile--correct{--tile-bg:var(--correct-bg);--tile-fg:var(--correct-fg)}.tile--partial{--tile-bg:var(--partial-bg);--tile-fg:var(--partial-fg);background-image:repeating-linear-gradient(135deg,#0000 0 7px,#ffffff24 7px 11px)}.tile--incorrect{--tile-bg:var(--incorrect-bg);--tile-fg:var(--incorrect-fg)}.tile__inner{flex-direction:column;gap:.25rem;min-height:4.5rem;padding:.4rem .45rem;display:flex}.tile__label{letter-spacing:.04em;text-transform:uppercase;opacity:.92;font-size:.68rem}.tile__body{align-items:flex-start;gap:.3rem;font-size:.82rem;font-weight:600;line-height:1.2;display:flex}.tile__icon{flex:none;margin-top:.1rem}.tile__values{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.tile__arrow{margin-left:auto;font-size:1rem;line-height:1}@media (width>=46rem){.board__head,.row{grid-template-columns:5.5rem minmax(0,1fr);align-items:stretch;gap:.4rem;display:grid}.board__cols,.tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid}.board__head{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:0 .6rem;font-size:.72rem}.row{padding:.5rem .6rem}.row__champ{text-align:center;flex-direction:column;justify-content:center;gap:.2rem;font-size:.8rem}.row__seq,.tile__label{display:none}.tile__inner{justify-content:center;min-height:4.75rem}}@media (prefers-reduced-motion:no-preference){.row.is-new .tile{animation:.5s cubic-bezier(.2,.7,.2,1) backwards reveal;animation-delay:calc(var(--i) * .14s)}@keyframes reveal{0%{opacity:0;transform:rotateX(80deg)scale(.92)}}}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.masthead h1 a{color:inherit;text-decoration:none}.account-nav{align-items:center;gap:.5rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;max-width:28rem;padding:1.25rem;display:flex}.panel h2,.panel h3,.panel p{margin:0}.panel h2:focus{outline:none}.form{flex-direction:column;gap:.4rem;display:flex}.form label{margin-top:.4rem;font-weight:600}.form input{min-height:48px;font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);padding:0 .85rem}.form input:focus-visible{border-color:var(--focus);outline-offset:0}.hint{color:var(--muted);margin:0;font-size:.9rem}.form__error{color:var(--danger);margin:.4rem 0 0;font-weight:600}.form .actions{margin-top:.6rem}a.button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);align-items:center;padding:0 1rem;text-decoration:none;display:inline-flex}button.danger{border-color:var(--danger);color:var(--danger)}.panel--wide{max-width:none}.statgrid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;margin:0;display:grid}.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem}.stat dt,.accuracy dt{color:var(--muted);font-size:.85rem}.stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:700}.histo{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.histo__row{font-variant-numeric:tabular-nums;grid-template-columns:2rem 1fr 2.5rem;align-items:center;gap:.5rem;display:grid}.histo__label,.histo__count{text-align:right}.histo__track{background:var(--surface-2);border-radius:4px;height:1.1rem;display:block;overflow:hidden}.histo__bar{background:var(--accent);min-width:2px;height:100%;display:block}.accuracy{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin:0;display:grid}.accuracy dd{margin:0}.accuracy dd:not(.hint){font-size:1.15rem;font-weight:700}.games{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.games__button{text-align:left;grid-template-columns:1fr auto;gap:0 .75rem;width:100%;min-height:52px;padding:.4rem .85rem;display:grid}.games__name{font-weight:600}.games__outcome--won{color:var(--text)}.games__outcome--abandoned,.games__meta{color:var(--muted)}.games__outcome,.games__meta{text-align:right;font-size:.9rem}.games__meta{text-align:left;font-variant-numeric:tabular-nums;grid-column:1/-1}.tablewrap{overflow-x:auto}.analysis{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.analysis th,.analysis td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.4rem .6rem}.analysis thead th{color:var(--muted);font-size:.85rem;font-weight:600}