:root{--bar-h:57px;--gutter:16px;--bg:#f6f7f9;--surface:#fff;--border:#dde1e7;--text:#16191d;--muted:#5b6470;--accent:#1f6feb;--solved:#157f3b;--solved-bg:#e8f6ed;--danger:#b42318;--stage:radial-gradient(circle at 50% 45%, #fff 0%, #e9edf2 70%, #dfe4ea 100%);--focus:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111418;--surface:#1a1e24;--border:#2d333c;--text:#e8ebef;--muted:#9aa4b1;--accent:#5b9dff;--solved:#4cc27a;--solved-bg:#15291d;--danger:#ff6b5e;--stage:radial-gradient(circle at 50% 45%, #f2f4f7 0%, #cfd5dd 75%, #c3cad3 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--bar-h) + 52px)}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--focus);outline:none}.bar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:10px 16px;display:flex;position:sticky;top:0}.bar h1{letter-spacing:-.01em;margin:0;font-size:17px}.counter{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.counter strong{color:var(--text)}.counter .warn{color:var(--danger)}.menu{margin-left:auto;position:relative}.bar .menu-toggle{width:40px;padding:0;font-size:20px;line-height:1}.menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:8px;width:min(260px,100vw - 32px);padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.menu-note{color:var(--muted);margin:0;font-size:12px}.bar .menu-item{text-align:left;width:100%}.confirm p{margin:0 0 8px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.bar button,.status button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:36px;padding:0 12px}.bar button.danger{border-color:var(--danger);color:var(--danger);font-weight:600}main{padding:0 var(--gutter) var(--gutter)}.status{text-align:center;max-width:40em;color:var(--muted);margin:15vh auto}.status.error{color:var(--danger)}.generation+.generation{margin-top:16px}.generation-head{top:var(--bar-h);z-index:5;margin:0 calc(-1 * var(--gutter)) 10px;padding:12px calc(var(--gutter) + 2px) 8px;background:var(--bg);border-bottom:1px solid var(--border);align-items:baseline;gap:12px;display:flex;position:sticky}.generation-head h2{letter-spacing:-.01em;margin:0;font-size:16px}.generation-head .region{color:var(--muted);font-weight:500}.generation-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 0 auto}.wall{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=400px){:root{--gutter:10px}.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.tile{background:var(--surface);border:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 250px;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.tile.solved{border-color:var(--solved);background:var(--solved-bg)}.dex{z-index:1;font-variant-numeric:tabular-nums;color:#4a535e;font-size:11px;position:absolute;top:12px;left:14px}.art{aspect-ratio:1;background:var(--stage);border-radius:8px;position:relative;overflow:hidden}.art img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:8%;display:block}.just-solved .art img{animation:.42s ease-out pop}@keyframes pop{0%{filter:brightness(0);transform:scale(.9)}60%{transform:scale(1.05)}to{filter:none;transform:scale(1)}}.name{text-align:center;min-height:36px;color:var(--text);border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;margin:0;font-weight:650;display:flex}.guess{border:1px solid var(--border);background:var(--bg);cursor:text;border-radius:8px;align-items:center;min-height:36px;display:flex}.guess:focus-within{border-color:var(--accent);box-shadow:var(--focus)}.prefix{white-space:pre;color:var(--text);-webkit-user-select:none;user-select:none;padding-left:10px;font-weight:650}.guess input{text-align:center;background:0 0;border:0;border-radius:8px;outline:none;flex:1;min-width:0;min-height:34px;padding:6px 10px}.guess input:focus-visible{box-shadow:none}.guess.has-prefix input{text-align:left;letter-spacing:.02em;padding-left:0}.guess.has-prefix input::placeholder{letter-spacing:.12em}.types{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:28px;display:flex}.types.overlay{justify-content:flex-start;gap:3px;min-height:0;position:absolute;bottom:6px;left:6px;right:6px}.types.overlay .type{color:#16191d;background:#ffffffe0;border-color:#0000;font-size:11px}.type{border:1px solid var(--border);background:var(--surface);text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:1px 8px 1px 6px;font-size:12px;display:inline-flex}.type:before{content:"";background:var(--type,#999);border-radius:50%;width:8px;height:8px}.type-normal{--type:#a8a77a}.type-fire{--type:#ee8130}.type-water{--type:#6390f0}.type-electric{--type:#f7d02c}.type-grass{--type:#7ac74c}.type-ice{--type:#96d9d6}.type-fighting{--type:#c22e28}.type-poison{--type:#a33ea1}.type-ground{--type:#e2bf65}.type-flying{--type:#a98ff3}.type-psychic{--type:#f95587}.type-bug{--type:#a6b91a}.type-rock{--type:#b6a136}.type-ghost{--type:#735797}.type-dragon{--type:#6f35fc}.type-dark{--type:#705746}.type-steel{--type:#b7b7ce}.type-fairy{--type:#d685ad}.hints{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.hints button{border:1px solid var(--border);background:var(--surface);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border-radius:7px;min-height:28px;padding:0;font-size:11px;line-height:1}.hints button:hover:not(:disabled){border-color:var(--accent)}.hints button:disabled{cursor:default;color:var(--muted);background:0 0;border-style:dashed}@media (prefers-reduced-motion:reduce){.just-solved .art img{animation:none}}