:root{--paper:#f6efe1;--paper-2:#efe4cf;--paper-3:#e4d3b4;--card:#fffaf0;--ink:#2b2230;--ink-soft:#6a5a63;--ink-faint:#a8998f;--shu:#d9412b;--shu-dark:#a92f1e;--ai:#2f4b7c;--matcha:#6f8f3f;--kin:#d9a21b;--sakura:#f2a7b5;--sora:#8fc3e6;--good:#3f8f5a;--bad:#c0392b;--shadow:0 2px 0 #2b22301f, 0 8px 18px #2b22301a;--radius:16px 18px 15px 19px;--gutter:16px;--hud-top:max(8px, env(safe-area-inset-top));--hud-row:38px;--stage-h:46vh;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", system-ui, sans-serif;--font-title:"Yusei Magic", "Zen Maru Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#785a320d 1px,#0000 1px),radial-gradient(#785a3209 1px,#0000 1px);background-position:0 0,3px 5px;background-size:7px 7px,13px 13px;font-size:15px;font-weight:500;line-height:1.6}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--ai)}:focus-visible{outline:3px solid var(--kin);outline-offset:2px}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:400;line-height:1.3}p{margin:0 0 .6em}.num{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.dim{color:var(--ink-soft)}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.db-head{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--paper-3);background:#f6efe1f0;position:sticky;top:0}.db-title{padding:max(8px, env(safe-area-inset-top)) var(--gutter) 4px;justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:0 auto;display:flex}.db-logo{color:var(--ink);align-items:baseline;gap:8px;min-width:0;text-decoration:none;display:flex}.db-logo-main{font-family:var(--font-title);white-space:nowrap;font-size:20px}.db-logo-sub{color:var(--shu);white-space:nowrap;font-size:13px;font-weight:700}.db-tools{flex:none;align-items:center;gap:10px;display:flex}.switch{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.switch input{width:18px;height:18px;accent-color:var(--shu);margin:0}.to-game{background:var(--shu);color:#fff8ec;white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700;text-decoration:none}.db-nav{padding:4px var(--gutter) 8px;scrollbar-width:none;gap:4px;max-width:1240px;margin:0 auto;display:flex;overflow-x:auto}.db-nav::-webkit-scrollbar{display:none}.db-tab{color:var(--ink);border:2px solid var(--paper-3);background:var(--card);border-radius:999px;flex:none;padding:4px 14px;font-size:14px;font-weight:700;text-decoration:none}.db-tab.on{background:var(--ink);color:#fff8ec;border-color:var(--ink)}.db-main{max-width:1240px;padding:14px var(--gutter) 32px;outline:none;margin:0 auto}.db-foot{max-width:1240px;padding:0 var(--gutter) max(24px, env(safe-area-inset-bottom));color:var(--ink-soft);margin:0 auto;font-size:12px}.page-head{margin-bottom:10px}.page-wait{color:var(--ink-soft);padding:24px 0}.page-head h1{font-size:26px}.lead{color:var(--ink-soft);margin-top:4px;font-size:14px}.note{color:var(--ink-soft);font-size:13px}.sec{margin:22px 0;scroll-margin-top:96px}.toc{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.toc a{background:var(--paper-2);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;text-decoration:none}.toc a:hover{background:var(--paper-3)}.sec h2{border-left:5px solid var(--shu);margin-bottom:6px;padding-left:10px;font-size:19px}.filters-box{margin:0 0 10px}.filters-box>summary{cursor:pointer;color:var(--ink-soft);width:-moz-fit-content;width:fit-content;padding:2px 4px;font-size:13px;font-weight:700}.filters-box>.filters{margin-top:6px}.filters{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 12px;display:flex}.search input{border:2px solid var(--paper-3);background:var(--card);border-radius:999px;width:min(260px,100%);padding:5px 12px}.search input:focus{border-color:var(--ink-soft);outline:none}.pair-hint{color:var(--ink-soft);margin:-4px 0 12px;font-size:13.5px}.pair-hint a{font-weight:700}.chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chips-label{color:var(--ink-soft);margin-right:2px;font-size:12px;font-weight:700}.chip{border:2px solid var(--paper-3);background:var(--card);border-radius:999px;padding:1px 10px;font-size:13px;font-weight:700;line-height:1.6}.chip.on{background:var(--ai);border-color:var(--ai);color:#fff8ec}.tbl-wrap{background:var(--card);border:2px solid var(--paper-3);max-height:min(78vh,980px);box-shadow:var(--shadow);border-radius:14px;overflow:auto}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.tbl th,.tbl td{border-bottom:1px solid var(--paper-2);vertical-align:middle;white-space:nowrap;padding:5px 8px}.tbl .wrap{white-space:normal;min-width:14em}.tbl thead th{z-index:2;white-space:nowrap;color:var(--ink-soft);text-align:left;background:#f7eedd;font-size:12px;font-weight:700;position:sticky;top:0}.tbl thead tr.groups th{z-index:3;top:0}.tbl thead tr.groups+tr th{top:27px}.tbl thead tr.groups th.g{text-align:center;color:var(--ink);border-bottom:2px solid var(--paper-3)}.tbl .sticky{z-index:1;background:var(--card);box-shadow:2px 0 0 var(--paper-2);position:sticky;left:0}.tbl thead .sticky{z-index:4;background:#f7eedd}.tbl tbody th{text-align:left;font-weight:500}.tbl tbody tr:hover td,.tbl tbody tr:hover th{background:#fbf3e2}.tbl .right{text-align:right}.tbl .center{text-align:center}.tbl thead .right{text-align:right}.tbl thead .center{text-align:center}.tbl .empty{text-align:center;color:var(--ink-faint);padding:18px}.tbl-more{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 0;display:flex}.tbl-more button{border:2px solid var(--ink-soft);background:var(--card);border-radius:999px;padding:6px 18px;font-size:14px;font-weight:700}.tbl-more .note{margin:0}.th-sort{all:unset;cursor:pointer;align-items:center;gap:2px;display:inline-flex}.th-sort:focus-visible{outline:3px solid var(--kin);outline-offset:2px;border-radius:4px}.th-sort .arrow{color:var(--ink-faint);font-size:9px}.th-sort.on{color:var(--ink)}.th-sort.on .arrow{color:var(--shu)}.heat{text-align:center;background:color-mix(in oklab, var(--matcha) calc(var(--h) * 62%), #fffaf0);min-width:2.2em;color:var(--ink);border-radius:6px;padding:0 5px;display:inline-block}.stars{letter-spacing:-1px;color:var(--shu);white-space:nowrap;font-size:11px}.stars .off{color:var(--paper-3)}.meter{background:var(--paper-2);vertical-align:middle;border-radius:999px;min-width:72px;height:18px;display:inline-block;position:relative;overflow:hidden}.meter:before{content:"";width:calc(var(--k) * 100%);background:var(--ink-soft);opacity:.35;position:absolute;inset:0 auto 0 0}.meter.shu:before{background:var(--shu)}.meter.ai:before{background:var(--ai)}.meter.matcha:before{background:var(--matcha)}.meter.kin:before{background:var(--kin)}.meter-text{padding:0 7px;font-size:12px;font-weight:700;line-height:18px;position:relative}.tag{background:var(--paper-2);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.traits{gap:3px;display:inline-flex}.breed-cell{color:var(--ink);align-items:center;gap:8px;min-width:9.5em;text-decoration:none;display:flex}.breed-cell b{font-size:14px;display:block}.breed-cell small{color:var(--ink-soft);font-size:11px;line-height:1.3;display:block}.breed-cell:hover b{color:var(--shu)}.legend{color:var(--ink-soft);grid-template-columns:auto 1fr;gap:2px 12px;margin-top:14px;font-size:13px;display:grid}.legend dt{color:var(--ink);font-weight:700}.legend dd{margin:0}.spoiler{display:block}.spoiler.inline{display:inline}.spoiler-btn{color:var(--ink-soft);background:repeating-linear-gradient(135deg, var(--paper-2) 0 6px, var(--paper-3) 6px 12px);border:none;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700}.card{background:var(--card);border:2px solid var(--paper-3);box-shadow:var(--shadow);border-radius:14px;padding:12px 14px}.grid2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}@media (max-width:520px){.breed-cell{min-width:0}.breed-cell small{display:none}.db-logo-main{font-size:17px}.db-logo-sub{display:none}.page-head h1{font-size:22px}}