@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.hidden{display:none}.resize{resize:both}}:root{--ink:#12161a;--soft:#3c454d;--mute:#6e7780;--line:#12161a14;--accent:#1f8a72;--accent-soft:#1f8a721f;--pop:#c45c3e;--pop-soft:#c45c3e1f;--rate:#3b6ea5;--rate-soft:#3b6ea51f;--bg:#e8eef3;--spring:cubic-bezier(.22, 1.25, .36, 1);--ease:cubic-bezier(.32, .72, 0, 1);--slide:cubic-bezier(.7, 0, .3, 1);--font:"SF Pro Text", "PingFang SC", "Noto Sans SC", "WenQuanYi Micro Hei", "Droid Sans Fallback", var(--font-noto), "Helvetica Neue", system-ui, sans-serif;--display:"SF Pro Display", "Iowan Old Style", Palatino, "Songti SC", serif;--max:820px;--slot:52px;--dock-pad:12px;--dock-bar:54px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100svh;color:var(--ink);font-family:var(--font);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;font-size:15px;line-height:1.5}button,a,.chip,.pill,.tab,.mode,.emo,.search{-webkit-tap-highlight-color:transparent}.field{z-index:-1;pointer-events:none;background:radial-gradient(55% 42% at 10% 0,#78beaa47,#0000 60%),radial-gradient(45% 38% at 92% 6%,#8caadc3d,#0000 55%),radial-gradient(40% 30% at 70% 90%,#dcaa8229,#0000 50%),linear-gradient(#eef2f6,#e6ecf1);position:fixed;inset:0}.topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#eef2f6c7;position:sticky;top:0}.top-inner{width:min(var(--max), calc(100% - 28px));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin:0 auto;padding:8px 0;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;color:inherit;font-size:1.05rem;font-weight:600;text-decoration:none}.wordmark span{font-family:var(--font);color:var(--mute);margin-left:8px;font-size:.7rem;font-weight:500}.nav{align-items:center;gap:4px;display:flex;position:relative}.pill{appearance:none;cursor:pointer;font:inherit;color:var(--mute);z-index:1;transition:color .22s var(--ease), transform .28s var(--spring);background:0 0;border:none;border-radius:999px;align-items:center;padding:8px 14px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.pill:active{transform:scale(.94)}.pill.on{color:var(--ink)}.nav-blob{width:56px;transition:left .38s var(--spring), width .38s var(--spring), opacity .18s ease;z-index:0;pointer-events:none;opacity:0;background:#ffffffb8;border-radius:999px;position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 2px 10px #12161a0f,inset 0 1px #fff}.nav-blob.ready{opacity:1}.top-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.lang{border:1px solid var(--line);background:#ffffff59;border-radius:999px;align-items:center;padding:2px;display:inline-flex}.lang a,.lang span{letter-spacing:.02em;min-width:36px;color:var(--mute);border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:.72rem;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.lang .on{color:var(--ink);background:#ffffffe6}.lang a:active{transform:scale(.96)}.shell{width:min(var(--max), calc(100% - 28px));margin:0 auto;padding:24px 0 64px}.eyebrow{color:var(--accent);letter-spacing:.04em;margin:0;font-size:.72rem;font-weight:650}h1{font-family:var(--display);letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(1.5rem,3.6vw,1.85rem);font-weight:600;line-height:1.2}.toolbar{flex-direction:column;gap:10px;margin:18px 0 14px;display:flex}.search{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#ffffffb3;border-radius:12px;outline:none;padding:11px 14px}.search:focus{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.search:focus{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}}.search:focus{box-shadow:0 0 0 3px var(--accent-soft)}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip,.tab{appearance:none;cursor:pointer;border:1px solid var(--line);color:var(--mute);font:inherit;background:#ffffff73;border-radius:999px;font-weight:600}.chip{transition:transform .24s var(--spring), background .2s ease, color .2s ease;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;display:inline-flex}.chip svg,.icon svg{shape-rendering:geometricprecision;flex:none;display:block}.chip:active{transform:scale(.94)}.chip.on,.tab.on{color:var(--ink);background:#ffffffe6}.meta-row{color:var(--mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:.78rem;display:flex}.card{border:1px solid var(--line);transition:background .28s var(--ease), border-color .28s var(--ease), transform .32s var(--spring);background:#ffffff85;border-radius:16px;grid-template-columns:minmax(0,1.05fr) minmax(280px,1fr);align-items:center;gap:12px 16px;margin-bottom:8px;padding:14px;display:grid}.card.pressing{transform:scale(.982)}.card.voted{border-color:var(--mood-line,var(--accent))}@supports (color:color-mix(in lab, red, red)){.card.voted{border-color:color-mix(in srgb, var(--mood-line,var(--accent)) 22%, var(--line))}}.card.voted{background:var(--mood-wash,transparent)}@supports (color:color-mix(in lab, red, red)){.card.voted{background:color-mix(in srgb, var(--mood-wash,transparent) 55%, #ffffff8c)}}@media (max-width:720px){.card{grid-template-columns:1fr}.wordmark span{display:none}}.ident{align-items:flex-start;gap:10px;min-width:0;display:flex}.icon{border:1px solid var(--line);background:#fff;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.mark-fallback{color:var(--ink);font-size:13px;font-weight:700;line-height:1}.name-block{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.name-line{flex-wrap:wrap;align-items:baseline;gap:6px 7px;min-width:0;display:flex}.version-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.series{letter-spacing:-.02em;font-size:.98rem;font-weight:700}.variant{color:var(--soft);font-size:.9rem;font-weight:600}.dot{color:var(--mute);opacity:.45}.released{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:.78rem;font-weight:700;line-height:1.35}.gen{color:var(--ink);letter-spacing:-.01em;background:#12161a14;border-radius:999px;align-items:center;padding:2px 8px;font-family:ui-monospace,Menlo,monospace;font-size:.78rem;font-weight:700;line-height:1.35;display:inline-flex}.rel{color:var(--mute);background:#12161a0b;border-radius:999px;align-items:center;padding:2px 7px;font-family:ui-monospace,Menlo,monospace;font-size:.7rem;font-weight:600;line-height:1.35;display:inline-flex}.mine{color:var(--soft);font-variant-numeric:tabular-nums;background:#ffffffb8;border-radius:999px;align-items:center;gap:3px;padding:1px 6px 1px 4px;font-size:.68rem;font-weight:650;line-height:1.4;display:inline-flex}.mine .me{font-size:.78rem;line-height:1}.react{touch-action:none;-webkit-user-select:none;user-select:none;min-height:calc(var(--slot) + 8px);-webkit-backdrop-filter:blur(12px)saturate(140%);background:#ffffff61;border:1px solid #ffffffa6;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:4px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffbf}.emo{appearance:none;cursor:pointer;z-index:1;height:var(--slot);font:inherit;color:var(--mute);transition:color .2s var(--ease), opacity .2s var(--ease);background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;position:relative}.emo .e{text-align:center;width:1.2em;font-size:1.18rem;line-height:1}.emo .l{text-align:center;max-width:100%;padding:0 2px;font-size:.56rem;line-height:1.1}html[lang=en] .emo .l{letter-spacing:-.02em;white-space:nowrap;font-size:.5rem}.emo .n{color:var(--mute);font-variant-numeric:tabular-nums;opacity:.8;min-height:.7em;font-size:.5rem}.emo.on{color:var(--ink);font-weight:700}.emo.dim{opacity:.4}.emo:active{background:0 0}.bead{z-index:2;pointer-events:none;opacity:0;width:var(--slot);height:var(--slot);background:var(--mwash,#ffffffb8);border-radius:14px;position:absolute;top:4px;left:4px;transform:scale(1)}@supports (color:color-mix(in lab, red, red)){.bead{background:color-mix(in srgb, var(--mwash,#ffffffb8) 70%, #ffffffd9)}}.bead{border:1px solid var(--mline,#ccc)}@supports (color:color-mix(in lab, red, red)){.bead{border:1px solid color-mix(in srgb, var(--mline,#ccc) 28%, #fffc)}}.bead{transition:opacity .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, transform .16s var(--spring);will-change:left, top;box-shadow:0 1px 2px #12161a0a,inset 0 1px #ffffffe6}.bead.show{opacity:1}.bead.hold{opacity:.82;background:var(--mwash,#ffffff80);transform:scale(1.04)}@supports (color:color-mix(in lab, red, red)){.bead.hold{background:color-mix(in srgb, var(--mwash,#ffffff80) 52%, #ffffff6b)}}.bead.hold{border-color:var(--mline,#ccc)}@supports (color:color-mix(in lab, red, red)){.bead.hold{border-color:color-mix(in srgb, var(--mline,#ccc) 40%, #ffffff8c)}}.bead.hold{-webkit-backdrop-filter:blur(6px)saturate(140%);box-shadow:0 6px 16px #12161a1a,inset 0 1px #ffffffbf}.submit-dock{z-index:30;padding:var(--dock-pad) 0 calc(var(--dock-pad) + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.submit-bar{pointer-events:auto;width:min(var(--max), calc(100% - 28px));min-height:var(--dock-bar);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#eef2f6e6;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:8px 8px 8px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.submit-bar p{min-width:0;color:var(--mute);margin:0;font-size:.78rem;line-height:1.35}.submit-dock.ready .submit-bar p{color:var(--soft)}.submit-dock.done .submit-bar{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.submit-dock.done .submit-bar{border-color:color-mix(in srgb, var(--accent) 32%, var(--line))}}.submit-dock.done .submit-bar{box-shadow:0 0 0 3px var(--accent-soft)}.submit-dock.done .submit-bar p{color:var(--accent)}.submit-dock.error .submit-bar p,.submit-dock.cap .submit-bar p{color:var(--ink)}button.submit{appearance:none;min-width:7.5rem;font:inherit;white-space:nowrap;color:var(--mute);cursor:default;background:#12161a0f;border:none;border-radius:999px;flex:none;padding:8px 16px;font-size:.84rem;font-weight:650;transition:background .18s,color .18s,opacity .18s}.submit-dock.ready button.submit:not(:disabled){background:var(--ink);color:#fff;cursor:pointer}.submit-dock.sending button.submit:disabled{background:var(--ink);color:#fff;opacity:.72}.submit-dock.done button.submit:disabled{background:var(--accent);color:#fff;opacity:1}.board-modes{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;display:grid}.mode{appearance:none;cursor:pointer;text-align:left;border:1px solid var(--line);color:var(--ink);font:inherit;transition:transform .24s var(--spring), border-color .2s ease, background .2s ease;background:#ffffff73;border-radius:14px;padding:12px 14px}.mode:active{transform:scale(.98)}.mode .mt{font-size:.95rem;font-weight:700}.mode .md{color:var(--mute);margin-top:4px;font-size:.75rem;line-height:1.35}.mode.on.pop{background:var(--pop-soft)}@supports (color:color-mix(in lab, red, red)){.mode.on.pop{background:color-mix(in srgb, var(--pop-soft) 70%, #ffffffb3)}}.mode.on.pop{border-color:var(--pop)}@supports (color:color-mix(in lab, red, red)){.mode.on.pop{border-color:color-mix(in srgb, var(--pop) 28%, var(--line))}}.mode.on.rate{background:var(--rate-soft)}@supports (color:color-mix(in lab, red, red)){.mode.on.rate{background:color-mix(in srgb, var(--rate-soft) 70%, #ffffffb3)}}.mode.on.rate{border-color:var(--rate)}@supports (color:color-mix(in lab, red, red)){.mode.on.rate{border-color:color-mix(in srgb, var(--rate) 28%, var(--line))}}.mode.on.pop .mt{color:var(--pop)}@supports (color:color-mix(in lab, red, red)){.mode.on.pop .mt{color:color-mix(in srgb, var(--pop) 75%, var(--ink))}}.mode.on.rate .mt{color:var(--rate)}@supports (color:color-mix(in lab, red, red)){.mode.on.rate .mt{color:color-mix(in srgb, var(--rate) 75%, var(--ink))}}.tabs{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.tab{padding:8px 14px;font-size:.84rem}.board-note{color:var(--mute);margin:0 0 10px;font-size:.8rem}.board{border:1px solid var(--line);background:#ffffff80;border-radius:16px;overflow:hidden}.board.pop-theme .row:first-child .rank,.board.pop-theme .row:first-child .metrics .big{color:var(--pop)}.board.rate-theme .row:first-child .rank,.board.rate-theme .row:first-child .metrics .big{color:var(--rate)}.board .row:first-child .rank{font-weight:700}.row{border-top:1px solid var(--line);grid-template-columns:32px 32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.row:first-child{border-top:none}.rank{color:var(--mute);font-family:ui-monospace,monospace;font-size:.78rem}.row-id{min-width:0}.row-name{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:6px;font-weight:650;display:flex}.row-name .series{font-size:.92rem}.row-name .variant{font-size:.84rem}.row-sub{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.metrics{text-align:right}.metrics .big{color:var(--ink);font-family:ui-monospace,monospace;font-size:.95rem;font-weight:650}.metrics .small{color:var(--mute);margin-top:2px;font-size:.7rem}.faq{border-top:1px solid var(--line);margin-top:40px;padding-top:8px}.faq h2{font-family:var(--display);margin:8px 0 0;font-size:1.2rem;font-weight:600}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:12px 0;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent)}.faq details[open] summary:after{content:"–"}.faq p{max-width:42rem;color:var(--soft);margin:0 0 14px;font-size:.9rem}.site-footer{width:min(var(--max), calc(100% - 28px));border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:16px 0 36px;font-size:.78rem;display:flex}body:has(.submit-dock) .site-footer{margin-bottom:calc(var(--dock-pad) * 2 + var(--dock-bar) + env(safe-area-inset-bottom))}.site-footer .credit{margin-left:auto}.empty{color:var(--mute);text-align:center;padding:28px 12px;font-size:.9rem}.banner,.card-note{border:1px solid var(--line);color:var(--soft);background:#ffffff8c;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.82rem}.card-note{color:var(--pop);background:0 0;border:none;grid-column:1/-1;margin:0;padding:0;font-size:.75rem}.skel{border:1px solid var(--line);background:linear-gradient(90deg,#ffffff59,#ffffffb3,#ffffff59) 0 0/200% 100%;border-radius:16px;height:78px;margin-bottom:8px;animation:1.4s infinite sheen}.row-skel{border:none;border-top:1px solid var(--line);border-radius:0;height:58px;margin:0}.row-skel:first-child{border-top:none}.miss{padding:48px 0 24px}.miss a{color:var(--accent);font-weight:650}.pill:focus-visible,.chip:focus-visible,.tab:focus-visible,.mode:focus-visible,.emo:focus-visible,.search:focus-visible,.wordmark:focus-visible,.lang a:focus-visible,button.submit:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.pill:focus-visible,.chip:focus-visible,.tab:focus-visible,.mode:focus-visible,.emo:focus-visible,.search:focus-visible,.wordmark:focus-visible,.lang a:focus-visible,button.submit:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent)}}.pill:focus-visible,.chip:focus-visible,.tab:focus-visible,.mode:focus-visible,.emo:focus-visible,.search:focus-visible,.wordmark:focus-visible,.lang a:focus-visible,button.submit:focus-visible{outline-offset:2px}@keyframes sheen{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.bead,.nav-blob,.card,.pill,.chip,.mode,.skel,.lang a,.submit-bar,button.submit{transition:none;animation:none}}