.buy-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040610b8;place-items:center;padding:16px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.buy-card{text-align:center;border:3px solid var(--ink);width:min(420px,100%);color:var(--fg);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 22%,var(--surface-hi)),var(--surface) 70%);box-shadow:0 10px 0 var(--ink),0 0 0 3px var(--c),0 24px 60px #000a;animation:pop .35s var(--spring) both;border-radius:18px;justify-items:center;gap:10px;padding:22px 20px 18px;display:grid}.buy-icon{border:3px solid var(--ink);background:color-mix(in srgb,var(--c) 40%,var(--surface2));width:58px;height:58px;box-shadow:0 4px 0 var(--ink);border-radius:16px;place-items:center;font-size:30px;display:grid}.buy-card h3{margin:0;font-size:19px}.buy-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.buy-sum{background:var(--bg2);border:2px solid var(--line);border-radius:12px;gap:4px;width:100%;margin:4px 0 0;padding:10px 12px;display:grid}.buy-sum>div{font:600 13px var(--f-mono);justify-content:space-between;display:flex}.buy-sum dt{color:var(--muted)}.buy-sum dd{color:var(--gold);margin:0}.buy-sum .after{border-top:2px dashed var(--line);margin-top:2px;padding-top:5px}.buy-sum .after dd{color:var(--leaf)}.buy-sum .after dd.bad{color:var(--fire2)}.buy-missing{font:600 13px var(--f-body);color:var(--fire2);margin:0}.buy-missing a{color:var(--gold)}.buy-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}@media (max-height:540px) and (orientation:landscape){.buy-card{text-align:left;grid-template-columns:auto 1fr;justify-items:start;column-gap:14px;width:min(640px,100%);padding:12px 16px}.buy-icon{grid-row:1/span 3;width:48px;height:48px}.buy-sum,.buy-actions{grid-column:1/-1}.buy-sum{grid-template-columns:repeat(3,1fr)}.buy-sum>div{display:grid}.buy-sum .after{border-top:0;margin-top:0;padding-top:0}.buy-actions{justify-self:end}}
.tw-items{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.tw-items>.tw-items-wide{grid-column:1/-1}.ic{border:3px solid var(--ink);text-align:left;cursor:pointer;color:var(--fg);font:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 30%,var(--surface-hi)),var(--surface) 80%);min-width:0;box-shadow:0 4px 0 var(--ink),inset 5px 0 0 var(--c);transition:transform .12s var(--spring),filter .15s,box-shadow .12s;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.ic:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 6px 0 var(--ink),0 0 16px color-mix(in srgb,var(--c) 45%,transparent),inset 5px 0 0 var(--c);transform:translateY(-2px)}.ic:active:not(:disabled){box-shadow:0 1px 0 var(--ink),inset 5px 0 0 var(--c);transform:translateY(3px)}.ic:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.ic-buy{opacity:.92}.ic-icon{border:3px solid var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c));width:34px;height:34px;text-shadow:1px 1px 0 var(--ink);border-radius:10px;flex:none;place-items:center;font-size:19px;display:grid}.ic-text{flex:1;gap:2px;min-width:0;display:grid}.ic-text b{font:700 13px/1.15 var(--f-body)}.ic-text small{font:500 10.5px/1.3 var(--f-body);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ic-badge{border:2px solid var(--ink);background:var(--gold);color:#2b1c00;font:800 12px var(--f-mono);border-radius:99px;flex:none;padding:3px 9px}.ic-badge.own{background:var(--leaf);color:#04210f}@media (max-width:520px){.tw-items{grid-template-columns:1fr}.ic-text small{-webkit-line-clamp:1}}
.tp-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-used{align-self:center}.tp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040612b8;place-items:center;padding:16px;animation:.18s both tpFade;display:grid;position:fixed;inset:0}.tp-open{width:min(760px,100%);max-height:min(88vh,720px);animation:tpPop .22s var(--spring) both;gap:10px;overflow:auto;box-shadow:0 18px 60px #0000008c}@keyframes tpFade{0%{opacity:0}}@keyframes tpPop{0%{opacity:0;transform:translateY(14px)scale(.96)}}.tp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.tp-mons{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.tp-mon,.tp-slot,.tp-opt{border:2px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;text-align:center;font:600 12px var(--f-body);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.tp-mon small,.tp-opt small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.tp-mon.on,.tp-slot.on,.tp-opt.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.tp-mon:hover,.tp-slot:hover,.tp-opt:hover{border-color:var(--fire2)}.tp-slots{flex-wrap:wrap;gap:8px;display:flex}.tp-slot{flex-direction:row;padding:8px 12px}.tp-search{border:2px solid var(--line);background:var(--surface);width:100%;color:var(--fg);font:500 13px var(--f-body);border-radius:10px;padding:8px 10px}.tp-options{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:min(40vh,340px);display:grid;overflow:auto}.tp-opt{text-align:left;align-items:flex-start}.tp-meta{color:var(--fire2)!important;font-weight:700!important}.tp-foot{justify-content:flex-end}