*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-width:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg: #D6CCBA;--bg-soft: #C9BFA8;--bg-overlay: rgba(214, 204, 186, .36);--surface: #FEFCF6;--surface-2: #EDE5D0;--ink: #1B1A17;--ink-2: #44423C;--ink-3: #7A766C;--rule: #C8B99A;--rule-strong: #9A8C6E;--ok: oklch(.62 .12 145);--ok-bg: oklch(.92 .06 145);--close: oklch(.72 .13 75);--close-bg: oklch(.94 .07 80);--bad: oklch(.55 .16 25);--bad-bg: oklch(.93 .05 25);--accent: #A0522D;--accent-ink: #FBF7EE;--mode-classic: #ff4040;--mode-weakness: #f37826;--mode-rank: #2e90cf;--mode-geo: #f297d4;--mode-sound: #b7c96a;--mode-party: #64dadb;--card-bg-opacity: 75%;--shadow-card: 0 1px 0 rgba(27,26,23,.06), 0 8px 24px -16px rgba(27,26,23,.18);--shadow-pop: 0 1px 0 rgba(27,26,23,.08), 0 18px 40px -22px rgba(27,26,23,.28);--pad: 16px;--gap: 12px;--row-h: 84px;--tile: 58px;--font-display: "Bricolage Grotesque", "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--radius: 12px;--burst-shape: polygon( 50% 0%, 57.2% 13.7%, 69.1% 3.8%, 70.6% 19.2%, 85.4% 14.6%, 80.8% 29.4%, 96.2% 30.9%, 86.3% 42.8%, 100% 50%, 86.3% 57.2%, 96.2% 69.1%, 80.8% 70.6%, 85.4% 85.4%, 70.6% 80.8%, 69.1% 96.2%, 57.2% 86.3%, 50% 100%, 42.8% 86.3%, 30.9% 96.2%, 29.4% 80.8%, 14.6% 85.4%, 19.2% 70.6%, 3.8% 69.1%, 13.7% 57.2%, 0% 50%, 13.7% 42.8%, 3.8% 30.9%, 19.2% 29.4%, 14.6% 14.6%, 29.4% 19.2%, 30.9% 3.8%, 42.8% 13.7% )}[data-theme=midnight]{--bg: #090B10;--bg-soft: #0E1018;--bg-overlay: rgba(9, 11, 16, .52);--surface: #1C2130;--surface-2: #242B3D;--ink: #F2EBDA;--ink-2: #D4CDBB;--ink-3: #A8A192;--rule: #333C52;--rule-strong: #4A5470;--ok: oklch(.72 .14 145);--ok-bg: oklch(.3 .07 145);--close: oklch(.82 .14 78);--close-bg: oklch(.32 .08 78);--bad: oklch(.68 .16 25);--bad-bg: oklch(.3 .09 25);--accent: oklch(.78 .14 75);--accent-ink: #0E1014;--shadow-card: 0 1px 0 rgba(0,0,0,.3), 0 8px 24px -16px rgba(0,0,0,.5);--shadow-pop: 0 1px 0 rgba(0,0,0,.4), 0 18px 40px -22px rgba(0,0,0,.7)}[data-density=compact]{--pad: 10px;--gap: 8px;--row-h: 68px;--tile: 44px;--radius: 8px}[data-density=roomy]{--pad: 24px;--gap: 16px;--row-h: 100px;--tile: 68px;--radius: 16px}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}[data-theme=midnight]{color-scheme:dark}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;will-change:transform}body{font-family:var(--font-body);font-size:15px;line-height:1.5;background:var(--bg);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased}.display{font-family:var(--font-display);font-weight:700}.mono{font-family:var(--font-mono)}.kicker{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-3);display:block}.page-shell{max-width:880px;margin:0 auto;padding:0 var(--pad)}.masthead{background:var(--surface);border-bottom:2px solid var(--rule-strong)}.masthead__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 20px;gap:8px;width:100%}.masthead__left{display:flex;flex-direction:column;gap:1px}.masthead__right{display:flex;align-items:center;justify-content:flex-end;gap:6px}.masthead__streak{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;margin-right:4px}.masthead__wordmark{font-family:var(--font-body);font-size:26px;font-weight:700;color:var(--ink);text-decoration:none;justify-self:center;white-space:nowrap;letter-spacing:-.02em}.masthead__num{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-2);line-height:1}.masthead__left .kicker{font-size:12px;color:var(--ink-2);letter-spacing:.06em}:root{--tab-red: #e02020;--tab-red-bg: #fde8e8}[data-theme=midnight]{--tab-red: #ff4444;--tab-red-bg: #3a1010}.tabs-row{background:var(--surface-2);border-bottom:3px solid var(--rule-strong);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs-row::-webkit-scrollbar{display:none}.mode-steps{display:flex;align-items:stretch;min-width:100%}.mode-step{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 12px 9px;text-decoration:none;border:none;border-right:2px solid var(--rule-strong);border-bottom:3px solid transparent;margin-bottom:-3px;background:transparent;color:var(--ink-2);font-family:var(--font-body);white-space:nowrap;position:relative;transition:background .12s,color .12s;cursor:pointer}.mode-step:last-child{border-right:none}.mode-step:hover{background:var(--surface);color:var(--ink)}.mode-step__num{font-family:var(--font-mono);font-size:10px;font-weight:700;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--rule-strong);color:var(--surface);flex-shrink:0;transition:background .12s,color .12s}.mode-step__label{line-height:1;font-size:15px;font-weight:800}.mode-step--active{background:var(--bg);color:var(--tab-red);border-bottom-color:var(--tab-red)}.mode-step--active .mode-step__num{background:var(--tab-red);color:#fff}.mode-step--active .mode-step__label{color:var(--tab-red)}.mode-step--done .mode-step__num{background:var(--ok);color:#fff}.mode-step--done .mode-step__label{color:var(--ok)}.mode-step--next{animation:nextPulse 2s ease-in-out infinite}.mode-step--next .mode-step__num{background:var(--tab-red);color:#fff}.mode-step--next .mode-step__label{color:var(--tab-red)}.mode-step__arrow{display:none}@keyframes nextPulse{0%,to{background:transparent}50%{background:var(--tab-red-bg)}}.seg-control{display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;padding:3px;gap:2px;justify-content:center;width:100%}.seg-control::-webkit-scrollbar{display:none}.seg-tab{flex:1 0 auto;text-align:center;padding:6px 14px;border-radius:999px;font-weight:600;color:var(--ink-3);transition:background .15s,color .15s;white-space:nowrap;cursor:pointer;border:none;background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:12px}.seg-tab:hover{color:var(--ink)}.seg-tab--active{background:var(--tab-red);color:#fff}[data-stat=hp]{--stat-color: #e53935;--stat-on: #fff}[data-stat=attack]{--stat-color: #f57c00;--stat-on: #fff}[data-stat=defense]{--stat-color: #c9a800;--stat-on: #1a1a00}[data-stat=specialAttack]{--stat-color: #1976d2;--stat-on: #fff}[data-stat=specialDefense]{--stat-color: #388e3c;--stat-on: #fff}[data-stat=speed]{--stat-color: #d81b60;--stat-on: #fff}.seg-tab[data-stat]{background:color-mix(in srgb,var(--stat-color) 16%,transparent);color:color-mix(in srgb,var(--stat-color) 65%,var(--ink))}.seg-tab[data-stat]:hover{background:color-mix(in srgb,var(--stat-color) 26%,transparent)}.seg-tab--active[data-stat],.seg-tab--completed[data-stat]{background:var(--stat-color);color:var(--stat-on)}.seg-tab--completed{box-shadow:inset 0 0 0 1px #ffffff2e}.stat-header{background:var(--stat-color, var(--tab-red));color:var(--stat-on, #fff);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2;text-align:center}.card{background:color-mix(in oklch,var(--surface) var(--card-bg-opacity),transparent);border:2px solid var(--rule-strong);border-radius:4px}[data-card=flat] .card{box-shadow:none}[data-card=glass] .card{background:color-mix(in oklch,var(--surface) var(--card-bg-opacity),transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-header{background:color-mix(in oklch,var(--header-mode, var(--surface)) var(--card-bg-opacity),transparent);border:2px solid var(--header-mode, var(--rule-strong));border-radius:12px;padding:16px 20px}.page-header .kicker,.page-header h2,.page-header p{opacity:1}.page-header .kicker{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.page-header h2{color:#fff!important;font-size:26px!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}.page-header h2+p{display:none}.page-header--back{display:flex;align-items:center;gap:14px}.page-header--back>div{min-width:0}.back-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;background:#00000038;border:1.5px solid rgba(255,255,255,.35);text-decoration:none;transition:background .15s,transform .15s}.back-btn:hover{background:#00000061;transform:translate(-2px)}.back-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.party-card{background-color:var(--surface-2)!important;border:1px solid var(--rule);color:var(--ink)}body:has(.rail-item[data-mode=classic][data-active]) .page-header{--header-mode: var(--mode-classic)}body:has(.rail-item[data-mode=weakness][data-active]) .page-header{--header-mode: var(--mode-weakness)}body:has(.rail-item[data-mode=rank][data-active]) .page-header{--header-mode: var(--mode-rank)}body:has(.rail-item[data-mode=geo][data-active]) .page-header{--header-mode: var(--mode-geo)}body:has(.rail-item[data-mode=sound][data-active]) .page-header{--header-mode: var(--mode-sound)}body:has(.rail-item[data-mode=party][data-active]) .page-header{--header-mode: var(--mode-party)}[data-card=glass] .page-header{background:color-mix(in oklch,var(--header-mode, var(--surface)) var(--card-bg-opacity),transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-ink{background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:10px 22px;font-family:var(--font-body);font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-ink:hover{opacity:.82}.btn-ink:active{opacity:.7}.btn-ink--party{background:var(--mode-party);color:#1b1a17}.btn-ghost{background:transparent;color:var(--ink);border-radius:var(--radius);padding:10px 22px;font-family:var(--font-body);font-size:14px;font-weight:500;border:1.5px solid var(--rule-strong);cursor:pointer;transition:border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-ghost:hover{border-color:var(--ink)}.input-wrap{position:relative;display:flex;align-items:center;background:var(--surface);border:2px solid var(--rule-strong);border-radius:var(--radius);padding:6px 6px 6px 16px;gap:8px;transition:border-color .15s}.input-wrap:focus-within{border-color:var(--ink-2)}.input-bare{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:15px;color:var(--ink);min-width:0}.input-bare::-moz-placeholder{color:var(--ink-3)}.input-bare::placeholder{color:var(--ink-3)}.dropdown{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-pop);overflow:hidden;max-height:300px;overflow-y:auto}.dropdown--inline{position:static;margin-top:6px;box-shadow:none}.dropdown-item{width:100%;text-align:left;padding:9px 16px;display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;color:var(--ink);font-size:14px;font-family:var(--font-body);transition:background .1s}.dropdown-item:hover{background:var(--surface-2)}.classic-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}@media(min-width:860px){.classic-scroll{-webkit-mask-image:none;mask-image:none}}.classic-grid{display:grid;grid-template-columns:90px repeat(9,minmax(58px,1fr));gap:4px;min-width:600px}@media(min-width:860px){.classic-grid{grid-template-columns:148px repeat(9,1fr);gap:5px;min-width:unset}}.guess-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--row-h);padding:6px 4px;text-align:center;border-radius:3px;font-family:var(--font-body)}.guess-cell--ok{background:var(--ok-bg);color:var(--ok)}.guess-cell--close{background:var(--close-bg);color:var(--close)}.guess-cell--bad{background:var(--bad-bg);color:var(--bad)}.guess-name-cell{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:3px;background:var(--surface-2);border:1px solid var(--rule);min-height:var(--row-h)}.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-dot--ok{background:var(--ok)}.legend-dot--close{background:var(--close)}.legend-dot--bad{background:var(--bad)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:6px}.tile{aspect-ratio:1;border-radius:8px;border:1.5px solid var(--rule);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);overflow:visible;padding:4px;gap:2px;transition:transform .42s cubic-bezier(.2,.9,.2,1),background .42s}.tile:hover{z-index:2}.tile--found{background:var(--ok-bg);border-color:var(--ok)}.tile--found img{flex:1 1 auto;min-height:0;width:100%;-o-object-fit:contain;object-fit:contain}.tile--wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.tile--wrong img{flex:1 1 auto;min-height:0;width:100%;-o-object-fit:contain;object-fit:contain;filter:grayscale(.15) saturate(.6) brightness(.95) hue-rotate(-20deg)}.tile>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.tile__name{font-family:var(--font-body);font-size:10px;font-weight:700;line-height:1.1;text-transform:capitalize;width:100%;text-align:center}.tile--found{position:relative}.tile__count{position:absolute;top:2px;right:3px;display:inline-flex;align-items:center;gap:2px;font-size:9px;color:var(--ink-3);cursor:default;pointer-events:auto}.tile__count .pokegear-icon{width:10px!important;height:10px!important}.type-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:#fff;text-transform:uppercase;flex-shrink:0;letter-spacing:0}.weakness-row{display:flex;align-items:flex-start;gap:16px;padding:13px 20px;border-bottom:1px solid var(--rule)}.weakness-row:last-child{border-bottom:none}.multiplier,.multiplier-label{font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.3;text-align:right;display:block}.multiplier{color:var(--ink);flex-shrink:0}.multiplier-label{color:var(--ink-2)}.diff-pills{display:flex;gap:4px}.diff-pill{font-size:12px;font-weight:500;padding:5px 12px;border-radius:999px;border:1.5px solid var(--rule);background:transparent;color:var(--ink-3);cursor:pointer;transition:border-color .15s,background .15s}.diff-pill--active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.diff-pill--expert{border-color:var(--tab-red);color:var(--tab-red)}.diff-pill--expert.diff-pill--active{background:var(--tab-red);color:#fff;border-color:var(--tab-red)}.rank-row{display:grid;grid-template-columns:28px 44px 1fr 24px;gap:12px;align-items:center;background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius);padding:6px 16px;min-height:52px;transition:border-color .15s,background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rank-row--locked-ok{border-color:var(--ok);background:var(--ok-bg)}.rank-row--locked-bad{border-color:var(--bad);background:var(--bad-bg)}.rank-row--active{opacity:.28;border-style:dashed}.rank-row--over{border-color:var(--accent);background:var(--surface-2)}.rank-row--dragging{box-shadow:var(--shadow-pop);border-color:var(--accent)}.rank-num{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);text-align:right}.rank-sprite{width:44px;height:44px;justify-self:center}.rank-name{font-size:16px;font-weight:700}.rank-center{display:contents}.rank-status{font-size:13px;text-align:right}@media(min-width:640px){.rank-row{grid-template-columns:30px 52px 1fr 28px;min-height:58px}.rank-sprite{width:52px;height:52px}.rank-name{font-size:19px}}@media(min-width:860px){.rank-row{grid-template-columns:34px 58px 1fr 32px;min-height:64px;padding:6px 20px}.rank-sprite{width:58px;height:58px}.rank-name{font-size:22px}.rank-num{font-size:15px}}.progress-bar{height:3px;background:var(--rule);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--ink);border-radius:999px;transition:width .4s cubic-bezier(.2,.9,.2,1)}.region-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:capitalize;color:#fff;flex-shrink:0}.geo-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:border-color .15s,background .15s}.geo-option:hover{border-color:var(--rule-strong)}.geo-option--correct{border-color:var(--ok);background:var(--ok-bg)}.geo-option--wrong{border-color:var(--bad);background:var(--bad-bg);opacity:.7}.tip-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius);font-size:13px;color:var(--ink-2)}.tip-badge{width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:500;flex-shrink:0}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:scrimIn .2s ease-out both}.modal{background:var(--surface);border:1px solid var(--rule);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-pop);width:100%;max-width:460px;padding:32px;animation:modalRise .28s cubic-bezier(.2,.9,.2,1) both}.share-card{background:var(--bg-soft);border:1px solid var(--rule);border-radius:10px;padding:18px 20px}.swatch{width:26px;height:26px;border-radius:4px;flex-shrink:0}.swatch--ok{background:var(--ok)}.swatch--close{background:var(--close)}.swatch--bad{background:var(--bad)}.icon-btn__img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;display:block}.icon-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--rule-strong);background:var(--icon-btn-bg, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink-2);transition:border-color .15s,color .15s,background .15s;flex-shrink:0;text-decoration:none}.icon-btn:hover{border-color:var(--ink-3);color:var(--ink);background:var(--icon-btn-bg-hover, #f5f5f5)}.icon-btn--lg{width:44px;height:44px}.icon-btn__img--lg{width:32px;height:32px}.icon-btn--lang{width:auto;border-radius:999px;padding:0 10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em}[data-theme=midnight]{--icon-btn-bg: #2D3550;--icon-btn-bg-hover: #3A4566}.lang-picker{position:relative;display:flex}.lang-picker__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:160px;margin:0;padding:4px;list-style:none;background:var(--surface);border:1.5px solid var(--rule-strong);border-radius:10px;box-shadow:0 8px 24px #0000002e}.lang-picker__option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:7px;background:none;cursor:pointer;font:inherit;font-size:13px;color:var(--ink-2);text-align:left}.lang-picker__option:hover{background:var(--icon-btn-bg-hover, #f5f5f5);color:var(--ink)}.lang-picker__option.is-active{color:var(--ink);font-weight:600}.lang-picker__flag,.lang-picker__trigger-flag{display:block;flex-shrink:0}.lang-flag--emoji{font-family:Twemoji Country Flags,Twemoji Mozilla,"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji",sans-serif;line-height:1}.lang-picker__trigger-flag.lang-flag--emoji{font-size:22px}.lang-picker__flag.lang-flag--emoji{font-size:17px}.lang-flag--png{image-rendering:pixelated}.lang-picker__trigger-flag.lang-flag--png,.lang-picker__flag.lang-flag--png{width:24px;height:18px}.countdown{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--ink);letter-spacing:.05em}.stat-item{text-align:center;padding:12px 16px}.stat-item__num{font-family:var(--font-body);font-size:28px;font-weight:700;color:var(--ink);line-height:1}.stat-item__label{font-size:11px;color:var(--ink-3);margin-top:3px}.silhouette-wrap{position:relative;width:128px;height:128px;margin:0 auto}.silhouette-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:filter .6s ease}.silhouette-img--hidden{filter:brightness(0) opacity(.35)}.map-placeholder{width:100%;aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.map-pin{width:16px;height:16px;border-radius:50%;background:var(--accent);position:relative}.map-pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--accent);animation:pinPulse 1.6s ease-out infinite;opacity:0}@keyframes rowIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes cellFlip{0%{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}@keyframes tileReveal{0%{transform:scale(.7) rotate(-4deg);opacity:0}70%{transform:scale(1.08) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pinPulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.8);opacity:0}to{transform:scale(1);opacity:0}}.anim-row-in{animation:rowIn .4s cubic-bezier(.2,.9,.2,1) both}.anim-cell-flip{animation:cellFlip .36s cubic-bezier(.2,.9,.2,1) both}.anim-tile{animation:tileReveal .42s cubic-bezier(.2,.9,.2,1) both}.rule{height:1px;background:var(--rule)}.pokegear-icon{width:13px!important;height:13px!important;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:0;transform:none;background:var(--ink);color:var(--bg);font-family:var(--font-body);font-size:12px;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.has-tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:8px;transform:none;border:6px solid transparent;border-top-color:var(--ink);pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1}.has-tooltip--center:after{left:50%;transform:translate(-50%)}.has-tooltip--center:before{left:50%;transform:translate(-50%)}.hint-pill:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);font-family:var(--font-body);font-size:12px;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.hint-pill:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--ink);pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.hint-pill:hover:after,.hint-pill:hover:before{opacity:1}.hint-pill--clickable{border-color:var(--ok)!important;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.hint-pill--clickable:hover{transform:translateY(-1px);border-color:var(--ok)!important;box-shadow:var(--shadow-card);background:var(--ok-bg)}.ad-layout{display:grid;grid-template-columns:1fr;width:100%}.ad-sidebar{display:none}@media(min-width:1200px){.ad-layout{grid-template-columns:160px 1fr 160px;max-width:1140px;margin:0 auto}.ad-sidebar{display:flex;flex-direction:column;align-items:center;padding-top:28px}}@media(min-width:640px){.geo-layout{grid-template-columns:1fr 1fr}.masthead__inner .masthead__wordmark{font-size:30px}}.region-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.region-tile{position:relative;height:150px;padding:0;overflow:hidden;cursor:pointer;background:#111;border:2px solid var(--rule-strong);border-radius:8px;color:#f2ebda;text-align:left;transition:border-color .15s,transform .15s}.region-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c1400 35%,#0a0c14e0)}.region-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated;transition:transform .25s}.region-tile:hover,.region-tile:focus-visible{border-color:var(--region-color);transform:translateY(-2px)}.region-tile:hover img{transform:scale(1.05)}.region-tile__name{position:absolute;left:14px;bottom:10px;z-index:3;font-family:var(--font-body);font-size:22px;font-weight:700;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.5)}.region-tile__count{position:absolute;right:12px;bottom:12px;z-index:3;padding:3px 8px;border-radius:999px;background:#0000008c;font-family:var(--font-body);font-size:12px;font-weight:500;color:#d4cdbb}@media(max-width:480px){.region-tile{height:110px}.region-tile__name{font-size:18px;left:10px;bottom:8px}.region-tile__count{font-size:10px;right:6px;top:10px;bottom:auto;padding:2px 6px}.masthead__inner{grid-template-columns:minmax(0,auto) 1fr minmax(0,auto);gap:0 6px;padding:8px 12px}.masthead__left{display:flex;align-items:center;gap:0}.masthead__left .kicker{display:none}.masthead__wordmark{grid-column:unset;grid-row:unset;justify-self:center;font-size:17px}.masthead__right{grid-row:unset;gap:2px;flex-wrap:nowrap;overflow:hidden}.masthead__streak{display:none}.icon-btn{width:28px;height:28px;font-size:12px;flex-shrink:0}.icon-btn--lang{padding:0 6px;font-size:9px}.lang-picker__menu{min-width:140px}.lang-picker__option{font-size:12px;padding:6px 8px}.lang-picker__trigger-flag.lang-flag--emoji{font-size:16px}.lang-picker__flag.lang-flag--emoji{font-size:15px}.lang-picker__trigger-flag.lang-flag--png,.lang-picker__flag.lang-flag--png{width:16px;height:12px}.mode-step{padding:8px 4px 7px;gap:3px;flex:1;justify-content:center}.mode-step__num{width:18px;height:18px;font-size:10px}.mode-step__label{display:none}.seg-tab{padding:6px 4px;flex:1;font-size:9px}.icon-btn{width:30px;height:30px}.icon-btn__img{width:22px;height:22px}.guess-name-cell img.pokegear-icon{width:11px!important;height:11px!important}.tip-strip{font-size:11px;padding:8px 10px}.guess-name-cell{min-height:64px;padding:6px 8px;gap:6px}.guess-name-cell img{width:44px!important;height:44px!important}.guess-cell{min-height:64px;padding:6px 4px;font-size:12px}.rank-row{grid-template-columns:22px 38px 1fr 20px;min-height:46px;padding:4px 10px;gap:8px}.rank-sprite{width:38px!important;height:38px!important}.rank-name{font-size:14px!important}.rank-num{font-size:11px}.stat-item{padding:10px 8px}.stat-item__num{font-size:22px}.stat-item__label{font-size:8px;letter-spacing:.1em}.countdown{font-size:16px}.consent-banner{left:10px!important;right:10px!important;bottom:10px!important}.consent-banner>div{padding:12px!important}.consent-banner button{flex:1 1 0;min-width:0}}.carbon-ad-wrap{display:flex;justify-content:center;padding:12px 0 4px}#carbonads{display:flex;max-width:330px;background:var(--card);border:1px solid var(--rule);border-radius:8px;overflow:hidden;font-size:12px;line-height:1.4}#carbonads a{color:var(--ink-2);text-decoration:none}#carbonads a:hover{color:var(--ink)}.carbon-wrap{display:flex;align-items:flex-start;gap:10px;padding:10px}.carbon-img img{display:block;width:130px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0}.carbon-text{display:block;flex:1;font-size:12px}.carbon-poweredby{display:block;margin-top:6px;font-size:10px;color:var(--ink-3)!important}.hub-grid{display:grid;gap:var(--hub-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--hub-edge) var(--hub-row) var(--hub-edge);--hub-gap: 22px;--hub-row: 172px;--hub-edge: calc(var(--tile) + var(--pad) * 2);--stroke: 0px;--core: 228px;--gutter: 13px;--hole: calc(var(--core) / 2 + var(--gutter));--ox: calc(var(--hub-gap) / 2);--oy: calc(var(--hub-gap) + var(--hub-row) / 2)}.hub-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:var(--pad);min-width:0;border-radius:var(--radius);background:var(--hue-deep);transition:background .12s;overflow:hidden}.hub-tile:before{content:"";position:absolute;inset:var(--stroke);border-radius:calc(var(--radius) - var(--stroke));background:var(--hue);transition:background .12s;z-index:0}.hub-tile>*{position:relative;z-index:1}.hub-tile:hover:before{background:color-mix(in oklab,var(--hue) 86%,#000)}.hub-tile:focus-within:before{background:var(--hue-deep)}.hub-tile[data-mode=classic],.rail-item[data-mode=classic]{--hue: var(--mode-classic);--hue-deep: var(--mode-classic)}.hub-tile[data-mode=weakness],.rail-item[data-mode=weakness]{--hue: var(--mode-weakness);--hue-deep: var(--mode-weakness)}.hub-tile[data-mode=rank],.rail-item[data-mode=rank]{--hue: var(--mode-rank);--hue-deep: var(--mode-rank);--hue-ink: #1B1A17}.hub-tile[data-mode=geo],.rail-item[data-mode=geo]{--hue: var(--mode-geo);--hue-deep: var(--mode-geo)}.hub-tile[data-mode=sound],.rail-item[data-mode=sound]{--hue: var(--mode-sound);--hue-deep: var(--mode-sound)}.hub-tile[data-mode=party],.rail-item[data-mode=party]{--hue: var(--mode-party);--hue-deep: var(--mode-party);--hue-ink: #1B1A17}.hub-tile[data-slot=tl],.hub-tile[data-slot=tr],.hub-tile[data-slot=bl],.hub-tile[data-slot=br],.hub-tile[data-slot=wide]{-webkit-mask:radial-gradient(circle var(--hole) at var(--hx) var(--hy),transparent 99.5%,#000 100%);mask:radial-gradient(circle var(--hole) at var(--hx) var(--hy),transparent 99.5%,#000 100%)}.hub-tile[data-slot=tl]:before,.hub-tile[data-slot=tr]:before,.hub-tile[data-slot=bl]:before,.hub-tile[data-slot=br]:before,.hub-tile[data-slot=wide]:before{-webkit-mask:radial-gradient(circle calc(var(--hole) + var(--stroke)) at var(--bx) var(--by),transparent 99.5%,#000 100%);mask:radial-gradient(circle calc(var(--hole) + var(--stroke)) at var(--bx) var(--by),transparent 99.5%,#000 100%)}.hub-grid>[data-slot=tl]{grid-area:1 / 1}.hub-grid>[data-slot=tr]{grid-area:1 / 2}.hub-grid>[data-slot=bl]{grid-area:2 / 1}.hub-grid>[data-slot=br]{grid-area:2 / 2}.hub-grid>[data-slot=wide]{grid-area:3 / 1 / 4 / 3}.hub-grid>[data-slot=core]{grid-area:2 / 1 / 3 / 3}.hub-tile[data-slot=tl]{--hx: calc(100% + var(--ox));--hy: calc(100% + var(--oy))}.hub-tile[data-slot=tr]{--hx: calc(0px - var(--ox));--hy: calc(100% + var(--oy))}.hub-tile[data-slot=bl]{--hx: calc(100% + var(--ox));--hy: 50%}.hub-tile[data-slot=br]{--hx: calc(0px - var(--ox));--hy: 50%}.hub-tile[data-slot=wide]{--hx: 50%;--hy: calc(0px - var(--oy))}.hub-tile[data-slot=tl]:before{--bx: calc(100% + var(--ox) + var(--stroke));--by: calc(100% + var(--oy) + var(--stroke))}.hub-tile[data-slot=tr]:before{--bx: calc(0px - var(--ox) - var(--stroke));--by: calc(100% + var(--oy) + var(--stroke))}.hub-tile[data-slot=bl]:before{--bx: calc(100% + var(--ox) + var(--stroke));--by: 50%}.hub-tile[data-slot=br]:before{--bx: calc(0px - var(--ox) - var(--stroke));--by: 50%}.hub-tile[data-slot=wide]:before{--bx: 50%;--by: calc(0px - var(--oy) - var(--stroke))}.hub-tile[data-slot=tl]{justify-content:flex-start;align-items:flex-start;padding-right:calc(var(--pad) + 46px)}.hub-tile[data-slot=tr]{justify-content:flex-start;align-items:flex-end;padding-left:calc(var(--pad) + 46px)}.hub-tile[data-slot=bl]{justify-content:center;align-items:flex-start;padding-right:calc(var(--pad) + 122px)}.hub-tile[data-slot=br]{justify-content:center;align-items:flex-end;padding-left:calc(var(--pad) + 122px)}.hub-tile[data-slot=tr] .hub-tile__top,.hub-tile[data-slot=br] .hub-tile__top{flex-direction:row-reverse}.hub-tile[data-slot=wide]{align-items:center;justify-content:flex-end;--tile: 46px}.hub-tile[data-mode=party] .hub-tile__top{transform:translate(-.5cm)}.hub-tile[data-slot=core]{place-self:center;z-index:3;width:var(--core);height:var(--core);border-radius:50%;padding:20px;gap:4px;align-items:center;justify-content:center;text-align:center}.hub-tile[data-slot=core]:before{border-radius:50%}.hub-tile[data-slot=core] .hub-tile__top{flex-direction:column;gap:8px}.hub-tile[data-mode=classic] .hub-tile__top{flex-direction:column;transform:translateY(calc(5px - .5cm))}.hub-tile[data-slot=core] .hub-tile__name{font-size:22px}.hub-tile[data-slot=core] .hub-tile__state{align-self:center;margin-top:2px}.hub-tile[data-mode=classic] .hub-tile__state{transform:translateY(calc(5px - .5cm))}.hub-tile__link{color:inherit;text-decoration:none}.hub-tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;cursor:pointer}.hub-tile__hitbox{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:4!important;display:block;cursor:pointer}.hub-tile__top{display:flex;align-items:center;gap:12px}.hub-tile .hub-tile__ghost{position:absolute;z-index:0;height:210%;width:auto;max-width:none;pointer-events:none;image-rendering:pixelated;opacity:var(--ghost-alpha, .16);filter:brightness(0) invert(var(--ghost-invert, 1))}.hub-tile[data-slot=tl] .hub-tile__ghost{right:-6%;bottom:-70%}.hub-tile[data-slot=tr] .hub-tile__ghost{left:-6%;bottom:-70%}.hub-tile[data-slot=bl] .hub-tile__ghost{right:-4%;top:-55%;height:190%}.hub-tile[data-slot=br] .hub-tile__ghost{left:-4%;top:-55%;height:190%}.hub-tile[data-slot=wide] .hub-tile__ghost{right:4%;top:-60%;height:220%}.hub-tile[data-mode=geo] .hub-tile__ghost{right:calc(-4% - 2cm)}.hub-tile[data-slot=core] .hub-tile__ghost{height:120%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.13}.hub-tile[data-mode=classic] .hub-tile__ghost{height:90%;left:62%}.hub-tile[data-mode=party] .hub-tile__ghost{--ghost-invert: 0;--ghost-alpha: .14}.hub-tile[data-mode=geo] .hub-tile__ghost{height:130%;top:-18%;left:30%;right:auto}.hub-tile[data-mode=sound] .hub-tile__ghost{height:130%;top:-18%;right:-4%;left:auto}.hub-tile .hub-tile__versus{position:absolute;z-index:0;bottom:-22px;height:132%;width:auto;max-width:none;pointer-events:none;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.hub-tile .hub-tile__versus[data-side=left]{left:14px;transform:scaleX(-1)}.hub-tile .hub-tile__versus[data-side=right]{right:14px}.hub-tile__plate{width:var(--tile);height:var(--tile);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hub-tile__plate img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.hub-tile[data-mode=sound] .hub-tile__plate img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;filter:contrast(1.35) drop-shadow(0 2px 2px rgba(0,0,0,.45))}.hub-tile__name{font-family:var(--font-body);font-weight:800;font-size:21px;line-height:1.05;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin:0;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.hub-tile[data-slot=wide] .hub-tile__name{font-size:24px}.hub-blurb{display:flex;align-items:baseline;gap:10px;min-height:60px;width:100%;margin:56px auto 0;padding:12px 16px;border-style:solid;border-width:6px 8px;-o-border-image:url(/ui/frame.png) 6 8 stretch;border-image:url(/ui/frame.png) 6 8 fill stretch;image-rendering:pixelated}.hub-blurb__mode{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--hue-deep);flex-shrink:0}.hub-blurb[data-mode=classic]{--hue-deep: var(--mode-classic)}.hub-blurb[data-mode=weakness]{--hue-deep: var(--mode-weakness)}.hub-blurb[data-mode=rank]{--hue-deep: var(--mode-rank)}.hub-blurb[data-mode=geo]{--hue-deep: var(--mode-geo)}.hub-blurb[data-mode=sound]{--hue-deep: var(--mode-sound)}.hub-blurb[data-mode=party]{--hue-deep: var(--mode-party)}.hub-blurb--empty{visibility:hidden}@media(hover:none){.hub-blurb--empty{display:none}}.hub-blurb__text{font-size:14px;color:#2c2c28;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hub-tile__state{position:absolute;top:12px;z-index:2;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.hub-tile__state--done{background:#fff;color:var(--ok)}.hub-tile__state--new{display:none}@media(max-width:720px){.hub-tile__state--new{display:grid;place-items:center;top:8px;width:48px;height:48px;padding:0;border-radius:0;background:var(--tab-red);color:#fff;font-size:9px;letter-spacing:.06em;transform:rotate(-9deg);clip-path:var(--burst-shape)}}.hub-burst{place-self:start end;z-index:5;margin:-14px -14px 0 0;pointer-events:none;display:grid;place-items:center;width:52px;height:52px;background:var(--tab-red);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-9deg);clip-path:var(--burst-shape)}.hub-tile[data-slot=tl] .hub-tile__state,.hub-tile[data-slot=tr] .hub-tile__state,.hub-tile[data-slot=br] .hub-tile__state,.hub-tile[data-slot=wide] .hub-tile__state{right:16px}.hub-tile[data-slot=bl] .hub-tile__state{left:16px}.hub-tile[data-slot=core] .hub-tile__state{position:static}@media(max-width:720px){.hub-grid{grid-template-columns:1fr;grid-template-rows:none}.hub-burst{display:none}.hub-tile[data-slot]{grid-area:auto;border-radius:var(--radius);padding:var(--pad);justify-content:flex-start;align-items:stretch;--tile: 58px;-webkit-mask:none;mask:none}.hub-tile[data-slot]:before{border-radius:calc(var(--radius) - var(--stroke));-webkit-mask:none;mask:none}.hub-tile[data-slot=core]{place-self:auto;width:auto;height:auto;text-align:left;align-items:stretch;order:-1}.hub-tile[data-slot=core] .hub-tile__top{flex-direction:row;gap:12px}.hub-tile[data-mode=classic] .hub-tile__top{flex-direction:column}.hub-tile[data-slot=tr] .hub-tile__top,.hub-tile[data-slot=br] .hub-tile__top{flex-direction:row}.hub-tile[data-slot=core] .hub-tile__name{font-size:19px}.hub-tile[data-slot=core] .hub-tile__state{align-self:flex-start}}.mode-rail{display:flex;border-bottom:2px solid var(--rule-strong)}.rail-item{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 4px;background:var(--hue);text-decoration:none;filter:saturate(.55) brightness(.82);transition:filter .12s,transform .12s}.rail-item:hover{filter:none}.rail-item[data-active]{filter:none;box-shadow:inset 0 -4px 0 var(--ink)}.rail-item img{width:auto;height:auto;max-width:none;display:block;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.rail-item__done{position:absolute;top:3px;right:5px;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(prefers-reduced-motion:reduce){.rail-item{transition:none}}@media(max-width:640px){.mode-rail{position:fixed;left:0;right:0;bottom:0;z-index:40;border-bottom:none;border-top:2px solid var(--rule-strong);padding-bottom:env(safe-area-inset-bottom,0)}.rail-item{padding:11px 4px}.rail-item[data-active]{box-shadow:inset 0 4px 0 var(--ink)}body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}body:has(:is(input:not([type]),input[type=text],input[type=search],textarea):focus) .mode-rail{display:none}}.submode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);max-width:600px;margin:0 auto;width:100%}@media(max-width:560px){.submode-grid{grid-template-columns:1fr}}.submode-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center;text-decoration:none;background:color-mix(in oklch,var(--surface) var(--card-bg-opacity),transparent);border:2px solid var(--rule-strong);border-radius:4px;transition:background .12s,border-color .12s}.submode-card:hover,.submode-card:focus-visible{background:color-mix(in oklch,var(--surface-2) var(--card-bg-opacity),transparent);border-color:var(--ink)}.submode-card img{display:block;max-width:100%}.submode-card img[data-art=pixel]{width:auto;height:auto;image-rendering:pixelated}.submode-card img[data-art=logo]{height:56px;width:auto;max-width:100%}.submode-card__glyph{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1;color:var(--ink)}.submode-card>img{min-height:56px;-o-object-fit:contain;object-fit:contain}.submode-card__glyph{min-height:56px;display:flex;align-items:center;justify-content:center}.submode-card__name{font-family:var(--font-body);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);margin-bottom:4px}.submode-card__desc{font-size:12px;color:var(--ink-2);line-height:1.4}.submode-card__new{position:absolute;top:-12px;right:-12px;z-index:2;display:grid;place-items:center;width:46px;height:46px;background:var(--tab-red);color:#fff;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-9deg);clip-path:var(--burst-shape)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:50;pointer-events:none;white-space:nowrap;font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.2;color:#2c2c28;padding:5px 8px;border-style:solid;border-width:6px 8px;-o-border-image:url(/ui/frame.png) 6 8 stretch;border-image:url(/ui/frame.png) 6 8 fill stretch;image-rendering:pixelated;opacity:0;transition:opacity .1s ease-out}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}[data-tip][data-tip-place=top]:after{top:auto;bottom:calc(100% + 8px)}[data-tip][data-tip-align=start]:after{left:0;transform:none}[data-tip][data-tip-align=end]:after{left:auto;right:0;transform:none}@media(prefers-reduced-motion:reduce){[data-tip]:after{transition:none}}@media(hover:none){[data-tip]:after{display:none}}.vgc-score{display:grid;grid-template-columns:1fr 1fr}.vgc-score>:first-child{border-right:1px solid var(--rule)}.vgc-ask{text-align:center}.vgc-ask h3{font-size:19px;color:var(--ink);line-height:1.25;margin:0}.vgc-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px}.vgc-vs{position:relative;display:flex;align-items:center;justify-content:center;width:34px}.vgc-vs:before{content:"";position:absolute;top:8px;bottom:8px;width:1px;background:var(--rule)}.vgc-vs span{position:relative;font-family:var(--font-display);font-size:13px;letter-spacing:.06em;color:var(--ink-3);background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:3px 7px}.vgc-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 10px;background:transparent;border:1px solid var(--rule);border-radius:10px;cursor:pointer;transition:border-color .15s,background-color .15s}.vgc-fighter:disabled{cursor:default}.vgc-fighter:not(:disabled):hover{border-color:var(--rule-strong)}.vgc-fighter[data-state=ok]{border-color:var(--ok);background:var(--ok-bg)}.vgc-fighter[data-state=bad]{border-color:var(--bad);background:var(--bad-bg)}.vgc-sprite{width:100%;max-width:150px;aspect-ratio:1;-o-object-fit:contain;object-fit:contain}.vgc-name{font-weight:700;font-size:14px;color:var(--ink);text-transform:capitalize;text-align:center;line-height:1.2}.vgc-types{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;min-height:16px}.vgc-type{font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:999px;color:#fff}.vgc-value{font-family:var(--font-display);font-size:26px;line-height:1.1;min-height:30px;color:var(--ink-3)}.vgc-fighter[data-state=ok] .vgc-value{color:var(--ok)}.vgc-fighter[data-state=bad] .vgc-value{color:var(--bad)}.vgc-foot{text-align:center;font-size:11px;color:var(--ink-3);margin:0}@media(max-width:420px){.vgc-arena{gap:4px}.vgc-vs{width:26px}.vgc-fighter{padding:10px 6px}.vgc-name{font-size:13px}}.board{overflow:visible;display:flex;flex-direction:column}.board>:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.board>:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.board__row{padding:14px 16px;border-bottom:1px solid var(--rule)}.board__row:last-child{border-bottom:none}.board__label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:8px}.board__label--prompt{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-2);margin-bottom:10px}.board__link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);cursor:pointer;transition:background-color .15s}.board__link:hover{background:var(--surface-2)}.board__link strong{font-size:14px}.board__link span{font-size:12px;color:var(--ink-3)}.board__link .board__chev{margin-left:auto;color:var(--ink-3);font-size:18px;line-height:1}.board__foot{padding:14px 16px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}.board__foot .btn-ink{width:100%;justify-content:center}.board__hint{font-size:12px;color:var(--ink-3);text-align:center;margin:0}.board__row--flush{padding:0}.board__row--tight{padding:10px 12px}.board-chips{display:flex;flex-wrap:wrap;gap:8px}.board-seg{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:560px){.board__row,.board__link,.board__foot{padding:12px}.board__row--tight{padding:8px 10px}.board__row--flush{padding:0}}.home-fold{display:flex;flex-direction:column;min-height:calc(100svh - 104px);padding-bottom:24px}.home-ad{max-width:728px;width:100%;min-height:90px;margin:24px auto 0}@media(max-width:759px){.home-ad{min-height:50px}}.next-mode-card{width:100%;margin-bottom:10px;display:flex;align-items:center;gap:12px;padding:11px 14px;text-align:left;cursor:pointer;border:none;border-radius:10px;background:var(--next-accent);background-image:linear-gradient(#00000052,#00000052);box-shadow:0 2px color-mix(in srgb,var(--next-accent) 55%,#000);transition:filter .15s,box-shadow .15s,transform .15s}.next-mode-card:hover{filter:brightness(1.08)}.next-mode-card:active{transform:translateY(2px);box-shadow:0 0 color-mix(in srgb,var(--next-accent) 55%,#000)}.next-mode-card__icon{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;padding:3px;border-radius:8px;background:#ffffffeb}.next-mode-card__text{display:flex;flex-direction:column;gap:1px;min-width:0}.next-mode-card__kicker{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7}.next-mode-card__label{font-size:15px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font-family:var(--font-display);font-size:13px;font-weight:700;color:#fff;background:var(--tab-red);border:1.5px solid var(--tab-red);border-radius:6px;cursor:pointer;transition:filter .15s,transform .15s}.map-back:hover{filter:brightness(1.08)}.map-back:active{transform:translateY(1px)}.map-back__arrow{font-size:14px;line-height:1}.map-back__region{font-family:var(--font-display);font-weight:600;font-size:12px;color:#ffffffd1;padding-left:8px;border-left:1px solid rgba(255,255,255,.35)}
