@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--ink:#061c24;--panel:#082630;--paper:#f7edd0;--red:#ff3d47;--yellow:#f5cd45;--muted:#91a7a8;--line:#426069}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);background-image:radial-gradient(at 80% 0,#123b43 0,#0000 55%);margin:0;font-family:Noto Sans TC,sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button{transition:transform .18s,background .18s}button:hover{transform:translateY(-2px)}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.sidebar{z-index:5;background:#03161d;border-right:3px solid #142f35;width:242px;padding:24px 18px 0;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{letter-spacing:-3px;margin:14px 0 26px;font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;line-height:.77;display:block;transform:rotate(-7deg)}.brand span{color:var(--red);text-shadow:4px 4px #000;font-size:78px;display:block}.brand b{text-shadow:4px 4px #000;font-size:84px;display:block}.brand small{letter-spacing:2px;margin:19px 0 0;font-size:10px;line-height:1.3;display:block}.slogan{margin:20px 10px 26px;font-size:14px;font-weight:700;line-height:1.7}.category{width:100%;color:var(--paper);text-align:left;background:0 0;border:0;align-items:center;gap:12px;margin:3px 0;padding:12px 13px;display:flex}.category.active{background:var(--red);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.category .icon{color:var(--accent);font-size:26px}.category strong{font-family:Barlow Condensed,sans-serif;font-size:21px;line-height:1;display:block}.category small{color:#a8bbba;font-size:12px}.category.active small{color:#fff}.category em{border:1px solid #49636a;border-radius:20px;margin-left:auto;padding:1px 8px;font-family:Barlow Condensed;font-size:17px;font-style:normal}.scout-art{height:310px;margin:10px -18px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10%);mask-image:linear-gradient(#0000,#000 10%)}.scout-art img{object-fit:cover;object-position:top;width:100%;height:100%}.scout-art strong{text-shadow:2px 3px #03161d;font-size:22px;position:absolute;bottom:14px;left:18px;transform:rotate(-7deg)}.rail-foot{letter-spacing:1px;font-family:Barlow Condensed;font-size:11px}.app{margin-left:242px;padding:0 24px}header{border-bottom:5px solid #29484e;align-items:center;gap:20px;height:88px;display:flex}nav{flex:1;gap:9px;display:flex}nav button{color:var(--paper);background:0 0;border:0;align-items:center;gap:9px;padding:11px 12px;font-size:27px;display:flex}nav button span{text-align:left;white-space:nowrap;font:700 19px Barlow Condensed}nav small{margin-top:2px;font:400 11px Noto Sans TC;display:block}nav button.active{background:var(--paper);color:var(--ink);transform:rotate(-1deg);box-shadow:5px 5px #001116}.search{border:2px solid #46616b;border-radius:30px;align-items:center;gap:8px;width:200px;padding:8px 13px;display:flex}.search span{font-size:24px}.search input{color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.search kbd{color:#81979e}.status-strip{color:#9fb3b2;letter-spacing:1px;align-items:center;gap:18px;padding:12px 0;font:600 12px Barlow Condensed;display:flex}.status-strip span:nth-child(2){letter-spacing:0;margin-left:auto;font:400 12px Noto Sans TC}.status-strip button{color:#9fb3b2;background:0 0;border:0;font-size:12px}.top-grid{grid-template-columns:minmax(0,1fr) 286px;gap:19px;display:grid}.paper{background:var(--paper);color:var(--ink);box-shadow:8px 8px #001116}.hero{border:3px solid #24434b;border-radius:3px;min-height:505px;position:relative;overflow:hidden}.hero-top{z-index:1;align-items:center;gap:9px;height:58px;padding:14px 15px;display:flex;position:relative}.hero-top>b{background:var(--ink);color:var(--paper);padding:3px 11px;font:800 30px Barlow Condensed;transform:skew(-5deg)}.yellow{background:var(--yellow);border:1px solid #a99541;padding:5px 9px;font:700 15px Barlow Condensed}.edition{letter-spacing:1px;opacity:.5;margin-left:auto;font:600 10px Barlow Condensed}.hero-body{grid-template-columns:46% 54%;min-height:446px;display:grid}.hero-art{position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:center;mix-blend-mode:multiply;width:100%;height:100%}.art-caption{background:var(--paper);box-shadow:3px 3px var(--ink);padding:7px;font:800 19px/1 Barlow Condensed;position:absolute;bottom:15px;left:12px;transform:rotate(-8deg)}.hero-info{padding:12px 22px 24px 8px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{letter-spacing:.5px;color:var(--ink);background:#c7e9f0;border:1px solid #84928a;border-radius:4px;padding:4px 7px;font:700 13px Barlow Condensed}.tag.neutral{background:0 0}.hero h1{letter-spacing:-1.3px;overflow-wrap:anywhere;margin:16px 0 7px;font:800 clamp(30px,3vw,51px)/1.05 Barlow Condensed}.maker{color:#586c6c;margin:0 0 22px;font-size:14px}.description{min-height:77px;font-size:14px;line-height:1.85}h3{margin:24px 0 9px;font-size:13px}h3 small{color:#617574;letter-spacing:1px;font:500 13px Barlow Condensed}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills span{background:#fffaf0;border:1px solid #b4b9a9;border-radius:20px;padding:5px 10px;font-size:12px}.hero-bottom{background:#ebe5ca;grid-template-columns:1fr 116px;gap:13px;margin-top:23px;padding:12px;display:grid}.hero-bottom h3{margin:0 0 8px}.hero-bottom p{margin:0;font-size:13px;line-height:1.6}.demo-label{color:#647372;margin-top:8px;font-size:11px;display:block}.discovery{border-left:1px solid #bec5b4;flex-direction:column;align-items:center;gap:6px;display:flex}.seal{color:#165946;font-size:33px}.outline{color:inherit;background:0 0;border:1px solid #789598;border-radius:30px;padding:8px 13px;font-size:12px}.discovery .outline{border-color:#6c7b70;margin-top:5px}.sidecards{gap:16px;display:grid}.sidecard{text-align:left;color:#fff;background:#0d3038;border:2px solid #76979b;border-radius:6px;min-height:245px;padding:15px;position:relative;overflow:hidden;box-shadow:5px 5px #001116}.sidecard img{object-fit:cover;opacity:.9;width:76%;height:78%;position:absolute;bottom:0;right:-10px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.sidecard .shade{background:linear-gradient(90deg,#08242f 10%,#0000 90%);position:absolute;inset:0}.sidecard .content{z-index:1;position:relative}.sidecard h2{max-width:165px;margin:13px 0 7px;font:700 29px/1 Barlow Condensed}.sidecard p{color:#cbdfd8;width:150px;font-size:12px}.sidecard .tag{font-size:11px}.sidecard .number{color:#91c2b8;margin-right:7px;font:600 19px Barlow Condensed}.card-foot{z-index:2;gap:4px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.card-foot span{background:var(--paper);color:var(--ink);border-radius:20px;padding:5px 9px;font-size:11px}.bottom-grid{grid-template-columns:.92fr 1.45fr 1fr;gap:18px;margin-top:24px;display:grid}.panel{background:linear-gradient(145deg,#0c2d36,#041b25);border:2px solid #365961;border-radius:3px;padding:14px;box-shadow:6px 6px #001116}.panel-title{border-bottom:1px solid #42606a;justify-content:space-between;align-items:center;margin-bottom:13px;padding-bottom:9px;display:flex}.panel-title h2{margin:0;font:700 24px/1 Barlow Condensed}.panel-title small{color:#93adab;margin:4px 0 0 25px;font:400 11px Noto Sans TC;display:block}.panel-title>span{color:var(--yellow);font:600 13px Barlow Condensed}.timeline-row{grid-template-columns:12px 51px 1fr;gap:9px;padding-bottom:20px;font-size:12px;display:grid;position:relative}.timeline-row:before{content:"";background:#66888c;width:1px;position:absolute;top:9px;bottom:0;left:5px}.timeline-row:last-child:before{display:none}.timeline-row i{background:var(--c);z-index:1;border-radius:50%;width:11px;height:11px;margin-top:5px}.timeline-row time{color:#9eb8b7;padding-top:3px;font:500 12px Barlow Condensed}.timeline-row b{font:600 17px Barlow Condensed;display:block}.timeline-row small{color:#9eb8b7;font-size:11px}.full{width:100%;margin-top:5px}.filter-tabs{gap:5px;margin-bottom:11px;display:flex}.filter-tabs button{color:var(--paper);background:0 0;border:1px solid #64818b;border-radius:7px;flex:1;padding:5px 7px;font:600 13px Barlow Condensed}.filter-tabs button.active{background:var(--paper);color:var(--ink)}.dex-grid{grid-template-columns:repeat(4,1fr);gap:13px 9px;display:grid}.dex-entry{color:var(--paper);text-align:left;background:0 0;border:0;min-width:0;padding:0}.thumb{background:#0e3039;border:2px solid #81a5aa;border-radius:6px;height:82px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.dex-entry:nth-child(5n) img{filter:hue-rotate(90deg)}.dex-entry:nth-child(6n) img{filter:hue-rotate(260deg)}.thumb span{color:var(--ink);background:var(--yellow);border-radius:50%;padding:0 4px;font-size:12px;position:absolute;bottom:2px;right:2px}.dex-entry small{color:#a5bcba;margin-top:4px;font:500 11px Barlow Condensed;display:block}.dex-entry b{margin-top:2px;font:600 14px/1.05 Barlow Condensed;display:block}.right-bottom{gap:15px;display:grid}.pick{padding-bottom:8px}.daily-art{border:3px solid var(--paper);background:var(--paper);text-align:left;width:100%;height:145px;color:var(--paper);padding:0;position:relative;overflow:hidden}.daily-art img{object-fit:cover;width:100%;height:100%}.daily-art>div{background:linear-gradient(90deg,#072630,#0000);padding:12px;position:absolute;inset:0}.daily-art h2{max-width:110px;margin:7px 0;font-size:20px;line-height:1.2}.daily-art p{max-width:110px;font-size:10px}.updates .panel-title{margin-bottom:7px}.updates p{margin:8px 0;font-size:12px}.updates i{background:#92c8d5;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}footer{color:#8ca4a6;letter-spacing:1px;justify-content:space-between;gap:12px;padding:24px 0;font:500 11px Barlow Condensed;display:flex}.collection-heading{justify-content:space-between;align-items:center;margin:30px 0;display:flex}.collection-heading h1{margin:4px 0;font-size:36px}.collection-heading p{color:#acbdb8}.eyebrow{letter-spacing:2px;color:var(--red);font:700 14px Barlow Condensed}.results{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.result-card{color:var(--paper);text-align:left;background:#0b2c36;border:2px solid #426975;border-radius:7px;padding:0;overflow:hidden}.result-card img{object-fit:cover;width:100%;height:200px}.result-card>div{padding:20px}.result-card h2{margin:12px 0;font:700 30px Barlow Condensed}.result-card p{color:#b3c8c5;font-size:14px;line-height:1.7}.result-card .tag{color:var(--ink)}#empty{text-align:center;color:#b7c8c5;border:1px dashed #547780;padding:60px 20px}dialog{background:var(--paper);color:var(--ink);border:3px solid #25464e;width:min(880px,94vw);max-height:90vh;padding:0;overflow:auto;box-shadow:15px 15px #001116}dialog[open]{grid-template-columns:38% 62%;display:grid}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#001219d9}.close{background:var(--ink);color:var(--paper);z-index:2;border:0;width:34px;height:34px;font-size:25px;position:absolute;top:8px;right:12px}.dossier-art{background:#eadfbb}.dossier-art img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.dossier-content{padding:30px}.dossier-content h2{margin:12px 0 18px;font:800 44px/1 Barlow Condensed}.dossier-content p{line-height:1.8}.demo-note{color:#6b7d78;border-top:1px solid #b6bfae;padding-top:14px;font-size:12px}.dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.red-button{background:var(--red);color:#fff;border:0;padding:10px 17px;font-weight:700}.dialog-actions .outline{border-color:#698078}#toast{background:var(--yellow);color:var(--ink);z-index:30;padding:12px 22px;transition:all .25s;position:fixed;bottom:25px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:5px 5px #001116}#toast.show{transform:translate(-50%)translateY(0)}[hidden]{display:none!important}@media (min-width:1600px){.app{max-width:1600px;margin-right:auto}.hero{min-height:560px}.hero-body{min-height:500px}.thumb{height:100px}}@media (max-width:1250px){.sidebar{width:205px}.app{margin-left:205px;padding:0 16px}.brand span{font-size:64px}.brand b{font-size:73px}nav button{padding:9px 8px;font-size:22px}nav button span{font-size:16px}.search{width:160px}.top-grid{grid-template-columns:minmax(0,1fr) 235px}.hero-info{padding-right:14px}.hero-body{grid-template-columns:42% 58%}.bottom-grid{grid-template-columns:.9fr 1.4fr}.right-bottom{grid-column:1/-1;grid-template-columns:1fr 1fr}.results{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.sidebar{width:175px;padding:15px 10px}.app{margin-left:175px}.brand span{font-size:55px}.brand b{font-size:61px}.slogan{font-size:12px}.category{gap:8px;padding:11px 6px}.category strong{font-size:18px}.category .icon{font-size:22px}.category small{font-size:10px}.category em{padding:1px 5px;font-size:14px}.scout-art{margin:15px -10px}.scout-art strong{font-size:19px}header{flex-wrap:wrap;gap:12px;height:auto;padding:17px 0}nav{flex-basis:100%;justify-content:space-between;width:100%}nav button{font-size:20px}.search{width:100%}.top-grid{grid-template-columns:1fr}.sidecards{grid-template-columns:1fr 1fr}.sidecard{min-height:220px}.hero h1{font-size:44px}.bottom-grid{grid-template-columns:1fr}.right-bottom{grid-column:auto}.dex-grid{grid-template-columns:repeat(4,1fr)}.thumb{height:120px}}@media (max-width:650px){.sidebar{border-right:0;width:100%;padding:17px 15px 6px;position:relative;overflow:visible}.brand{letter-spacing:-1px;align-items:baseline;gap:4px;margin:0;display:flex;transform:rotate(-3deg)}.brand span,.brand b{font-size:42px}.brand small,.slogan,.scout-art,.rail-foot{display:none}#categories{gap:3px;margin-top:15px;display:flex;overflow:auto}.category{flex-shrink:0;gap:6px;width:auto;padding:9px}.category .icon,.category strong{font-size:17px}.category small,.category em{display:none}.app{margin-left:0;padding:0 12px}header{border-bottom:3px solid #29484e;padding-top:11px}nav{gap:3px}nav button{text-align:center;flex:1;padding:7px 5px;font-size:22px;display:block}nav button span{font-size:12px;display:block}nav small{display:none}.status-strip{gap:8px}.status-strip span:nth-child(2){font-size:10px}.hero-top{height:52px;padding:10px}.edition{display:none}.hero-top>b{font-size:24px}.hero-body{grid-template-columns:1fr}.hero-art{height:260px}.hero-art img{object-position:center 45%}.hero-info{padding:19px}.hero h1{font-size:42px}.description{min-height:0}.hero-bottom{margin-top:18px}.sidecards{gap:10px}.sidecard{min-height:210px;padding:10px}.sidecard h2{max-width:140px;font-size:25px}.sidecard .number{font-size:15px}.sidecard p{width:120px}.card-foot{flex-wrap:wrap;gap:3px;left:8px;right:8px}.card-foot span{padding:4px 7px;font-size:10px}.bottom-grid{gap:15px;margin-top:20px}.right-bottom{grid-template-columns:1fr}.dex-grid{gap:15px 8px}.thumb{height:85px}.results{grid-template-columns:1fr}.collection-heading h1{font-size:28px}dialog[open]{grid-template-columns:1fr}.dossier-art{height:190px}.dossier-art img{object-position:center 35%}.dossier-content{padding:22px}.dossier-content h2{font-size:36px}footer{flex-direction:column;font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.hero-art{background:radial-gradient(#dcecf0 0,#0000 68%)}.hero-art img{object-fit:contain;mix-blend-mode:normal}.scout-art img{object-fit:contain;object-position:top;filter:drop-shadow(0 0 1px #f7edd0)}.sidecard img{object-fit:contain;-webkit-mask-image:none;mask-image:none}.thumb img,.result-card img{object-fit:contain;background:radial-gradient(#466570,#0e3039)}.daily-art{background:#153d42}.daily-art img{object-fit:contain;object-position:right}.dossier-art img{object-fit:contain;mix-blend-mode:normal}#detailEvidence a{color:#155669;text-decoration:underline}#detailEvidence li{margin:8px 0;line-height:1.7}#detailEvidence small{color:#617772}.hero-top .edition{display:none}@media (max-width:650px){.hero-art{height:290px}}.hero-top>b{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:clamp(17px,2vw,30px);overflow:hidden}.result-card small,.daily-art small{overflow-wrap:anywhere}.sigil{background:#06151a;width:100%;height:100%;display:block}.sigil-wrap{height:200px}.dex-entry[data-rarity=rare] .thumb,.result-card[data-rarity=rare]{border-color:#4fb6ff}.dex-entry[data-rarity=epic] .thumb,.result-card[data-rarity=epic]{border-color:#d58cff}.dex-entry[data-rarity=legendary] .thumb,.result-card[data-rarity=legendary]{border-color:#ffc93d;box-shadow:0 0 12px #ffc93d66}