.tf-backdrop{z-index:1000;background:#1a1c2cc7;place-items:center;padding:16px;animation:.26s ease-out both tf-fade;display:grid;position:fixed;inset:0}.tf-card{--fg:#fff;--fg-muted:#ffffffeb;border:4px solid var(--ui-ink);background:var(--ui-primary);color:#fff;text-align:center;width:min(420px,100%);max-height:calc(100dvh - 32px);box-shadow:6px 6px 0 var(--ui-ink);border-radius:20px;padding:18px 18px 14px;animation:.48s cubic-bezier(.2,1.4,.4,1) both tf-pop;position:relative;overflow:hidden auto}.tf-burst{pointer-events:none;background:repeating-conic-gradient(#ffcb0538 0deg 10deg,#0000 10deg 20deg);animation:16s linear infinite tf-spin;position:absolute;inset:-40%}.tf-card>:not(.tf-burst){position:relative}.tf-kicker{font:700 var(--ui-text-xs) / 1.2 var(--ui-font-mono);letter-spacing:.12em;color:var(--ui-gold-hi);margin:0}.tf-title{font:400 28px / 1.08 var(--ui-font-display);letter-spacing:.02em;color:var(--ui-gold);text-shadow:3px 3px 0 var(--ui-ink);margin:6px 0 10px}.tf-slab{aspect-ratio:5/8;border:3px solid var(--ui-ink);background:var(--ui-paper);width:min(150px,42vw);box-shadow:4px 4px 0 var(--ui-ink);border-radius:12px;place-items:center;margin:0 auto 10px;animation:3.2s ease-in-out .6s infinite tf-float;display:grid}.tf-slab img{object-fit:contain;max-width:100%;max-height:100%}.tf-need{font:800 var(--ui-text-md) / 1.35 var(--ui-font-body);margin:6px 0 4px}.tf-have{font:700 var(--ui-text-sm) / 1.4 var(--ui-font-numeric,var(--ui-font-body));color:var(--ui-gold-hi);margin:0 0 8px}.tf-market{opacity:.85;margin:0 0 10px}.tf-small{font:600 var(--ui-text-xs) / 1.45 var(--ui-font-body);margin:4px 0}.tf-buy{border:3px solid var(--ui-ink);background:var(--ui-gold);width:auto;min-height:0;color:var(--ui-ink);font:400 21px / 1 var(--ui-font-display);letter-spacing:.04em;box-shadow:3px 3px 0 var(--ui-ink);cursor:pointer;border-radius:999px;margin:6px 0 2px;padding:9px 22px;text-decoration:none;display:inline-block}.tf-buy:disabled{opacity:.55;cursor:default;box-shadow:none}.tf-buy-small{padding:6px 14px;font-size:16px}.tf-later,.tf-link-button{width:auto;min-height:0;box-shadow:none;color:inherit;font:700 var(--ui-text-xs) / 1.2 var(--ui-font-body);cursor:pointer;opacity:.85;background:0 0;border:0;margin:8px auto 0;padding:4px 8px;text-decoration:underline;display:block}.tf-link{color:inherit;font-weight:800}.tf-swap{--fg:var(--ui-ink);--fg-muted:var(--ui-ink-muted);border:3px solid var(--ui-ink);background:var(--ui-paper);color:var(--ui-ink);text-align:left;box-shadow:3px 3px 0 var(--ui-ink);border-radius:14px;margin:8px 0 4px;padding:12px}.tf-swap-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tf-swap-head strong{font:400 18px / 1.1 var(--ui-font-display);letter-spacing:.03em}.tf-x{width:32px;height:32px;min-height:0;box-shadow:none;border:2px solid var(--ui-ink);background:var(--ui-paper-raised);color:var(--ui-ink);cursor:pointer;border-radius:999px;flex:none;padding:0;font-weight:900}.tf-field{color:var(--ui-ink);font:700 var(--ui-text-xs) / 1.2 var(--ui-font-body);gap:4px;margin:0;display:grid}.tf-field input{border:2px solid var(--ui-ink);width:100%;min-height:40px;color:var(--ui-ink);font:700 18px / 1.2 var(--ui-font-numeric,var(--ui-font-mono));background:#fff;border-radius:10px;padding:6px 10px}.tf-quote{min-height:44px;margin:6px 0}.tf-pay{color:var(--ui-ink);font:800 var(--ui-text-md) / 1.3 var(--ui-font-body);margin:2px 0}.tf-get{color:var(--ui-ink);font:700 var(--ui-text-sm) / 1.35 var(--ui-font-body);margin:2px 0}.tf-warn{color:var(--ui-danger)}.tf-error{color:var(--ui-danger);font:700 var(--ui-text-sm) / 1.35 var(--ui-font-body);margin:4px 0}.tf-via{color:var(--ui-ink-muted)}.tf-swap .tf-buy{text-align:center;width:100%;margin-top:8px;display:block}.tf-swap .tf-link-button{color:var(--ui-ink)}.tf-ok{font:800 var(--ui-text-md) / 1.3 var(--ui-font-body);color:var(--ui-ok);margin:0 0 6px}.tf-panel:empty{display:none}.tf-panel{margin:10px 0 0}.tf-reminder{border:2px dashed var(--ui-gold-lo);background:var(--ui-gold-soft);color:var(--ui-ink);border-radius:12px;padding:10px 12px}.tf-reminder p{color:var(--ui-ink);font:700 var(--ui-text-sm) / 1.4 var(--ui-font-body);margin:0 0 6px}.tf-reminder-actions{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.tf-reminder-actions .tf-buy{margin:0}.tf-reminder-actions .tf-link-button{margin:0;display:inline}.tf-panel-buy{text-align:left;color:var(--ui-ink);margin:0}.atlas-world .atlas-window .tf-panel button.tf-buy{background:var(--ui-gold);border:3px solid var(--ui-ink);min-height:0;color:var(--ui-ink);box-shadow:3px 3px 0 var(--ui-ink);font:400 16px / 1 var(--ui-font-display);letter-spacing:.04em;border-radius:999px}.atlas-world .atlas-window .tf-panel .tf-swap button.tf-buy{padding:9px 16px;font-size:19px}.atlas-world .atlas-window .tf-panel button.tf-buy:disabled{opacity:.55;box-shadow:none}.atlas-world .atlas-window .tf-panel button.tf-link-button{min-height:0;box-shadow:none;color:var(--ui-ink);font:700 var(--ui-text-xs) / 1.2 var(--ui-font-body);background:0 0;border:0;text-decoration:underline}.atlas-world .atlas-window .tf-panel button.tf-x{background:var(--ui-paper-raised);border:2px solid var(--ui-ink);min-height:0;color:var(--ui-ink);box-shadow:none;border-radius:999px}@keyframes tf-fade{0%{opacity:0}to{opacity:1}}@keyframes tf-pop{0%{opacity:0;transform:scale(.7)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes tf-spin{to{transform:rotate(360deg)}}@keyframes tf-float{50%{transform:translateY(-5px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.tf-backdrop,.tf-card,.tf-burst,.tf-slab{animation:none}}@media (max-width:420px){.tf-title{font-size:24px}.tf-slab{width:min(120px,36vw)}}
