.hp-page{gap:var(--sp-6);padding-bottom:var(--sp-8);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hp-page>*{min-width:0}.hp-page [hidden]{display:none!important}.hp-page .lede{max-width:var(--reading-max);color:var(--ink-2);font-size:var(--fs-md);margin:0}.hp-title{margin-bottom:calc(var(--sp-6) * -1 + var(--sp-2))}.hp-page .card{overflow:visible}.hp-page .card>*{z-index:3;position:relative}.hp-finder{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);display:grid}.hp-controls{gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;align-items:flex-end;display:flex}.hp-lab{font:600 var(--fs-xs) var(--font-ui);color:var(--gold-text);gap:4px;display:grid}.hp-field{min-height:42px;padding:0 var(--sp-4);font:500 var(--fs-md) var(--font-ui);color:var(--ink);background:var(--surface-2);border:1px solid var(--edge-mid);border-radius:var(--radius-btn);box-sizing:border-box}.hp-field::placeholder{color:var(--muted-text)}.hp-search{flex:13rem}.hp-lvcard{align-items:center;gap:var(--sp-4);display:flex}.hp-lvcard .hp-hint{max-width:none;margin-top:var(--sp-1);padding:0}.hp-biglv{flex:none}.hp-biglv .hp-level{width:6.5rem;font-family:var(--font-head);font-size:var(--fs-xl);text-align:center;padding-block:6px}.hp-level{width:5.5rem}.hp-hint{max-width:11rem;font-size:var(--fs-xs);color:var(--muted-text);margin:0;padding-bottom:11px;line-height:1.3}.hp-src{font-size:var(--fs-xs);color:var(--gold-text);box-shadow:inset 0 0 0 1px var(--edge-mid);border-radius:4px;padding:0 6px;font-weight:600;text-decoration:none;display:inline-block}select.hp-field{min-width:9.5rem}.hp-seg{border-radius:var(--radius-btn);box-shadow:inset 0 0 0 1px var(--edge-mid);display:inline-flex;overflow:hidden}.hp-seg button{min-height:42px;font:600 var(--fs-md) var(--font-ui);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 16px}.hp-seg button.is-on{color:var(--ink);background:color-mix(in srgb, var(--gold) 16%, transparent)}.hp-status{align-items:baseline;gap:var(--sp-2) var(--sp-4);color:var(--ink-2);flex-wrap:wrap;margin:0;display:flex}.hp-status b{color:var(--gold-hi);font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg)}.hp-link{font:inherit;color:var(--gold-text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hp-strip{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.hp-strip-h{align-items:baseline;gap:var(--sp-1) var(--sp-3);font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);color:var(--ink);flex-wrap:wrap;margin:0;display:flex}.hp-strip-h span{font:500 var(--fs-sm) var(--font-ui);color:var(--muted-text)}.hp-strip-row{gap:var(--sp-3);padding:2px 2px var(--sp-2);scroll-snap-type:x proximity;display:flex;overflow-x:auto}.hp-pick{scroll-snap-align:start;column-gap:var(--sp-3);min-width:11rem;padding:var(--sp-3) var(--sp-4);color:var(--ink);background:var(--surface-2);border-radius:var(--radius-card,10px);box-shadow:inset 0 0 0 1px var(--edge-mid);flex:none;grid-template-columns:36px auto;align-items:center;text-decoration:none;display:grid}.hp-pick:hover,.hp-pick:focus-visible{box-shadow:inset 0 0 0 1px var(--gold)}.hp-pick img{border-radius:6px;grid-row:1/span 2;width:36px;height:36px}.hp-pick b{font-weight:600;font-size:var(--fs-md)}.hp-pick small{font-size:var(--fs-xs);color:var(--muted-text)}.hp-pick.is-rare b{color:var(--q-rare)}.hp-grid{gap:var(--sp-3);scroll-margin-top:calc(var(--header-h,64px) + var(--sp-3));grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));display:grid}.hp-tile{gap:var(--sp-3);padding:var(--sp-3);background:var(--surface-2);border-radius:var(--radius-card,10px);box-shadow:inset 0 0 0 1px var(--edge-mid);scroll-margin-top:calc(var(--header-h,64px) + var(--sp-3));transition:box-shadow .15s;display:grid;position:relative}.hp-tile:hover{box-shadow:inset 0 0 0 1px var(--gold);z-index:4}.hp-tile.is-open{box-shadow:inset 0 0 0 2px var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface-2))}.hp-tile.is-dim{opacity:.5}.hp-tile-open{column-gap:var(--sp-3);row-gap:var(--sp-2);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);align-items:center;padding:0;display:grid}.hp-tile-open:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.hp-tile-icon{width:44px;height:44px;box-shadow:0 0 0 1px var(--edge-mid);border-radius:8px}.hp-tile-name{font-family:var(--font-head);font-size:var(--fs-lg);color:var(--gold-hi);line-height:1.1;display:block}.hp-tile-sub{font-size:var(--fs-sm);color:var(--muted-text);margin-top:2px;display:block}.hp-tile-sub b{color:var(--ink-2);font-weight:600}.hp-eats{font-size:var(--fs-xs);color:var(--muted-text);align-items:center;gap:6px;display:flex}.hp-ics{flex-wrap:wrap;gap:4px;display:flex}.hp-ic{cursor:help;background:0 0;border:0;border-radius:5px;width:26px;height:26px;padding:0;display:block;position:relative}.hp-ic img{width:100%;height:100%;box-shadow:0 0 0 1px var(--edge-mid);border-radius:5px;display:block}.hp-ic:hover img,.hp-ic:focus-visible img{box-shadow:0 0 0 2px var(--gold)}.hp-ic:focus-visible{outline:none}.hp-ic.is-new:after{content:"";background:var(--new);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;position:absolute;top:-3px;right:-3px}.hp-ics.is-diet .hp-ic,.hp-ics.is-diet .hp-ic img{border-radius:50%;width:20px;height:20px}.hp-ics.is-diet{opacity:.9}.hp-can{font-size:var(--fs-xs);color:var(--muted-text);margin-top:-4px}.hp-can b{color:var(--gold-hi);font-weight:700}.hp-panels{gap:var(--sp-4);display:grid}.hp-results-h{font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);color:var(--ink);margin:0}.hp-panel{gap:var(--sp-4);padding:var(--sp-5);scroll-margin-top:calc(var(--header-h,64px) + var(--sp-3));display:grid}.hp-p-head{align-items:center;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;display:flex}.hp-p-id{align-items:center;gap:var(--sp-3);margin-right:auto;display:flex}.hp-p-id img{width:52px;height:52px;box-shadow:0 0 0 1px var(--edge-mid);border-radius:9px}.hp-p-h{font-family:var(--font-head);font-weight:400;font-size:var(--fs-xl);color:var(--gold-hi);margin:0;line-height:1.1}.hp-p-sub{font-size:var(--fs-sm);color:var(--muted-text);margin:2px 0 0}.hp-newtag{color:var(--new);font-weight:600}.hp-close{min-height:36px;font:600 var(--fs-sm) var(--font-ui);color:var(--ink-2);border-radius:var(--radius-btn);box-shadow:inset 0 0 0 1px var(--edge-mid);cursor:pointer;background:0 0;border:0;padding:0 14px}.hp-p-kit{gap:var(--sp-2) var(--sp-6);flex-wrap:wrap;align-items:flex-start;display:flex}.hp-lost{font-size:var(--fs-xs);color:var(--muted-text);align-self:end;margin:0}.hp-lost s{color:var(--ink-2)}.hp-cites{font-size:var(--fs-xs);color:var(--muted-text);margin:0;line-height:1.4}.hp-cites a{color:var(--muted-text)}.hp-zones{columns:3 15rem;column-gap:var(--sp-6)}.hp-zone{break-inside:avoid;margin:0 0 var(--sp-4)}.hp-zone-h{margin:0 0 var(--sp-2);font:700 var(--fs-sm) var(--font-ui);color:var(--gold-text);border-bottom:1px solid var(--edge-mid);justify-content:space-between;padding-bottom:4px;display:flex}.hp-zone-h span{color:var(--muted-text);font-weight:500}.hp-note{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--muted-text)}.hp-chips{flex-wrap:wrap;gap:6px;display:flex}.hp-chip{min-height:30px;font:500 var(--fs-sm) var(--font-ui);color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge-mid);scroll-margin-top:calc(var(--header-h,64px) + var(--sp-6));border-radius:999px;align-items:center;gap:6px;padding:5px 10px;text-decoration:none;display:inline-flex;position:relative}.hp-chip:hover,.hp-chip:focus-visible,.hp-chip.is-landed{box-shadow:inset 0 0 0 1px var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface-2));outline:none}.hp-chip em{font-style:normal;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--muted-text)}.hp-chip.is-rare{color:var(--q-rare)}.hp-chip.is-rare:before{content:"";background:var(--q-rare);border-radius:50%;flex:none;width:7px;height:7px}.hp-chip .n{font-size:var(--fs-xs);color:var(--new);font-weight:700}.hp-more,.hp-empty{font-size:var(--fs-sm);color:var(--muted-text);margin:0}.hp-empty{color:var(--ink-2);font-size:var(--fs-md)}.hp-panels.is-results .hp-close,.hp-panels.is-results .hp-p-kit,.hp-panels.is-results .hp-cites{display:none}.hp-panels.is-results .hp-p-id img{border-radius:6px;width:28px;height:28px}.hp-panels.is-results .hp-p-h{font-size:var(--fs-lg)}.hp-panels.is-results .hp-panel{padding:var(--sp-4) var(--sp-5);gap:var(--sp-3)}.hp-foot{font-size:var(--fs-sm);color:var(--muted-text);margin:0}.hp-page .about-faq{margin-top:var(--sp-2)}.hp-tip{z-index:1000;pointer-events:none;width:18rem;max-width:calc(100vw - 24px);display:none;position:absolute}.hp-tip.is-on{display:block}.hp-tip p{margin:2px 0}.hp-tip .hp-tip-note{color:var(--note-ink);opacity:.85;font-size:var(--fs-sm)}.hp-mark{font-size:var(--fs-xs);opacity:.8;border-radius:4px;margin-top:4px;padding:0 6px;font-weight:600;display:inline-block;box-shadow:inset 0 0 0 1px}.hp-mark.is-new{color:var(--new);opacity:1}@media (width<=720px){.hp-finder{padding:var(--sp-4)}.hp-controls{grid-template-columns:1fr 1fr;display:grid}.hp-search,.hp-seg{grid-column:1/-1}.hp-lvcard{align-items:flex-start;gap:var(--sp-3)}.hp-hint{max-width:none}select.hp-field{width:100%;min-width:0}.hp-seg{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.hp-grid{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr))}.hp-tile{padding:var(--sp-3)}.hp-tile-open{column-gap:var(--sp-2);grid-template-columns:36px minmax(0,1fr)}.hp-tile-icon{width:36px;height:36px}.hp-tile-name{font-size:var(--fs-md)}.hp-ic{width:22px;height:22px}.hp-ics.is-diet .hp-ic,.hp-ics.is-diet .hp-ic img{width:18px;height:18px}.hp-panel{padding:var(--sp-4)}.hp-zones{columns:1}}.hp-cap{margin:var(--sp-2) 0 0;color:var(--ink-2);font-size:var(--fs-sm);max-width:var(--reading-max)}.hp-hero{gap:var(--sp-4);margin:var(--sp-5) 0 var(--sp-6);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;display:grid}.hp-hero .hp-finder{margin:0}.hp-cap{font-family:var(--font-head);font-size:var(--fs-lg);color:var(--ink);max-width:none;margin:0}.hp-cap b{font-family:var(--font-body);color:var(--gold-hi)}.hp-howto{padding:var(--sp-4) var(--sp-5)}.hp-howto-h{margin:0 0 var(--sp-3);font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);color:var(--gold-hi)}.hp-howto-list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.hp-howto-list li{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2);line-height:var(--lh-body);align-items:flex-start;display:flex}.hp-howto-ic{box-shadow:0 0 0 1px var(--edge-mid);border-radius:6px;flex:none}.hp-sec-lede{margin:var(--sp-2) 0 var(--sp-4);color:var(--ink-2);font-size:var(--fs-sm);max-width:var(--reading-max)}.hp-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.hp-tile{padding:var(--sp-4);gap:var(--sp-2)}.hp-tile-open{grid-template-columns:52px minmax(0,1fr)}.hp-tile-icon{border-radius:10px;width:52px;height:52px}.hp-sig{align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--edge-lo);font-size:var(--fs-sm);color:var(--ink-2);display:flex}.hp-dot{background:var(--gold);border-radius:50%;flex:none;width:7px;height:7px}.hp-p-cols{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid}.hp-col-h{margin:0 0 var(--sp-3);font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);color:var(--gold-hi)}.hp-ab-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.hp-ab{gap:var(--sp-3);align-items:flex-start;display:flex}.hp-ab>.hp-ic,.hp-ab>.hp-ic img{border-radius:7px;flex:0 0 40px;width:40px;height:40px}.hp-ab.is-own{padding:var(--sp-3);background:color-mix(in srgb, var(--gold) 5%, transparent);box-shadow:inset 0 0 0 1px var(--edge-mid);border-radius:12px}.hp-ab-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.hp-ab-name{align-items:center;gap:var(--sp-2);color:var(--ink);flex-wrap:wrap;font-weight:700;display:flex}.hp-tag{font-size:var(--fs-xs);color:var(--gold-hi);padding:0 var(--sp-2);box-shadow:inset 0 0 0 1px var(--edge-mid);border-radius:999px;font-weight:600}.hp-tag.is-new{color:var(--new);box-shadow:inset 0 0 0 1px var(--new)}.hp-ab-what{font-size:var(--fs-sm);color:var(--ink-2)}.hp-ab-rank,.hp-ab-learn{font-size:var(--fs-xs);color:var(--muted-text)}.hp-eats-line{margin:var(--sp-4) 0 0;font-size:var(--fs-sm);color:var(--ink-2)}.hp-p-col .hp-zones{columns:2 13rem}.hp-changes{margin-top:var(--sp-6)}.hp-chg-grid{gap:var(--sp-4);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.hp-chg{padding:var(--sp-4);gap:var(--sp-2);align-content:start;display:grid}.hp-chg-h{font-family:var(--font-head);font-weight:400;font-size:var(--fs-md);color:var(--gold-hi);margin:0}.hp-chg p{color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-body);margin:0}.hp-chg a{font-size:var(--fs-xs);color:var(--muted-text)}@media (width<=820px){.hp-hero,.hp-p-cols{grid-template-columns:minmax(0,1fr)}.hp-p-col .hp-zones{columns:1}}.hp-sig .hp-ic.is-new:after{content:none}.hp-rail .hp-sec-lede,.hp-hero{margin:0}.hp-rail{margin-top:0}@media (width<=720px){.hp-lvcard .hp-cap{font-size:var(--fs-md)}}
