:root{--bg:#f1f4f1;--surface:#fff;--ink:#17201b;--muted:#5d6963;--line:#d9e0db;--accent:#2c6a52;--accent-soft:#2c6a521f;--tile:#e6ebe7;--mono-filter:none;--mono-filter-on-ink:invert(1);--el-fire:#e03131;--el-water:#1c7ed6;--el-thunder:#f59f00;--el-ice:#22b8cf;--el-dragon:#9c1f4a;--el-poison:#9c36b5;--el-paralysis:#a5a81b;--el-sleep:#4c6ef5;--el-blast:#f76707;--font-display:"Black Han Sans", "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--step--1:.8125rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.375rem;--step-3:2.25rem;--bar-h:56px;--radius:10px}:root:lang(ja){--font-body:system-ui, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-display:var(--font-body)}:root:lang(zh-Hant){--font-body:system-ui, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--font-display:var(--font-body)}:root:lang(ja) :is(.wordmark,.hero h1),:root:lang(zh-Hant) :is(.wordmark,.hero h1){font-weight:800}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101512;--surface:#18201c;--ink:#e3eae5;--muted:#98a69e;--line:#2a3430;--accent:#6cc3a0;--accent-soft:#6cc3a024;--tile:#232c27;--mono-filter:invert(1);--mono-filter-on-ink:none;--el-dragon:#d64575;--el-water:#4dabf7;--el-sleep:#748ffc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#101512;--surface:#18201c;--ink:#e3eae5;--muted:#98a69e;--line:#2a3430;--accent:#6cc3a0;--accent-soft:#6cc3a024;--tile:#232c27;--mono-filter:invert(1);--mono-filter-on-ink:none;--el-dragon:#d64575;--el-water:#4dabf7;--el-sleep:#748ffc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);word-break:keep-all;overflow-wrap:break-word;margin:0;line-height:1.55}:root:lang(ja) body,:root:lang(zh-Hant) body{word-break:normal;line-break:strict}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:640px;min-height:100vh;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.topbar{top:env(safe-area-inset-top,0px);z-index:10;height:var(--bar-h);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-inline:16px;display:flex;position:sticky}.topbar .title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.wordmark{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:.01em;font-weight:400}.back{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-10px;display:inline-flex}.back:active{background:var(--accent-soft)}.grade-button{border:1px solid var(--line);background:var(--surface);height:36px;font-size:var(--step--1);border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-weight:600;display:inline-flex}.page{gap:24px;padding-block:20px 8px;padding-inline:16px;display:grid}.page,.section,.hero{grid-template-columns:minmax(0,1fr)}.tabbar{z-index:10;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.tabbar nav{max-width:640px;height:var(--bar-h);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.tabbar a{color:var(--muted);font-weight:600;font-size:var(--step--1);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.tabbar a.active{color:var(--ink)}.tabbar a.active svg{color:var(--accent)}h1,h2,h3{text-wrap:balance;margin:0}.page-title{font-size:var(--step-2);font-weight:700;line-height:1.3}.section{gap:12px;display:grid}.section-head{gap:2px;display:grid}.section-head h2{font-size:var(--step-1);font-weight:700}.section-head p,.note{color:var(--muted);font-size:var(--step--1);margin:0}.el{--c:var(--muted);background:color-mix(in srgb, var(--c) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--c) 40%, transparent);font-size:var(--step--1);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-weight:600;line-height:1.6;display:inline-flex}.el.lg{font-size:var(--step-0);gap:6px;padding:4px 14px 4px 8px}.el-none{padding-left:10px}.el-FIRE{--c:var(--el-fire)}.el-WATER{--c:var(--el-water)}.el-THUNDER{--c:var(--el-thunder)}.el-ICE{--c:var(--el-ice)}.el-DRAGON{--c:var(--el-dragon)}.el-POISON{--c:var(--el-poison)}.el-PARALYSIS{--c:var(--el-paralysis)}.el-SLEEP{--c:var(--el-sleep)}.el-BLAST{--c:var(--el-blast)}.el-none{--c:var(--muted)}.el-row{flex-wrap:wrap;gap:6px;display:flex}.img{object-fit:contain;vertical-align:middle;flex:none;display:inline-block}.img.mono{filter:var(--mono-filter);opacity:.85}.chip[aria-pressed=true] .img.mono{filter:var(--mono-filter-on-ink);opacity:1}.img.tile{background:var(--tile);box-sizing:border-box;border-radius:10px;padding:3px}.origin{color:var(--muted);font-size:var(--step--1);align-items:center;gap:4px;text-decoration:none;display:inline-flex}a.origin{color:var(--ink);font-size:inherit}.chips{scrollbar-width:none;gap:8px;margin-inline:-16px;padding-block:2px;padding-inline:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}@media (hover:hover) and (pointer:fine){.chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.chip{border:1px solid var(--line);background:var(--surface);height:36px;font-size:var(--step--1);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.segmented{background:var(--line);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:start;gap:3px;padding:3px;display:inline-grid}.segmented button{height:32px;font-size:var(--step--1);color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 14px;font-weight:600}.segmented .segment-link{height:32px;font-size:var(--step--1);color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.segmented .segment-link[aria-selected=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.search{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface) no-repeat 14px 50% / 18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a958f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");width:100%;height:48px;padding:0 16px 0 44px}.search::placeholder{color:var(--muted)}.list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line)}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 4px;text-decoration:none;display:flex}.row:active{background:var(--accent-soft)}.row .body{flex:1;gap:4px;min-width:0;display:grid}.row .name{font-weight:600;font-size:var(--step-0)}.row .sub{color:var(--muted);font-size:var(--step--1)}.row .chev{color:var(--muted);flex:none}.stats{font-size:var(--step--1);color:var(--muted);text-align:right;flex:none;justify-items:end;gap:2px;display:grid}.stats>span{align-items:center;gap:4px;display:inline-flex}.defense{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.grades th .img{margin-right:2px}.stats b{color:var(--ink);font-size:var(--step-0);font-weight:600}.stats .stat-label{font-size:var(--step--1)}.stats.with-expected>span:not(.expected) b{color:var(--muted);font-size:var(--step--1);font-weight:500}.stats .not-counted{opacity:.55}.stats .not-counted b{text-decoration:line-through}.more{color:var(--accent);font-weight:600;font-size:var(--step--1);background:0 0;border:0;justify-self:start;padding:8px 0}.empty{color:var(--muted);margin:0;padding:8px 0}.hero{gap:16px;padding-bottom:4px;display:grid}.hero .cover{aspect-ratio:16/10;object-fit:cover;background:var(--tile);border-radius:14px;width:100%;height:auto}.hero-title{align-items:center;gap:12px;display:flex}.hero-title h1{min-width:0}.habitats{flex-wrap:wrap;gap:4px 14px;display:flex}.habitats span{align-items:center;gap:4px;display:inline-flex}.item-hero{align-items:center;gap:16px;display:flex}.item-hero h1{min-width:0}.section-title{font-size:var(--step-1);font-weight:700}.looks{flex-wrap:wrap;gap:12px;display:flex}.looks figure{justify-items:center;gap:6px;margin:0;display:grid}.looks figcaption{font-size:var(--step--1);color:var(--muted)}.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem, 9vw, var(--step-3));letter-spacing:.01em;line-height:1.1}.facts{grid-template-columns:max-content 1fr;align-items:center;gap:10px 16px;margin:0;display:grid}.facts dt{color:var(--muted);font-size:var(--step--1)}.facts dd{min-width:0;margin:0}.list>li.pick-row{align-items:center;display:flex}.list>li.pick-row>.row{flex:1;min-width:0}@media (width<=359px){.row .img.tile{width:40px;height:40px}.row{gap:10px}}.icon-link{width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-link:active{background:var(--accent-soft)}.pick{position:relative}.pick .mark{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.pick[aria-pressed=true] .mark{border-color:var(--accent);background:var(--accent)}.pick[aria-pressed=true] .mark:after{content:"";background:var(--surface);border-radius:50%;width:8px;height:8px}.group-label{font-size:var(--step--1);color:var(--muted);padding-top:4px;font-weight:600}.chips>.group-label{flex-basis:100%;padding-top:0}.target{background:var(--accent-soft);height:36px;font-size:var(--step--1);border:1px solid #0000;border-radius:999px;align-items:center;gap:2px;padding:0 4px 0 12px;font-weight:600;display:inline-flex}.target button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.target button:disabled{opacity:.35}.target-stepper{align-items:center;margin-left:2px;display:inline-flex}.target-stepper button{width:26px;height:26px}.add-skill{color:var(--accent);border-style:dashed}.target.excluded{background:var(--line);color:var(--muted)}.sets{gap:12px;display:grid}.set{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px 16px;display:grid}.set header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.set-facts{font-size:var(--step--1);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 10px;display:inline-flex}.gain{color:var(--accent);white-space:nowrap;font-weight:700}.set h3{font-size:var(--step-0);white-space:nowrap;font-weight:700}.meters{gap:6px;display:grid}.meter{font-size:var(--step--1);grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.pips{gap:3px;display:inline-flex}.pips i{background:var(--line);border-radius:3px;width:14px;height:6px}.pips i.on{background:var(--accent)}.pips i.drift{background:color-mix(in srgb, var(--accent) 40%, var(--line))}.meter.off .pips i.on{background:var(--muted);opacity:.5}.extras{border-top:1px solid var(--line);font-size:var(--step--1);gap:4px;padding-top:10px;display:grid}.extras ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.extras a{text-decoration:none}.pieces{border-top:1px solid var(--line);gap:8px;margin:0;padding:12px 0 0;list-style:none;display:grid}.pieces li{font-size:var(--step--1);grid-template-columns:36px 1fr auto;align-items:center;gap:8px;display:grid}.piece-actions{gap:4px;display:grid}.mini{border:1px solid var(--line);background:var(--surface);height:28px;font-size:var(--step--1);color:var(--muted);border-radius:999px;padding:0 10px;font-weight:600}.mini[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pieces .piece{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.pieces .piece-body{min-width:0;display:grid}.pieces .piece-name{font-weight:600}.pieces .part,.pieces .skills{color:var(--muted)}.pieces .skills b{color:var(--ink);font-weight:600}.pieces .drift-slots b{color:var(--accent)}.pieces .drift-skill .stones{white-space:nowrap;margin-left:2px}.row .stones{white-space:nowrap}.row .stones .img,.pieces .drift-skill .img{vertical-align:-3px}.level-row{align-items:baseline}.level-row b{white-space:nowrap;flex:none;min-width:40px}.table-wrap{overflow-x:auto}table.grades{border-collapse:collapse;width:100%;font-size:var(--step--1)}.grades th{text-align:right;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 6px;font-weight:600}.grades th:first-child,.grades td:first-child{text-align:left}.grades td{text-align:right;font-variant-numeric:tabular-nums;padding:10px 6px 2px}.grades tr.skills-row td{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:0 6px 10px}.grades tr.current td{background:var(--accent-soft)}.grades tr.current td:first-child{font-weight:700}dialog.sheet{background:var(--surface);width:100%;max-width:640px;max-height:85vh;color:var(--ink);border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0}dialog.sheet::backdrop{background:#00000073}.sheet-inner{padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));gap:16px;display:grid}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{font-size:var(--step-1)}.close{background:var(--bg);border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.grade-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.grade-grid button{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);height:48px;font-weight:700;font-size:var(--step-1)}.grade-grid button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.language-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.language-list a{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:flex}.language-list a[aria-current=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.skill-list{gap:16px;max-height:50vh;display:grid;overflow-y:auto}.skill-list h3{font-size:var(--step--1);color:var(--muted);margin-bottom:4px;font-weight:600}.picker-list{max-height:55vh;overflow-y:auto}.picker-list .name .tag{vertical-align:1px;margin-left:6px}.picker-list .pick[aria-pressed=true]{background:var(--accent-soft)}.loading,.error{text-align:center;color:var(--muted);padding:48px 16px}@media (prefers-reduced-motion:no-preference){dialog.sheet[open]{animation:.18s ease-out sheet-up}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}}}.tag{line-height:1.6;font-size:var(--step--1);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.style-card{border-radius:var(--radius);background:var(--accent-soft);gap:6px;padding:12px 14px;display:grid}.style-card p{margin:0}.style-card a,.style-notes a{color:var(--accent);white-space:nowrap;font-weight:600}.style-card a svg{vertical-align:-2px}.style-notes{gap:8px;display:grid}.style-notes ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.style-notes li{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);gap:8px;padding:12px 14px;display:grid}.style-notes li p{font-size:var(--step--1);margin:0}.style-notes .chip{height:32px;padding:0 12px}.style-notes .chip[aria-pressed=false]{color:var(--accent);border-style:dashed}.ammo-icon{background:color-mix(in srgb, var(--c) 55%, var(--surface));border-radius:6px;flex:none;place-items:center;padding:2px;display:inline-grid}.ammo-icon.el-none{--c:var(--line);padding:2px}.ammo{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.ammo-line{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;gap:4px 12px;display:flex}.ammo-line .num{color:var(--ink);font-weight:600}.ammo-table .ammo{font-weight:600}.target-level{color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.style-card details{margin-top:6px}.style-card summary{cursor:pointer}.source-list{gap:4px;margin:6px 0 0;padding-left:18px;display:grid}.source-list a{white-space:normal}.source-list .muted{white-space:nowrap}.spec-line{font-size:var(--step--1);gap:2px;display:grid}.spec-line .img{vertical-align:-2px;margin-right:3px}.spec-label{color:var(--muted);white-space:nowrap;margin-right:4px}.spec-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.facts dd.origin{color:var(--ink);font-size:inherit}.kinsect{align-items:center;gap:10px;display:flex}.chip .chip-sub{color:var(--muted);font-weight:400}.chip[aria-pressed=true] .chip-sub{color:inherit;opacity:.75}.icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:active{background:var(--accent-soft)}.toast{left:50%;bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 16px);z-index:30;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);font-size:var(--step--1);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-weight:600;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,8px)}.toast[data-show=true]{opacity:1;transform:translate(-50%)}.piece-name .tag{vertical-align:1px;margin-left:6px}