:root{--ink:#19332b;--muted:#5b6d62;--green:#285c46;--paper:#f4f5ef;--line:#d9e0d3;--gold:#c6a351;--soft:#eaf0e5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang TC','Microsoft JhengHei',sans-serif}button,input,select{font:inherit;color:inherit}a{color:var(--green);text-underline-offset:3px}button,a,summary{touch-action:manipulation}button{cursor:pointer}button,input,select{background:white;border:1px solid #b5c4b7;border-radius:7px;padding:9px 12px;min-height:44px;max-width:100%}button:hover,a.pill:hover{background:var(--soft)}button[aria-pressed=true],.pill.active{background:var(--green);border-color:var(--green);color:white}input[type=search]{width:100%;padding-left:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #987625;outline-offset:3px}header{background:#19332b;color:#fff;border-bottom:3px solid var(--gold)}.header-inner{max-width:1260px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header strong{font-size:18px;letter-spacing:.12em}header nav{display:flex;gap:18px;flex-wrap:wrap}header a{font-size:14px;color:#dbe8df;text-decoration:none}header a[aria-current=page]{color:white;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px}.languages{margin-left:auto;display:flex;gap:5px}.languages a{padding:5px 9px;border:1px solid #617b6c;border-radius:5px;min-height:34px}.languages a[aria-current=true]{background:white;color:var(--ink)}main{max-width:1260px;padding:30px 24px 65px;margin:auto}h1,h2,h3,h4,p{margin:0}h1{font-size:34px;line-height:1.2;letter-spacing:-.025em}h2{font-size:24px;line-height:1.35}h3{font-size:20px;margin:26px 0 12px}h4{font-size:16px;margin:16px 0 9px}p{margin-top:10px}.intro{color:var(--muted);max-width:820px}.notice{border-left:3px solid var(--gold);background:#f8f0da;padding:11px 15px;margin:18px 0;color:#665026;font-size:14px;line-height:1.55}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:24px 0 15px}.filters label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.pill{border:1px solid #b8c8b8;border-radius:24px;padding:7px 14px;text-decoration:none;font-size:14px;background:#fff}.results-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:14px;margin:20px 0 12px}.results-meta button{font-size:14px}.results{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.result{padding:17px 20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.7fr) minmax(130px,.65fr);gap:22px;align-items:start;border-bottom:1px solid var(--line)}.result:last-child{border:0}.item-main{display:flex;align-items:flex-start;gap:14px;min-width:0}.item-main>div{min-width:0}.open-item,.open-pack{border:0;background:none;padding:0;text-align:left;min-height:0;font-weight:650;font-size:16px;color:var(--green)}.open-item:hover,.open-pack:hover{background:none;text-decoration:underline}.sub{font-size:13px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.brief{font-size:15px;color:#4d6355;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.meta-right{font-size:14px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}.price{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.tag{display:inline-block;border-radius:4px;background:#edf2e9;color:#3b6247;font-size:12px;padding:3px 7px;font-weight:500;margin:2px 4px 2px 0}.tag.warning{background:#fbefd6;color:#755b23}.muted{color:var(--muted)}.small{font-size:13px}.more{display:flex;gap:10px;justify-content:center;margin:20px 0}.empty{padding:28px;color:var(--muted)}.item-art{width:48px;height:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;position:relative;background:#eef1e8;border:1px solid #dbe3d5;border-radius:9px;overflow:hidden}.item-art>img{width:100%;height:100%;object-fit:contain;padding:3px}.icon-fallback{display:none;color:#73866b;font-size:22px}.art-missing .icon-fallback{display:block}.art-missing>img,.art-missing .sprite-fit{display:none}.sprite-fit{display:block;position:relative;flex:none}.sprite-scale{display:block;position:absolute;left:0;top:0;transform-origin:0 0}.sprite-crop{display:block;position:absolute;overflow:hidden;transform-origin:0 0}.sprite-crop img{position:absolute;max-width:none;max-height:none;width:auto;height:auto}dialog{border:1px solid var(--line);border-radius:14px;width:min(950px,calc(100% - 28px));max-height:92vh;padding:0;background:white;color:var(--ink)}dialog::backdrop{background:#142a23ce}.dialog-head{position:sticky;top:0;background:#fff;z-index:2;padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.dialog-head>div{flex:1;min-width:0}.dialog-head button{flex-shrink:0;font-size:14px}#detail-body{padding:22px}.lead{white-space:pre-line}.facts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft);border-radius:9px;padding:17px;gap:18px;margin:20px 0}.facts small{display:block;color:var(--muted);font-size:13px}.facts strong{display:block;font-size:18px;overflow-wrap:anywhere}.reward-list{padding:0;list-style:none;border:1px solid var(--line);border-radius:8px;margin:10px 0}.reward-list li{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);gap:16px}.reward-list li:last-child{border:0}.reward-list a{font-weight:550;text-decoration:none}.reward-list a:hover{text-decoration:underline}.reward-list .item-art{width:38px;height:38px;flex-basis:38px}.reward-list .item-main{align-items:center;gap:10px}.reward-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;margin:12px 0}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-weight:650}tr:last-child td{border:0}td button{min-height:35px;padding:4px 8px;font-size:14px}.selected{background:#f2f7eb}td small{display:block;color:var(--muted);font-size:12px}.facts-list{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);font-size:14px}.facts-list dt,.facts-list dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.facts-list dt{color:var(--muted);padding-right:15px}details.source{border-top:1px solid var(--line);margin-top:26px;padding-top:14px;font-size:14px;color:var(--muted)}summary{cursor:pointer;font-size:14px;font-weight:600}.section-box{background:#f4f6f0;padding:16px;border-radius:9px;margin:18px 0}.section-box h3{margin:0 0 10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.level-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.chain-links{display:flex;gap:10px;flex-wrap:wrap}.chain-links a{border:1px solid #b9c9b9;background:#edf3e8;padding:9px 14px;border-radius:7px;text-decoration:none;font-size:14px}.chain-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:24px}.chain-sidebar{border:1px solid var(--line);border-radius:9px;max-height:75vh;overflow:auto;background:white}.chain-sidebar a{display:block;padding:13px 15px;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}.chain-sidebar a.active{background:var(--soft);border-left:4px solid var(--green);font-weight:650}.chain-work{min-width:0}.chain-work h2{margin-bottom:10px}.chain-tier{background:white;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:8px;padding:16px;margin:12px 0}.chain-tier-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tier-label{font-size:13px;font-weight:650;color:var(--green)}.chain-tier .reward-list{margin-bottom:0}.planner{background:#e9f0e4;border:1px solid #c3d1ba;border-radius:10px;padding:18px;margin:18px 0}.planner h3{margin-top:0}.planner-controls{display:flex;gap:12px;flex-wrap:wrap}.planner-controls label{font-size:14px;display:flex;flex-direction:column;gap:5px}.planner-controls select{max-width:260px}.planner-total{font-size:28px;font-weight:650;margin-top:16px}.copy-button{font-size:14px}.gold-preview{background:#fff4d9;border:1px solid #d9c992;border-radius:9px;padding:16px;margin:14px 0}.gold-preview label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600}.gold-preview input{width:95px}.gold-preview-amount{font-size:24px;overflow-wrap:anywhere}.gold-preview-note,.gold-preview details{font-size:13px}.gold-preview-exact{overflow-wrap:anywhere}.gold-preview-error{color:#9b251c}.gold-formula{border-top:1px solid #dfd5b8;margin-top:12px;padding-top:8px}.back-row{margin-bottom:15px}.back-row button{font-size:14px}.hidden,[hidden]{display:none!important}footer{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}footer a{margin-right:12px}.error{background:#ffefd8;padding:20px;border-radius:9px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 18px;border-radius:8px;z-index:10;font-size:14px}#loading{padding:30px 0;color:var(--muted)}.noscript{padding:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){main{padding:24px 16px 50px}.header-inner{padding:12px 16px;gap:12px}.header-inner nav{order:3;width:100%;gap:14px}.languages{margin-left:auto}h1{font-size:28px}.filters{grid-template-columns:1fr 1fr;gap:10px}.filters label:first-child{grid-column:1/-1}.result{grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:15px}.result>.brief{grid-column:1/-1;grid-row:2}.meta-right{font-size:12px}.price{font-size:16px}.item-main{gap:10px}.chain-layout{grid-template-columns:1fr}.chain-sidebar{max-height:210px}.chain-sidebar a{padding:10px 12px}.facts{grid-template-columns:1fr 1fr;gap:12px}.two-col{grid-template-columns:1fr;gap:5px}.dialog-head{padding:13px}.dialog-head h2{font-size:20px}#detail-body{padding:16px}.dialog-head button{padding:7px 9px}.table-wrap th,.table-wrap td{padding:9px}.results-meta{align-items:flex-start}.planner-controls{gap:10px}.planner-controls select{max-width:100%}.reward-list li{padding:10px}.pills{gap:6px}.pill{padding:6px 11px}.chain-tier{padding:12px}.facts-list{grid-template-columns:1fr 1.4fr}}

@media(max-width:760px){.result>.result-copy{grid-column:1/-1;grid-row:2}.result>.meta-right{grid-column:2;grid-row:1}.result>.brief{grid-column:1/-1;grid-row:2}}

.filters label{min-width:0}.filters select,.filters input{width:100%;min-width:0}.open-pack{text-decoration:none}.open-pack:hover{text-decoration:underline}

/* Player-focused layout: compact context, readable results and useful details. */
#notice{border:0;background:transparent;color:var(--muted);padding:0;margin:10px 0 0;font-size:13px;max-width:850px}.filters{margin-top:22px}.result .brief{line-height:1.55}.facts:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.chain-reward{margin-top:4px;font-size:12px;line-height:1.45}.chain-layout.single-chain{grid-template-columns:1fr}.single-chain .chain-sidebar{display:none}.chain-work{max-width:950px}.chain-purpose{color:var(--muted);font-size:14px}.chain-tier h4{margin:4px 0}.chain-tier .reward-list{background:white}footer p{max-width:850px}.result .open-item,.result .open-pack{min-height:28px}.gold-preview h4{margin-top:0}@media(min-width:761px){.chain-sidebar{position:sticky;top:20px}.planner-controls{gap:18px}.planner-controls label{flex:1;min-width:120px}.planner-controls select{width:100%;max-width:100%}}@media(max-width:760px){.result{gap:10px 12px}.result>.brief:empty{display:none}.planner-controls label{flex:1 1 110px;min-width:0}.planner-controls select{width:100%;min-width:0}.chain-work h2{font-size:22px}.chain-tier-head h4{font-size:16px}.facts{font-size:14px}.facts strong{font-size:16px}}

.chain-browser{min-width:0;align-self:start}.chain-browser summary{padding:12px 15px;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;min-height:44px}.chain-browser .chain-sidebar{position:static}.single-chain .chain-browser{display:none}@media(min-width:761px){.chain-browser{position:sticky;top:20px}}@media(max-width:760px){.chain-layout{gap:16px}.chain-browser .chain-sidebar{max-height:260px}}

.reward-amount{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px;flex-shrink:0}.resource-total{font-size:13px;color:var(--muted);white-space:nowrap}.chance{display:inline-block;font-size:14px;font-weight:700;background:var(--green);color:white;padding:3px 9px;border-radius:5px;white-space:nowrap}.chance.unknown{background:var(--soft);color:var(--muted);font-weight:400;font-size:12px}.odds-intro{font-size:14px;color:var(--muted)}.average-reward{background:var(--soft);padding:13px 15px;border-radius:8px}.average-reward span{font-size:13px;color:var(--muted)}.reward-action a{font-size:12px;text-decoration:underline}.random-rewards li{padding:15px 13px}.random-rewards .item-main{align-items:flex-start}@media(max-width:480px){.random-rewards li{gap:8px;padding:13px 10px}.random-rewards .item-main{gap:8px}.random-rewards .item-art{width:30px;height:30px;flex-basis:30px}.random-rewards .item-main>div>a{font-size:14px}.resource-total{font-size:12px}.chance{font-size:13px}}

.skill-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:5px;padding:3px 9px;border:1px solid #bccbc1;white-space:nowrap}.skill-badge.standard{background:#eff4f1;color:#335545}.skill-badge.rare{background:#fff0c2;border-color:#d3ad4a;color:#704d00}#skill-version{font-weight:600}

.skill-filter{margin:12px 0}.skill-filter label{display:flex;align-items:center;gap:12px;font-weight:700}.skill-filter select{min-width:170px;padding:10px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font:inherit}.skill-filter[hidden]{display:none}

.decor-copy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px;margin:16px 0}.decor-copy-input{display:flex;flex-direction:column;gap:5px;font-weight:700}.decor-copy-input input{width:100%;min-width:0}.decor-copy-input small{font-weight:400;color:var(--muted);font-size:12px}.decor-mix-output{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.decor-needed{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.decor-needed strong{font-size:30px;line-height:1.2;color:var(--green)}.decor-mix h4{margin-top:0}.decor-copy-input input[aria-invalid=true]{border-color:#aa3737}

/* Exact decoration pages share the same level data and calculator as item details. */
.decor-open{display:inline-block;margin-top:8px;font-size:14px;font-weight:600}.open-item[href]{text-decoration:none}.open-item[href]:hover{text-decoration:underline}.decor-jumps{display:flex;gap:10px 20px;flex-wrap:wrap;margin:20px 0 8px;font-size:14px;font-weight:600}#upgrade-calculator,#decor-levels{scroll-margin-top:110px}body[data-page=decor] main{max-width:990px}body[data-page=decor] #detail{background:white;border:1px solid var(--line);border-radius:12px;overflow:clip}body[data-page=decor] .dialog-head{position:static;flex-wrap:wrap}body[data-page=decor] .dialog-head h1{font-size:30px}body[data-page=decor] #close{font-size:14px;white-space:nowrap}body[data-page=decor] .facts{margin:16px 0}body[data-page=decor] .decor-mix{border:1px solid #c3d1ba}body[data-page=decor] #upgrade-calculator,body[data-page=decor] #decor-levels{scroll-margin-top:20px}@media(max-width:600px){body[data-page=decor] main{padding:18px 12px 40px}body[data-page=decor] .dialog-head h1{font-size:25px}body[data-page=decor] #close{width:100%}body[data-page=decor] #detail-body{padding:14px}.decor-jumps{gap:8px 16px}}

.decor-start-controls{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin:20px 0 12px}.decor-start-controls label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;min-width:0}.decor-start-controls select{width:100%;min-width:0}.decor-inventory{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.decor-inventory>h4{font-size:18px}.decor-spare-row{display:flex;align-items:flex-end;gap:8px}.decor-copy-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.decor-spare-row label{flex:1;min-width:0;font-size:14px}.decor-remove{font-size:13px;padding:9px}.decor-add-controls{display:flex;gap:10px;margin:6px 0 18px}.decor-add-controls select{flex:1;max-width:180px}#decor-add-inventory>label{font-size:14px;font-weight:600}.decor-material-control{display:flex;align-items:center;gap:12px;margin:20px 0;font-weight:600;font-size:14px}.decor-material-control input{width:130px}.decor-route{margin:0 0 16px}.decor-balance{padding:10px 12px;background:#e3edda;border-radius:6px}.decor-steps{margin-top:18px}.decor-steps summary{font-size:15px}.decor-steps th:last-child{text-transform:capitalize}.decor-copy-input input[aria-invalid=true],#decor-materials[aria-invalid=true]{border-color:#aa3737}@media(max-width:600px){.decor-start-controls{grid-template-columns:1fr 1fr}.decor-start-controls label:first-child{grid-column:1/-1}.decor-copy-grid{grid-template-columns:1fr}.decor-material-control{align-items:flex-start;flex-direction:column;gap:6px}.decor-material-control input{width:100%}.decor-start-controls label{font-size:14px}}

.merge-level-note{font-size:14px;color:var(--muted);margin-bottom:12px}.merge-total{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

.price-primary{display:block}.price-conversion{display:block;font-size:13px;font-weight:500;line-height:1.45;color:var(--muted);margin-top:3px}.meta-right .price{line-height:1.4}.pack-price .price-conversion{font-size:14px}.planner-total .price-conversion{font-size:18px;margin-top:5px}.fx-note{font-size:13px;color:var(--muted);line-height:1.55;margin-top:10px}.unit-price{margin-top:14px;font-size:14px}.unit-price>.price-primary{font-weight:650;font-size:17px}.unit-price>.price-conversion{font-size:14px}.unit-price>p{margin-top:5px}.reported-prices summary{font-size:14px}.reported-prices[open]>p{margin-top:12px}@media(max-width:760px){.meta-right .price-conversion{font-size:12px}.planner-total .price-conversion{font-size:16px}}

/* Decor: an immediate upgrade answer with optional inventory detail. */
body[data-page=decorations] .filters{grid-template-columns:minmax(0,2fr) minmax(160px,1fr)}
body[data-page=decorations] .filters label:first-child{grid-column:auto}
.decor-simple{background:#f7f8f3;padding:20px;margin:14px 0 24px}
.decor-simple h3{margin:0 0 18px;font-size:21px}
.decor-calculator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.decor-inputs{min-width:0}.decor-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.decor-basic-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:14px;font-weight:600}
.decor-basic-grid input,.decor-basic-grid select{width:100%;min-width:0}
.decor-stock{margin-top:18px}.decor-basic-grid #decor-material-control{margin:0}
.decor-extra-levels{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.decor-extra-levels summary{min-height:36px;padding:3px 0}.decor-extra-levels .decor-copy-grid:empty{display:none}
.decor-simple .decor-reset{font-size:13px;background:transparent;border:0;text-decoration:underline;margin:8px 0 0;padding:5px 0}
.decor-simple .decor-mix-output{margin:0;padding:20px;background:white;border:1px solid #c3d1ba;border-radius:9px;min-width:0}
.decor-result-head{font-size:14px;font-weight:650;margin-bottom:12px}.decor-simple .decor-needed{gap:2px}
.decor-simple .decor-needed strong{font-size:38px;overflow-wrap:anywhere}.decor-simple .decor-needed span{font-size:14px}
.decor-simple .decor-needed a{font-weight:600}.decor-simple .decor-balance{background:none;padding:0;font-size:13px;color:var(--muted)}
.decor-used{font-size:13px}.decor-effect-gain{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.decor-effect-gain>strong{display:block;margin-bottom:5px}
.decor-exclusions{margin-top:14px;font-size:12px}.decor-reference{margin:18px 0;border:1px solid var(--line);border-radius:9px;padding:15px}.decor-reference>summary{font-size:16px}
body[data-page=decor] .decor-jumps{margin:0 0 14px}body[data-page=decor] .dialog-head h1{font-size:26px}
@media(max-width:760px){.decor-calculator-grid{grid-template-columns:1fr;gap:16px}.decor-simple{padding:15px}.decor-simple .decor-mix-output{padding:16px}.decor-basic-grid{gap:10px}.decor-simple h3{font-size:19px}.decor-basic-grid label{font-size:13px}.decor-basic-grid input,.decor-basic-grid select{font-size:14px}.decor-simple .decor-needed strong{font-size:32px}}
@media(max-width:420px){body[data-page=decorations] .filters{grid-template-columns:1fr}body[data-page=decor] .dialog-head h1{font-size:22px}.decor-basic-grid{grid-template-columns:1fr 1fr}}

.decor-calculator-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.decor-calculator-title h3{margin:0}.decor-calculator-title .decor-reset{margin:0;min-height:36px;padding:4px 8px}.decor-simple>.decor-extra-levels{margin-top:16px}.decor-simple>.decor-extra-levels .decor-copy-grid{max-width:520px}.decor-simple>.decor-extra-levels #decor-add-inventory{max-width:330px}

/* Decor requirements are one full list driven by two inputs. */
.decor-level-list>h3{margin:0 0 18px}.decor-list-controls{display:grid;grid-template-columns:minmax(130px,220px) minmax(150px,240px);gap:18px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:16px}.decor-list-controls label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:14px;min-width:0}.decor-list-controls input,.decor-list-controls select{width:100%;min-width:0}.decor-level-list #decor-levels{margin-top:18px}.decor-level-table th:first-child{width:64px}.decor-level-table td:nth-child(2){width:40%}.decor-level-table tbody th{background:transparent}.decor-level-table tbody .selected th{background:var(--soft)}.decor-below{color:var(--muted)}.decor-row-cost{font-variant-numeric:tabular-nums}.decor-row-cost>strong{font-size:16px}.decor-level-table td small{margin-top:5px}.decor-level-list .error{font-size:14px;padding:12px}#decor-extra[aria-invalid=true]{border-color:#aa3737}#decor-table-note{max-width:790px}
@media(max-width:600px){.decor-list-controls{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.decor-list-controls label{font-size:13px}.decor-level-table{font-size:13px}.decor-level-table th:first-child{width:48px}.decor-level-table th,.decor-level-table td{padding:10px 8px}.decor-level-table td:nth-child(2){width:38%}.decor-row-cost>strong{font-size:14px}.decor-level-table td small{font-size:11px}}

body[data-page=components] .filters{grid-template-columns:minmax(0,720px)}body[data-page=components] .filters label:first-child{grid-column:1/-1}

/* Decor buff browser */
body[data-page=decorations] .filters{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}
.decor-buffs{display:block;margin:18px 0 22px}
.buff-heading{font-size:15px;font-weight:650;letter-spacing:0;margin:0 0 10px}
.buff-row{display:flex;flex-wrap:wrap;gap:8px}
.decor-buff-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;font-size:13px;line-height:1.35;padding:8px 12px;min-height:44px}
.buff-count{font-size:12px;line-height:1.4;border-radius:9px;background:#eaf0e5;padding:1px 6px;font-variant-numeric:tabular-nums;color:#526a59}
.decor-buff-pill[aria-pressed=true] .buff-count{background:#ffffff24;color:#fff}
.buff-toggle{display:block;margin:10px 0 0;padding:8px 4px;border:0;background:transparent;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.decor-buff-extra{border-top:1px solid var(--line);margin-top:12px;padding-top:2px}
.decor-buff-extra[hidden]{display:none}
.decor-buff-extra h3{font-size:14px;margin:16px 0 9px;color:var(--muted)}
@media(max-width:600px){body[data-page=decorations] .filters{grid-template-columns:1fr}.buff-row{gap:7px}.decor-buff-pill{max-width:100%;padding:8px 10px}.buff-count{flex-shrink:0}}

/* Compact buff controls; choosing a buff closes the expanded options. */
.decor-buffs{margin:12px 0 14px}
.buff-heading{font-size:14px;margin-bottom:6px}
.buff-row{gap:5px;align-items:center}
.decor-buff-pill{gap:6px;font-size:12px;line-height:1.3;padding:5px 9px;min-height:32px}
.buff-count{font-size:11px;padding:0 5px}
.buff-toggle{display:inline-block;margin:0;padding:5px 8px;min-height:32px;font-size:12px;line-height:1.3}
.decor-buff-extra{margin-top:10px;padding-top:0}
.decor-buff-extra h3{font-size:12px;margin:10px 0 6px}
@media(max-width:600px){.buff-row{gap:5px}.decor-buff-pill{padding:5px 8px;min-height:38px}.buff-toggle{min-height:38px}}
@media(pointer:coarse){.decor-buff-pill,.buff-toggle{min-height:44px}}


/* Pack browsing follows game destinations, with purchase chains kept together. */
.pack-availability-note{font-size:13px;color:var(--muted);margin:12px 0 20px;max-width:920px}
.pack-sections{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:24px 0 0;padding:0 0 9px}
.pack-sections button{border:0;background:transparent;border-radius:6px;font-weight:650;font-size:14px;padding:8px 14px}
.pack-sections button[aria-pressed=true]{background:var(--green);color:white}
.pack-guide{max-width:920px;color:var(--muted);font-size:14px;margin:12px 0 18px;min-height:44px}
body[data-page=packs] .filters,body[data-page=chains] .filters{margin:16px 0 12px;grid-template-columns:minmax(240px,2fr) minmax(0,1fr) minmax(0,1fr)}
.pack-resource-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin:12px 0}
.pack-resource-controls label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;min-width:0}
.pack-resource-controls select{font-size:14px;width:100%;min-width:0}
.resource-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}
.resource-shortcuts button{font-size:12px;padding:5px 10px;min-height:36px;border-radius:20px}
.pack-result{grid-template-columns:minmax(0,1.2fr) minmax(0,1.45fr) minmax(150px,.55fr);padding:22px;gap:24px}
.pack-result .brief{-webkit-line-clamp:3;font-size:14px}.pack-result .open-pack{font-size:17px;line-height:1.45;display:inline-block;overflow-wrap:anywhere}
.pack-place{font-size:12px}.pack-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.pack-badges .tag{font-size:11px}
.preview-label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);margin-bottom:4px}
.pack-action{display:inline-block;margin-top:10px;font-size:13px;font-weight:650;min-height:32px;padding:4px 0;background:none;border:0;text-decoration:underline;text-underline-offset:3px}
.pack-action:hover{background:transparent}.pack-result .meta-right{font-size:12px}.pack-result .price{font-size:18px}
.match-note{font-size:12px;color:var(--muted);margin-top:6px}
.pack-location{padding:14px 18px;background:var(--soft);border-radius:8px;margin:20px 0}.pack-location h3{font-size:16px;margin:0 0 8px}.pack-location p{margin-top:6px}
.alliance-benefit{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.alliance-benefit h3{font-size:17px;margin:10px 0}
.chain-version-label{display:flex;gap:8px;flex-direction:column;max-width:520px;font-size:14px;font-weight:650;margin:16px 0}.chain-version-label select{width:100%}
.chain-overview-table{font-variant-numeric:tabular-nums;font-size:14px}.chain-overview-table .selected{background:var(--soft)}.chain-overview-table .selected th{background:var(--soft)}
body[data-page=chains] .chain-work>.pack-location{font-size:14px}body[data-page=chains] .chain-work>.pack-location h3{margin:0}
body[data-page=chains] .chain-sidebar>a{font-size:14px;padding:12px;overflow-wrap:anywhere}
@media(max-width:760px){body[data-page=packs] .filters,body[data-page=chains] .filters{grid-template-columns:1fr 1fr}body[data-page=packs] .filters label:first-child,body[data-page=chains] .filters label:first-child{grid-column:1/-1}.pack-resource-controls{grid-template-columns:1fr 1fr;gap:10px}.pack-resource-controls label:first-child{grid-column:1/-1}.pack-sections{gap:3px}.pack-sections button{font-size:13px;padding:7px 10px}.pack-guide{min-height:0}.pack-result{grid-template-columns:minmax(0,1fr) minmax(100px,.4fr);gap:12px;padding:17px}.pack-result>.item-main{grid-column:1;grid-row:1}.pack-result>.meta-right{grid-column:2;grid-row:1}.pack-result>.result-copy{grid-column:1/-1;grid-row:2;padding-top:10px;border-top:1px solid var(--line)}.pack-result .item-main{gap:9px}.pack-result .open-pack{font-size:15px}.pack-result .price{font-size:16px}.pack-result .price-conversion{font-size:11px}.pack-result .item-art{width:38px;min-width:38px;height:38px}.pack-location{padding:13px}.chain-overview-table{font-size:12px}.chain-overview-table th,.chain-overview-table td{padding:10px 8px}.resource-shortcuts button{min-height:40px}}
body[data-page=packs] .filters{grid-template-columns:minmax(0,1fr);margin:12px 0 10px}body[data-page=packs] .filters select{width:100%}
.pack-extra-filters{margin:8px 0 12px;font-size:13px}.pack-extra-filters>summary{font-weight:600;min-height:32px;padding:4px 0;cursor:pointer;width:fit-content}.pack-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0;padding:14px;background:var(--soft);border-radius:8px}.pack-filter-grid label{display:flex;flex-direction:column;gap:5px;min-width:0}.pack-filter-grid select{width:100%;font-size:13px}.pack-filter-grid label[hidden]{display:none}.pack-filter-grid label:first-child{grid-column:1/-1}.pack-location summary{font-size:14px;font-weight:650;cursor:pointer}.pack-availability-note{margin:8px 0 14px}.pack-sections{margin-top:18px}.pack-guide{line-height:1.5}
body[data-page=packs] .results-meta{margin-top:8px}.pack-guide{min-height:0;margin:10px 0 14px}.resource-shortcuts{margin:8px 0 6px}
@media(max-width:760px){body[data-page=packs] .filters{grid-template-columns:1fr}.pack-filter-grid{grid-template-columns:1fr 1fr;padding:10px}.pack-extra-filters>summary{min-height:40px}.pack-resource-controls{margin:0}}
@media(pointer:coarse){.pack-action,.resource-shortcuts button{min-height:44px}}

/* Separate game-currency stores from cash packs. */
body[data-page=stores] .filters{grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:14px;margin:14px 0}
body[data-page=stores] .filters label[hidden]{display:none}
.store-result{grid-template-columns:minmax(0,1.4fr) minmax(0,1.25fr) auto;gap:20px;padding:20px}
.store-result .open-pack{font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.store-summary{display:flex;flex-direction:column;gap:5px;min-width:0}.store-summary .price{font-size:17px}.store-summary .sub{overflow-wrap:anywhere}
.store-result .pack-action{align-self:center;font-size:13px}
.store-route{padding:14px;background:var(--soft);border-radius:8px;font-size:14px;line-height:1.6}
.store-offers{display:grid;gap:10px;margin:16px 0}.store-offer{border:1px solid var(--line);border-radius:8px;padding:14px}
.store-offer>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.store-offer p{font-size:13px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}
.store-item-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.store-item-filter button{padding:4px 10px}
#store-guide{max-width:960px}#pack-guide>a{font-size:13px;display:inline-block;margin:0 0 5px}
@media(max-width:760px){body[data-page=stores] .filters{grid-template-columns:1fr}.store-result{grid-template-columns:1fr;gap:10px;padding:16px}.store-result .pack-action{justify-self:start;margin:0}.store-summary{border-top:1px solid var(--line);padding-top:10px}.store-offer>div{flex-direction:column}}

.reward-modes{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.reward-modes button{border-radius:20px;padding:5px 11px;font-size:12px;min-height:34px}.reward-modes button[aria-pressed=true]{background:var(--green);color:#fff}
.custom-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.custom-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;min-width:0}.custom-controls select{width:100%;min-width:0}.custom-intro{line-height:1.6}.custom-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.custom-price .price-primary{font-weight:750;font-size:23px}.custom-price>span:last-child{font-size:13px;color:var(--muted)}
.custom-choice-groups{display:grid;gap:16px;margin:20px 0}.custom-choice-group{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.custom-choice-group legend{font-size:15px;font-weight:750;padding:0 8px}.custom-choice-group.blue legend{color:#285f9e}.custom-choice-group.purple legend{color:#785191}.custom-choice-group.orange legend{color:#956313}
.custom-choice{border:1px solid var(--line);border-radius:7px;padding:10px;min-width:0}.custom-choice:has(input:checked){background:var(--soft);border-color:var(--green)}.custom-choice label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.custom-choice input{width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}.custom-choice .item-art{width:36px;height:36px;min-width:36px}.custom-choice strong{white-space:nowrap}.custom-choice-links{font-size:11px;margin:5px 0 0 26px}.custom-output{border-top:2px solid var(--line);margin-top:20px;padding-top:4px}.custom-output .reward-list li{padding:9px 0}.custom-output h4{font-size:14px}.custom-output .two-col{gap:22px}
@media(max-width:650px){.custom-controls{grid-template-columns:1fr}.custom-choice-group{grid-template-columns:1fr;padding:10px}.custom-output .two-col{grid-template-columns:1fr}.reward-modes button{min-height:40px}}

.pack-version[hidden]{display:none}.pack-version>summary{cursor:pointer;list-style:none}.pack-version>summary::after{content:"＋";float:right;color:var(--green)}.pack-version[open]>summary::after{content:"−"}.pack-version>summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}.version-preview{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.pack-version-content{border-top:1px solid var(--line);margin-top:14px;padding-top:4px}.version-search-label{display:block;font-size:13px;font-weight:650}.version-search-label input{width:100%;margin-top:6px;box-sizing:border-box}.pack-versions{display:grid;gap:18px;margin:20px 0}.pack-version{padding:18px;border:1px solid var(--line);border-radius:10px}.pack-version-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pack-version-heading strong{margin:0;max-width:65%;font-size:16px}.pack-version-heading .price{text-align:right;white-space:nowrap}.pack-version .reward-list{margin:8px 0}.pack-version .reward-list li{padding:7px 0}.pack-version .item-art{width:32px;height:32px;min-width:32px}.pack-version .button{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:6px;margin-top:10px}.timing-details{background:var(--soft);padding:12px 16px;border-radius:8px;margin:16px 0}.timing-details h3{font-size:15px;margin:0 0 8px}.timing-details ul{padding-left:20px;margin:0;font-size:13px;line-height:1.6}.timing-details li+li{margin-top:8px}@media(max-width:650px){.pack-version{padding:12px}.pack-version-heading{display:block}.pack-version-heading strong{max-width:none}.pack-version-heading .price{text-align:left;display:block;margin-top:8px;white-space:normal}}

.pack-ages{padding:12px 14px;margin:14px 0;background:var(--soft);border:1px solid var(--line);border-radius:9px}.pack-age-selectors{display:flex;gap:14px}.pack-age-selectors label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650;flex:1;max-width:260px;min-width:0}.pack-age-selectors select{width:100%;min-width:0;font-size:13px}.pack-ages p{margin:8px 0 0;line-height:1.5}.pack-ages p:empty{display:none}.age-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.age-badges .tag{white-space:normal;line-height:1.4}.pack-age-context{margin:14px 0}@media(max-width:420px){.pack-ages{padding:10px}.pack-age-selectors{gap:8px}.pack-age-selectors select{padding:8px 6px;font-size:12px}}

.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h1{flex:1}.price-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;color:var(--muted);font-weight:600}.price-controls[hidden]{display:none}.price-controls select{min-width:78px;width:auto;padding:7px 26px 7px 9px;font-size:13px}.dialog-head .price-controls{margin-left:auto}.dialog-head .price-controls span{display:none}@media(max-width:520px){.page-heading{gap:8px}.price-controls{gap:5px}.price-controls select{min-width:68px;padding-right:20px}.dialog-head{gap:8px}.dialog-head .price-controls select{min-width:64px;font-size:12px;padding:6px 15px 6px 6px}.dialog-head:has(.price-controls:not([hidden])){display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 12px}.dialog-head:has(.price-controls:not([hidden]))>div{grid-column:2/4}.dialog-head:has(.price-controls:not([hidden])) .price-controls{grid-column:2;margin-left:0;justify-self:end}.dialog-head:has(.price-controls:not([hidden])) #close{grid-column:3}.dialog-head .price-controls span{display:inline}}