:root{--ink:#284b4b;--teal:#347d6e;--muted:#6f8274;--line:#dce4d7;--paper:#faf9f4;--orange:#b66b42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft JhengHei','PingFang TC',system-ui,sans-serif;font-size:14px;line-height:1.75}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c98d45;outline-offset:3px}input,select{min-width:0}h1,h2,h3,p{margin-top:0}header{max-width:1280px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0;line-height:1.6}.bear{font-size:28px;letter-spacing:-2px;color:var(--teal)}.brand b{font-size:16px;display:block}.brand b span{margin-left:5px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}header nav{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:13px}header nav a{padding:6px 0;white-space:nowrap}.active{font-weight:700;color:var(--teal);border-bottom:2px solid var(--teal)}.outline,.primary{border:1px solid #a7bb9f;border-radius:7px;background:transparent;padding:9px 17px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:600;font-size:12px}.outline:hover{background:#edf2e7}.primary{background:var(--teal);color:#fff;border-color:var(--teal);padding:13px 25px}.text-button{border:0;background:none;padding:10px 0;color:var(--teal);text-align:left}.skip{position:absolute;top:-80px;left:16px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}main{max-width:1180px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1fr 375px;gap:70px;padding:55px 0 45px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#6f9275;margin-bottom:13px}.eyebrow span{margin:0 10px;color:#c59a51}h1{font-size:43px;font-weight:500;line-height:1.5;letter-spacing:1px;margin-bottom:18px}h1 span{color:var(--teal)}.intro{color:var(--muted);font-size:13px;line-height:2;margin-bottom:24px}.update-note{font-size:10px;color:var(--muted);margin:15px 0 0}.hero-ticket{border:1px solid #cddbc2;background:#f1f2e6;padding:24px 26px;border-radius:14px;transform:rotate(2deg);box-shadow:8px 10px 0 #d6e0cd55}.ticket-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#749070}.ticket-top b{font-size:25px;font-weight:400}.hero-ticket h2{font-size:16px;font-weight:500;margin:12px 0 0}.hero-looks{height:150px;display:flex;align-items:center;justify-content:center}.hero-looks img{width:33.333%;height:150px;object-fit:contain;image-rendering:pixelated;mix-blend-mode:multiply}.ticket-bottom{border-top:1px dashed #b9c6ab;padding-top:17px;display:flex;justify-content:space-between}.ticket-bottom strong{font-size:30px;font-family:Georgia,serif;font-weight:400;display:block;line-height:1.2}.ticket-bottom span{font-size:10px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:16px 0 23px}.section-head h2{font-size:23px;font-weight:500;margin:0}.section-head .eyebrow{margin-bottom:6px}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px}.category{border:1px solid var(--line);background:#fffdf8;text-align:left;padding:13px 15px;border-radius:9px;font-size:12px;min-height:60px;display:flex;justify-content:space-between;gap:8px;align-items:center}.category b{font-family:Georgia,serif;font-size:19px;font-weight:400;color:#93a085}.category.selected{background:var(--teal);color:white;border-color:var(--teal)}.category.selected b{color:#d1e4c7}.toolbar,.equipment-toolbar{display:flex;gap:12px;align-items:stretch}.search{display:flex;gap:10px;align-items:center;flex:1;border:1px solid var(--line);background:white;border-radius:7px;padding:7px 13px;min-width:150px}.search>span{font-size:24px;line-height:1}.search input{border:0;background:none;outline:none;width:100%;font-size:12px;min-height:30px}.select-label{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}select{background:#fffdf8;border:1px solid var(--line);border-radius:6px;padding:10px 24px 10px 10px;font-size:12px}.result-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0}.result-line p{font-size:11px;color:var(--muted);margin:0}.page-jump{font-size:11px;display:flex;align-items:center;gap:7px}.page-jump select{padding:5px 22px 5px 8px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.bag-card{border:1px solid var(--line);background:#fffef9;border-radius:11px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.bag-card:hover{box-shadow:0 6px 20px #36583c12;transform:translateY(-2px)}.bag-stage{height:174px;background:#f1f3e9;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;width:100%;border:0;overflow:hidden}.bag-stage img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;mix-blend-mode:multiply}.bag-stage.icon-stage img{max-width:110px;max-height:120px}.stage-label{position:absolute;top:10px;left:10px;z-index:1;border-radius:4px;background:#ffffffe0;font-size:9px;padding:3px 7px;color:#70836a}.bag-body{padding:16px;display:flex;flex:1;flex-direction:column}.bag-category{font-size:9px;letter-spacing:1px;color:#87977c;margin-bottom:6px}.bag-body h3{font-size:14px;line-height:1.7;font-weight:600;min-height:47px;margin-bottom:7px;overflow-wrap:anywhere}.bag-info{font-size:11px;color:var(--muted);margin-bottom:12px}.bag-price{font-size:12px;color:var(--orange);font-weight:600;margin-bottom:13px}.open-bag{margin-top:auto;border:1px solid #d7e2d0;border-radius:6px;background:#f0f5e9;color:#507754;display:flex;justify-content:space-between;padding:9px 11px;font-size:11px;width:100%;min-height:40px}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:32px 0 55px}.pagination span{font-size:11px;color:var(--muted)}.empty{text-align:center;padding:60px 20px}.empty>span{font-size:40px}.empty h3{font-size:18px}.empty p,.muted{font-size:11px;color:var(--muted)}.guide{border-top:1px solid var(--line);padding:32px 0 45px}.guide h2{font-size:21px;font-weight:500}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.guide-grid h3{font-size:13px;margin-bottom:8px}.guide-grid p{font-size:12px;color:var(--muted)}.guide>.muted{margin-top:10px}footer{text-align:center;padding:32px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer p{margin:8px 0;font-size:11px}footer small{font-size:10px}.detail{padding:20px 0 0}.detail-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.detail-heading{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.detail-icon{width:100px;height:100px;object-fit:contain;image-rendering:pixelated}.detail-heading h1{font-size:30px;line-height:1.5;margin:0 0 8px}.detail-heading p{font-size:12px;color:var(--muted);margin:0}.acquisition{background:#edf2e6;border:1px solid #d8e2cd;border-radius:9px;padding:18px 22px;margin:22px 0;font-size:12px}.acquisition h2,.contents-box h2{font-size:17px;font-weight:500;margin-bottom:10px}.acquisition ul{padding-left:19px;margin-bottom:0}.contents-box{margin:25px 0 35px}.contents-note{font-size:12px;color:var(--muted)}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.reward{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);background:#fffdf8;border-radius:6px;font-size:11px;text-align:left;min-width:0}.reward img{width:37px;height:37px;object-fit:contain;image-rendering:pixelated}.reward span{overflow-wrap:anywhere;flex:1}.reward small{color:var(--muted);display:block}.reward b{font-weight:500;color:var(--teal)}.reward.is-box{background:#edf4e7;border-color:#ccdcbc}.content-pool{margin:18px 0}.content-pool summary{cursor:pointer;font-size:13px;padding:8px 0;font-weight:600}.equipment-section{border-top:1px solid var(--line);padding-top:8px}.equipment-section h2 span{font-size:14px;color:var(--muted);margin-left:8px}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;align-items:start}.equipment-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffef9}.equipment-stage{position:relative;height:220px;background:#f4f4ed;border:0;width:100%;display:flex;align-items:center;justify-content:center}.equipment-stage img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.equipment-stage.static img{width:110px;height:130px}.equipment-body{padding:16px}.equipment-body h3{font-size:14px;margin:0 0 4px;overflow-wrap:anywhere}.equipment-meta{font-size:10px;color:var(--muted);margin:0 0 10px}.chip{display:inline-block;font-size:10px;border-radius:4px;padding:2px 7px;background:#edf2e4;color:#5b7e57;margin:0 3px 5px 0}.chip.element{background:#f6ecdf;color:#956831}.stats{width:100%;border-collapse:collapse;font-size:11px;margin:8px 0 12px;font-variant-numeric:tabular-nums}.stats th,.stats td{padding:5px 7px;border-bottom:1px solid #edf0e5;text-align:right}.stats th:first-child,.stats td:first-child{text-align:left}.stats thead th{font-weight:500;color:var(--muted);font-size:10px;background:#f3f5ed}.stats details{font-size:10px}.equipment-body details>summary{cursor:pointer;color:var(--teal);font-size:11px;padding:8px 0}.equipment-body details p{font-size:11px;margin:5px 0 9px;color:var(--muted)}.compound{font-size:11px;line-height:1.9}.compound b{display:block;font-weight:500;color:var(--muted);font-size:10px}.set{border-left:2px solid #b7cba3;padding-left:10px;margin:12px 0;font-size:11px}.set p{margin:4px 0!important}.set h4{margin:0;font-size:11px}.equipment-toolbar{margin:0 0 13px}.error{padding:24px;border:1px solid #d6a8a0;background:#fff0e9;color:#8b4238;margin:30px 0}.unavailable{padding:20px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;width:min(630px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:25px;overflow:auto}dialog::backdrop{background:#233e3570;backdrop-filter:blur(3px)}dialog img{width:100%;height:370px;object-fit:contain;image-rendering:pixelated;background:#f4f4ed}dialog h2{font-size:19px;margin:12px 0 6px}dialog p{font-size:11px;color:var(--muted)}.close{position:absolute;top:9px;right:10px;border:0;background:#fffdf5e8;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.subtle{font-size:10px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1050px){header{gap:18px;padding:20px 25px}header nav{gap:18px}.hero{gap:30px;grid-template-columns:1fr 320px}.hero h1{font-size:37px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.category{padding:10px;font-size:11px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){header{padding:17px 20px;flex-wrap:wrap;gap:13px}.brand b{font-size:14px}.member{margin-left:auto;font-size:11px;padding:7px 10px}header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:10px;margin:0;gap:25px;font-size:12px}main{padding:0 20px}.hero{display:block;padding:32px 0 28px}.hero h1{font-size:34px}.hero-ticket{display:none}.intro{font-size:12px}.section-head h2{font-size:20px}.section-head .outline{font-size:10px;padding:7px 10px}.categories{display:flex;flex-wrap:wrap;gap:6px}.category{flex:1 1 auto;min-height:43px;padding:7px 10px;gap:8px;justify-content:center}.category b{font-size:15px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.select-label{flex:1;justify-content:space-between}.select-label select{flex:1;max-width:75%}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.bag-stage{height:150px}.bag-body{padding:12px}.bag-body h3{font-size:12px;min-height:42px}.bag-info,.bag-price,.open-bag{font-size:10px}.bag-price{margin-bottom:10px}.bag-category{font-size:8px}.bag-stage.icon-stage img{max-width:85px;max-height:100px}.result-line{gap:9px}.result-line p{font-size:10px;max-width:61%}.page-jump{font-size:10px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide h2{font-size:19px}.guide{padding-bottom:24px}.pagination{gap:15px}.pagination .outline{font-size:11px;padding:8px 12px}.detail-heading{align-items:flex-start;gap:14px}.detail-icon{width:65px;height:75px}.detail-heading h1{font-size:22px}.detail-heading p{font-size:11px}.acquisition{padding:15px;font-size:11px}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward{padding:8px;gap:6px;font-size:10px}.reward img{width:28px;height:28px}.equipment-grid{grid-template-columns:1fr}.equipment-stage{height:260px}.equipment-body{padding:18px}.equipment-body h3{font-size:15px}.stats{font-size:12px}.equipment-section h2{font-size:18px}.equipment-toolbar{flex-wrap:wrap}.equipment-toolbar .search{flex-basis:100%}.equipment-toolbar .select-label{flex:0 1 230px}.eyebrow{font-size:9px}.hero .eyebrow{letter-spacing:1.1px}.detail-nav{margin-bottom:17px}.detail-nav .outline{font-size:10px}dialog img{height:280px}}
@media(max-width:370px){main{padding:0 14px}header{padding:15px 14px}.brand b{font-size:12px}.brand{gap:7px}.bear{font-size:23px}.brand small{font-size:7px}header nav{gap:20px}.hero h1{font-size:31px}.bag-stage{height:134px}.bag-body{padding:10px}.category{font-size:10px}.section-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.bag-card:hover,.hero-ticket{transform:none}}

header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:18px}.legend-hero{grid-template-columns:1fr 400px}.legend-hero .hero-ticket{transform:rotate(1deg)}.categories{grid-template-columns:repeat(5,minmax(0,1fr))}.legend-family{margin:34px 0 45px;scroll-margin-top:20px}.family-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px}.family-heading h2{font-size:23px;margin:0}.family-heading p{margin:0;font-size:12px;color:var(--muted)}.legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.legend-card{border:1px solid var(--line);border-radius:10px;background:#fffef9;overflow:hidden;min-width:0}.legend-stage{width:100%;height:235px;display:block;border:0;background:#f4f4ed;position:relative;padding:0}.legend-stage img{height:100%;width:100%;object-fit:contain;image-rendering:pixelated}.legend-stage.icon-only img{max-width:130px;max-height:130px}.legend-stage span{position:absolute;left:10px;top:10px;font-size:9px;padding:2px 6px;border-radius:4px;background:#fffdf8;color:var(--muted)}.legend-stage b{position:absolute;right:12px;bottom:8px;font-weight:400}.legend-body{padding:16px 18px}.legend-body h3{font-size:16px;margin:0 0 5px}.legend-body .type-line{font-size:10px;color:var(--muted);letter-spacing:.5px}.legend-body .description{font-size:11px;color:var(--muted);white-space:pre-line}.legend-card details{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.legend-card summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:600}.legend-card table{width:100%;border-collapse:collapse;font-size:11px;margin-top:9px}.legend-card th,.legend-card td{padding:3px 0;border-bottom:1px solid #eef0e9;text-align:right}.legend-card th:first-child,.legend-card td:first-child{text-align:left}.legend-card th{font-weight:500;color:var(--muted)}.legend-card .small{font-size:11px;margin:8px 0;overflow-wrap:anywhere}.route{padding:8px 0}.route+ .route{border-top:1px dashed var(--line)}.route strong{font-size:12px}.route p{font-size:11px;margin:4px 0;white-space:pre-line}.route .pending{color:#9b6736}.set-section{border:1px solid var(--line);background:#f1f3e9;padding:18px;border-radius:9px;margin-top:20px}.set-section>summary{font-size:15px;cursor:pointer;font-weight:600}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.set-card{background:#fffef9;border-radius:7px;padding:15px;min-width:0}.set-card h4{margin:0 0 8px;font-size:13px}.set-card p{font-size:12px;line-height:1.85}.bonuses{display:flex;flex-wrap:wrap;gap:7px}.bonuses span{font-size:11px;border:1px solid #d4dfcc;border-radius:4px;padding:3px 8px}.set-effect{font-size:10px;color:var(--muted);margin-bottom:0}.result-count{margin-top:15px}@media(max-width:900px){.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-hero{gap:30px;grid-template-columns:1fr 330px}}@media(max-width:650px){.legend-grid,.set-grid{grid-template-columns:1fr}.family-heading{display:block}.family-heading p{margin-top:5px}.legend-stage{height:260px}.legend-hero{display:block}header nav{justify-content:flex-start;gap:12px 20px}.categories{display:flex;flex-wrap:wrap}.category{flex:1 1 28%}.set-section{padding:14px}.legend-card table{font-size:12px}}@media(max-width:370px){header nav{gap:10px 14px}.legend-body{padding:14px}.category{font-size:11px}}