:root{--bg: #f6f2e4;--bg-soft: #fbf8ee;--panel: #fffef8;--panel-tint: #f3efe0;--line: #e6dfc8;--line-soft: #efe9d6;--green: #6da854;--green-deep: #568a40;--green-soft: #e3f0d9;--pink: #f2a0b5;--pink-deep: #e07f99;--pink-soft: #fbe4ea;--blue: #7cb3dd;--blue-soft: #e2eef8;--yellow: #f0c75e;--yellow-soft: #fbf0d3;--purple: #b39ddb;--purple-soft: #ece5f6;--orange: #eda45c;--orange-soft: #fbe9d7;--text: #4c453a;--text-2: #8b8172;--text-3: #aaa192;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 10px rgba(120, 100, 60, .08), 0 8px 28px rgba(120, 100, 60, .06);--shadow-sm: 0 1px 4px rgba(120, 100, 60, .08);--font-display: "Baloo 2", "Nunito", "Noto Sans JP", "Noto Sans KR", sans-serif;--font-body: "Nunito", "Noto Sans JP", "Noto Sans KR", "Noto Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 500px at 10% -5%,rgba(240,199,94,.12),transparent 60%),radial-gradient(1000px 480px at 95% 0%,rgba(242,160,181,.12),transparent 55%),radial-gradient(900px 600px at 50% 110%,rgba(109,168,84,.1),transparent 60%),var(--bg);line-height:1.65;font-size:15px}img{max-width:100%;display:block}a{color:var(--green-deep);text-decoration:none}a:hover{color:var(--green)}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text);line-height:1.3}.wrap{max-width:1280px;margin:0 auto;padding:0 20px}.page{padding:22px 0 40px}.layout{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}.layout-left{grid-template-columns:240px 1fr}@media(max-width:1000px){.layout,.layout-left{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.panel+.panel{margin-top:18px}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}a.card:hover,.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .card-img{width:100%;aspect-ratio:16/9;object-fit:cover}.card .card-body{padding:12px 14px 14px}.card .card-title{font-family:var(--font-display);font-weight:700;font-size:15px;margin:0 0 4px;color:var(--text)}.card .card-desc{font-size:12.5px;color:var(--text-2);margin:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1000px){.grid-4,.grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,1fr)}}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 14px}.sec-head h2{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}.sec-head h2:before{content:"";width:8px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--green),var(--yellow))}.sec-head .more{font-size:13px;color:var(--text-2)}.sec-head .more:hover{color:var(--green-deep)}.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#83bd68,var(--green));color:#fff;border:none;border-radius:999px;padding:8px 20px;font-family:var(--font-display);font-weight:700;font-size:14px;box-shadow:0 3px 0 var(--green-deep),var(--shadow-sm);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);color:#fff}.btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--green-deep)}.btn.ghost{background:var(--panel);color:var(--green-deep);border:1.5px solid var(--green);box-shadow:none}.btn.pink{background:linear-gradient(180deg,#f7b3c5,var(--pink));box-shadow:0 3px 0 var(--pink-deep),var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--panel-tint);color:var(--text-2);border:1px solid var(--line)}.chip.green{background:var(--green-soft);color:var(--green-deep);border-color:#cfe3c0}.chip.pink{background:var(--pink-soft);color:var(--pink-deep);border-color:#f4ccd7}.chip.blue{background:var(--blue-soft);color:#4d84b4;border-color:#c9ddef}.chip.yellow{background:var(--yellow-soft);color:#b58a1f;border-color:#efdfae}.chip.purple{background:var(--purple-soft);color:#7e69b8;border-color:#ddd2ef}.chip.orange{background:var(--orange-soft);color:#c47a2e;border-color:#f2d6b8}.tag-rarity-common{background:var(--panel-tint);color:var(--text-2)}.tag-rarity-rare{background:var(--blue-soft);color:#4d84b4}.tag-rarity-epic{background:var(--purple-soft);color:#7e69b8}.tag-rarity-legend{background:var(--yellow-soft);color:#b57f12}.hero{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line-soft);margin-bottom:22px}.hero img.hero-bg{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero .hero-inner{position:relative;z-index:1;padding:46px 40px;background:linear-gradient(90deg,rgba(60,70,40,.42),rgba(60,70,40,.12) 55%,transparent);color:#fff}.hero h1{margin:0 0 6px;font-size:34px;color:#fff;text-shadow:0 2px 10px rgba(60,50,20,.45)}.hero .sub{font-size:15px;opacity:.95;text-shadow:0 1px 6px rgba(60,50,20,.4);margin:0}@media(max-width:700px){.hero .hero-inner{padding:28px 22px}.hero h1{font-size:24px}}.crumb{font-size:12.5px;color:var(--text-3);margin:4px 0 14px}.crumb a{color:var(--text-2)}.crumb a:hover{color:var(--green-deep)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;padding:9px 12px;font-family:var(--font-display);background:var(--green-soft);color:var(--green-deep);white-space:nowrap}table.data th:first-child{border-radius:10px 0 0 10px}table.data th:last-child{border-radius:0 10px 10px 0}table.data td{padding:9px 12px;border-bottom:1px dashed var(--line)}table.data tr:hover td{background:var(--bg-soft)}.header-search,.search-box{display:flex;align-items:center}.search-box{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 16px;gap:8px;box-shadow:var(--shadow-sm)}.search-box input{border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:13.5px;color:var(--text);width:220px}.search-box input::placeholder{color:var(--text-3)}.steps-flow{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.steps-flow .step{flex:1;min-width:130px;text-align:center;padding:14px 10px}.steps-flow .step img{width:74px;height:74px;object-fit:cover;border-radius:50%;margin:0 auto 8px;border:3px solid var(--green-soft)}.steps-flow .arrow{align-self:center;color:var(--text-3);font-size:18px}.row-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);transition:background .15s}.row-item:hover{background:var(--bg-soft)}.row-item img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}.row-item .t{font-weight:700;font-size:14px;color:var(--text)}.row-item .d{font-size:12.5px;color:var(--text-2)}.site-header{position:sticky;top:0;z-index:50;background:#fffef8eb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover}.brand .name{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--green-deep);line-height:1.1}.brand .tag{font-size:11px;color:var(--text-2)}.site-nav{display:flex;gap:2px;flex:1;justify-content:center;flex-wrap:wrap}.site-nav a{padding:7px 12px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--text-2);display:inline-flex;align-items:center;gap:5px}.site-nav a:hover{background:var(--green-soft);color:var(--green-deep)}.site-nav a.active{background:linear-gradient(180deg,#83bd68,var(--green));color:#fff;box-shadow:var(--shadow-sm)}.site-footer{margin-top:40px}.footer-art{width:100%;height:150px;object-fit:cover;object-position:center 70%;display:block}.footer-main{background:#eef2df;border-top:1px solid var(--line)}.footer-inner{max-width:1280px;margin:0 auto;padding:30px 20px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px}.footer-inner h5{margin:0 0 10px;font-size:14px;color:var(--green-deep)}.footer-inner a{display:block;font-size:13px;color:var(--text-2);padding:3px 0}.footer-inner a:hover{color:var(--green-deep)}.footer-brand{display:flex;gap:12px;align-items:flex-start}.footer-brand img{width:46px;height:46px;border-radius:12px}.footer-brand .n{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--green-deep)}.footer-brand .d{font-size:12.5px;color:var(--text-2)}.disclaimer{font-size:12px;color:var(--text-3);background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:12px 14px}.disclaimer .t{font-weight:700;color:var(--text-2);margin-bottom:4px}.footer-bottom{text-align:center;font-size:12px;color:var(--text-3);padding:12px 20px 20px}@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr}}.sidebar .panel{padding:16px}.sidebar h4{margin:0 0 10px;font-size:15px;color:var(--green-deep)}.side-nav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:13.5px;color:var(--text);font-weight:600}.side-nav a:hover,.side-nav a.active{background:var(--green-soft);color:var(--green-deep)}.muted{color:var(--text-2)}.tiny{font-size:12px;color:var(--text-3)}.center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.pill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pill-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text-2);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body)}.pill-tabs button.active{background:linear-gradient(180deg,#83bd68,var(--green));color:#fff;border-color:transparent}.pill-tabs button:hover:not(.active){background:var(--green-soft);color:var(--green-deep)}.filter-select,.filter-input{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:7px 10px;font-size:13px;color:var(--text);font-family:var(--font-body);width:100%}.note-tip{background:var(--yellow-soft);border:1px solid #efdfae;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:#8a6d1f}.note-tip b{color:#7a5f14}.stars{color:var(--yellow);letter-spacing:1px}.ic-img{width:44px;height:44px;object-fit:contain}.ic-img.sm{width:30px;height:30px}.ic-img.xs{width:20px;height:20px}.ic-img.lg{width:96px;height:96px}.ic-bubble{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:50%}.header-search[data-astro-cid-ctg3m53h] input[data-astro-cid-ctg3m53h]{width:170px}.lang-switch[data-astro-cid-ctg3m53h]{position:relative}.lang-switch[data-astro-cid-ctg3m53h] summary[data-astro-cid-ctg3m53h]{list-style:none;cursor:pointer;border:1px solid var(--line);color:var(--green-deep);padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--panel);box-shadow:var(--shadow-sm)}.lang-switch[data-astro-cid-ctg3m53h] summary[data-astro-cid-ctg3m53h]::-webkit-details-marker{display:none}.lang-menu[data-astro-cid-ctg3m53h]{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;max-height:340px;overflow-y:auto}.lang-menu[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]{display:block;padding:7px 12px;font-size:13px;color:var(--text);border-radius:8px}.lang-menu[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h]:hover{background:var(--green-soft);color:var(--green-deep)}.lang-menu[data-astro-cid-ctg3m53h] a[data-astro-cid-ctg3m53h].current{color:var(--pink-deep);font-weight:700}@media(max-width:1000px){.header-search[data-astro-cid-ctg3m53h]{display:none}}