/* NFTMachine collection and market components. Colors follow the page theme. */
.arc-nft-card { display:block;min-width:0;padding:8px;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);color:var(--paper);text-decoration:none;transition:border-color .16s,transform .16s;overflow:hidden; }
.arc-nft-card:hover { border-color:var(--acid);transform:translateY(-2px); }
.arc-card-art { position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:var(--panel-2); }
.arc-card-art img { display:block;width:100%;height:100%;object-fit:cover; }
.arc-art-pending { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;gap:10px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--acid) 9%,var(--panel)),var(--panel)); }
.arc-art-pending span { color:var(--acid);font:30px var(--mono); }.arc-art-pending small { font-size:10px;color:var(--muted); }
.arc-card-state,.arc-card-example { position:absolute;top:7px;padding:4px 6px;border-radius:8px;font-size:8px;line-height:1.3;background:#102019dc;color:#d3e8dd;border:1px solid #c0f2de30;backdrop-filter:blur(8px); }
.arc-card-state { left:7px;isolation:isolate;overflow:hidden;background:#17415a;color:#f3fcff;border-color:#bdeaff85;text-shadow:0 1px 2px #082332;backdrop-filter:none; }
.arc-card-state:not(.is-bonded)::before,.arc-card-state:not(.is-bonded)::after { content:"";position:absolute;inset:-100%;z-index:-1;pointer-events:none; }
.arc-card-state:not(.is-bonded)::before { background:linear-gradient(115deg,transparent 25%,#75c5e855 39%,#d9f7ff88 45%,#64b9dd44 51%,transparent 65%);animation:arc-mint-ice-drift 7s ease-in-out infinite alternate; }
.arc-card-state:not(.is-bonded)::after { background:repeating-linear-gradient(155deg,transparent 0 18px,#c6f1ff24 20px,transparent 24px 42px);animation:arc-mint-ice-depth 11s ease-in-out infinite alternate; }
.arc-card-state.is-bonded { background:#c8edb9;color:#204329;border-color:#dff6d5;text-shadow:none;box-shadow:none;animation:none; }
.arc-card-example { right:7px;background:#242721db;color:#e6dfce; }
@keyframes arc-mint-ice-drift { from { transform:translate(-18%,-8%) rotate(-8deg); } to { transform:translate(18%,8%) rotate(8deg); } }
@keyframes arc-mint-ice-depth { from { transform:translate(10%,-10%); } to { transform:translate(-10%,10%); } }
@media(prefers-reduced-motion:reduce) { .arc-card-state::before,.arc-card-state::after { animation:none!important; } }
.arc-card-body { padding:11px 2px 3px; }.arc-card-body h3 { font-size:12px;font-weight:650;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.arc-card-creator { margin:4px 0 13px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.arc-mint-meter { height:4px;border-radius:4px;background:var(--panel-3);overflow:hidden; }.arc-mint-meter i { display:block;height:100%;border-radius:4px;background:var(--acid);box-shadow:0 0 8px color-mix(in srgb,var(--acid) 30%,transparent); }
.arc-card-counts { display:flex;justify-content:space-between;margin-top:5px;font:11px var(--mono);color:var(--muted); }
.arc-card-counts.is-minted-out { color:#32865b;font-size:12px; }
.arc-card-metrics { display:grid;grid-template-columns:1.1fr .85fr;gap:6px;margin:14px 0 12px; }
.arc-metric { min-width:0; }.arc-metric>span { display:block;color:var(--muted);font-size:10px;line-height:1.5; }.arc-metric>strong { display:block;margin-top:4px;font-size:12px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.arc-card-metrics .arc-metric>span { font-size:8px; }.arc-card-metrics .arc-metric>strong { font-size:10px; }
.arc-card-footer { display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:9px; }
.arc-mini-card { display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px;align-items:center; }.arc-mini-card .arc-card-art { width:76px; }.arc-mini-card .arc-card-body { padding:0; }.arc-mini-card .arc-card-creator { margin:2px 0 0; }.arc-mini-card .arc-card-metrics { margin:8px 0; }.arc-mini-card .arc-card-footer { font-size:8px; }
.arc-king-card { width:180px;margin:auto;border:1px solid var(--acid);padding:7px;background:color-mix(in srgb,var(--acid) 7%,var(--panel));box-shadow:0 0 32px color-mix(in srgb,var(--acid) 12%,transparent);border-radius:15px;transform-origin:50% 60%;animation:arc-king-wobble 3.6s ease-in-out infinite,arc-king-glow 3.6s ease-in-out infinite; }
/* The outer ring grows without changing card dimensions or moving its content. */
@keyframes arc-king-glow {
  0%,100% { border-color:color-mix(in srgb,var(--acid) 65%,var(--panel));box-shadow:0 0 0 0 color-mix(in srgb,var(--acid) 35%,transparent),0 0 14px color-mix(in srgb,var(--acid) 14%,transparent),0 0 30px color-mix(in srgb,var(--acid) 5%,transparent),inset 0 0 9px color-mix(in srgb,var(--acid) 3%,transparent); }
  50% { border-color:var(--acid);box-shadow:0 0 0 2px color-mix(in srgb,var(--acid) 65%,transparent),0 0 28px color-mix(in srgb,var(--acid) 42%,transparent),0 0 58px color-mix(in srgb,var(--acid) 19%,transparent),inset 0 0 18px color-mix(in srgb,var(--acid) 9%,transparent); }
}
@keyframes arc-king-wobble {
  0%,100% { transform:translateY(0) rotate(-2deg); }
  50% { transform:translateY(-2px) rotate(2deg); }
}
.arc-king-card .arc-card-art { border-radius:9px; }.arc-king-card .arc-card-metrics { display:none; }.arc-king-card .arc-card-creator { margin-bottom:10px; }.arc-king-caption { margin:10px auto 0;max-width:195px;font-size:10px;color:var(--muted);line-height:1.5;text-align:center; }
.arc-discovery-toolbar input { min-height:0;padding:0; }.arc-launchpad-hero .arc-hero-shader[data-renderer=fallback] { background:radial-gradient(ellipse at 65% 30%,color-mix(in srgb,var(--acid) 8%,transparent),transparent 60%); }
.arc-marketplace { padding-top:32px;padding-bottom:30px; }.arc-market-title { display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 28px; }.arc-market-title h1 { font-size:32px;letter-spacing:-.035em;font-weight:600;margin:0; }.arc-market-title p { color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 0; }.arc-market-title .arc-eyebrow { display:none; }
.arc-market-summary { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:22px;margin-bottom:24px; }.arc-market-summary>.arc-metric { padding:0 20px;border-right:1px solid var(--line); }.arc-market-summary>.arc-metric:first-child { padding-left:0; }.arc-market-summary>.arc-metric:last-child { border:0; }.arc-market-summary .arc-metric>strong { font-size:22px; }
.arc-tab-bar { display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px;overflow-x:auto; }.arc-tab-bar button { white-space:nowrap;padding:8px 13px;font-size:12px;color:var(--muted);background:transparent;border:0;border-radius:20px;cursor:pointer; }.arc-tab-bar button:hover { color:var(--paper); }.arc-tab-bar button.active { background:var(--panel-3);color:var(--paper); }
.arc-market-toolbar { display:flex;gap:20px;align-items:center;margin:24px 0; }.arc-market-toolbar .arc-tab-bar { padding:0;border:0; }.arc-market-toolbar input { background:transparent;border:0;color:var(--paper);font-size:12px;min-width:0;width:100%;outline-offset:7px; }
.arc-market-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px; }.arc-market-grid>.arc-data-status { grid-column:1/-1; }.arc-watchable { min-width:0;position:relative; }.arc-watch { position:absolute;right:14px;top:14px;border:1px solid #ffffff40;color:white;background:#13201bbd;border-radius:50%;width:29px;height:29px;cursor:pointer; }.arc-market-card .arc-card-example { top:41px; }.arc-market-card-extra { display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0; }.arc-market-card .arc-card-metrics .arc-metric>strong { font-size:13px; }.arc-market-card-extra .arc-metric>strong { font-size:11px; }
.arc-preview-note { font-size:11px;color:var(--muted);line-height:1.6;margin:16px 0; }.arc-back-link { color:var(--muted);text-decoration:none;display:inline-block;font-size:12px;margin:0 0 28px; }.arc-back-link:hover { color:var(--paper); }
.arc-collection-heading { display:flex;gap:22px;align-items:center; }.arc-collection-heading>.arc-card-art { width:82px;flex:none; }.arc-collection-heading h1 { margin:0;font-size:30px;letter-spacing:-.025em; }.arc-collection-heading p { color:var(--muted);font-size:12px;margin:8px 0;line-height:1.6;max-width:660px; }.arc-detail-badge { margin-left:auto;padding:6px 12px;border-radius:20px;background:var(--panel-3);color:var(--acid);font-size:11px; }
.arc-bonding-panel { margin:28px 0 20px;background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:18px; }.arc-bonding-panel h2 { font-size:17px;font-weight:550;margin:0 0 22px; }.arc-bonding-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px; }.arc-bonding-stats strong { font-size:22px; }.arc-bonding-panel>.arc-mint-meter { height:6px; }.arc-bonding-panel>p { color:var(--muted);font-size:11px;line-height:1.6;margin:15px 0 0; }
.arc-detail-layout { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start; }.arc-detail-main { min-width:0; }.arc-curve-panel,.arc-items-panel,.arc-trade-panel { border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px; }.arc-curve-panel { margin-bottom:20px; }.arc-chart-title { display:flex;justify-content:space-between;align-items:center; }.arc-chart-title h2,.arc-trade-panel h2 { font-size:17px;font-weight:550;margin:0; }.arc-chart-title>span { font-size:11px;color:var(--muted); }.arc-curve-chart svg { width:100%;height:auto;display:block;stroke:none; }.arc-curve-chart text { fill:var(--muted);font:11px var(--mono); }.arc-curve-panel>.arc-review-muted { margin:0; }
.arc-trade-panel { position:sticky;top:22px; }.arc-trade-panel>.arc-tab-bar { margin:16px 0 24px;border:0;padding:4px;background:var(--panel-2);border-radius:25px; }.arc-trade-panel .arc-tab-bar button { flex:1; }.arc-trade-panel .arc-tab-bar button.active { background:var(--acid);color:var(--on-accent); }.arc-trade-panel>.arc-metric { margin:18px 0;display:flex;justify-content:space-between;align-items:center; }.arc-trade-panel>.arc-metric strong { margin:0;font-size:14px; }.arc-trade-submit { width:100%;margin:7px 0;min-height:42px;border-radius:24px!important;box-shadow:none!important; }.arc-qty-label { display:block;margin-top:28px;font-size:11px;color:var(--muted); }.arc-quantity { display:flex;gap:8px;align-items:center;margin-top:9px;border:1px solid var(--line-strong);border-radius:12px;padding:10px; }.arc-quantity input { min-width:0;width:100%;border:0;background:transparent;color:var(--paper);font-size:22px;appearance:textfield; }.arc-quantity input::-webkit-inner-spin-button { appearance:none; }.arc-quantity button { flex:none;border:0;background:var(--panel-3);border-radius:50%;width:27px;height:27px;color:var(--paper);cursor:pointer; }.arc-trade-info { border-top:1px solid var(--line);padding-top:20px;margin-top:20px; }.arc-trade-info strong { font-size:12px; }.arc-trade-info p { font-size:11px;color:var(--muted);line-height:1.7; }
.arc-items-toolbar { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0; }.arc-items-toolbar h3 { flex:1;font-size:14px;font-weight:500; }.arc-items-toolbar .button { font-size:10px;min-height:33px; }.arc-token-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }.arc-token-tile { min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:6px;position:relative; }.arc-token-tile>strong,.arc-token-tile>small,.arc-token-tile>p { display:block;font-size:11px;margin:10px 4px; }.arc-token-tile>small { color:var(--muted);font-size:9px; }.arc-token-tile>input { position:absolute;top:12px;right:12px;accent-color:var(--acid);width:18px;height:18px; }.arc-token-buy { width:100%;padding:7px;border:1px solid var(--line);background:var(--panel);border-radius:6px;font-size:10px;cursor:pointer; }.arc-sweep-button { position:sticky;bottom:18px;margin:20px 0 0;width:100%; }.arc-detail-description { font-size:13px;line-height:1.8;color:var(--muted); }
.arc-action-review { width:min(440px,calc(100% - 32px));border:1px solid var(--line-strong);border-radius:20px;padding:30px;background:var(--panel);color:var(--paper);box-shadow:0 25px 100px #0008; }.arc-action-review::backdrop { background:#080d0cbb;backdrop-filter:blur(5px); }.arc-action-review h2 { font-size:23px;margin:5px 0 12px; }.arc-action-review>p { font-size:12px;color:var(--muted);line-height:1.7; }.arc-action-review>.arc-metric { display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line); }.arc-action-review .arc-metric strong { margin:0; }.arc-dialog-close { position:absolute;right:16px;top:12px;font-size:25px;border:0;background:transparent;color:var(--muted);cursor:pointer; }.arc-review-muted { font-size:11px;color:var(--muted);line-height:1.7; }.arc-review-status { border:1px solid var(--line);border-radius:10px;padding:13px; }.arc-action-review>.button { width:100%; }.arc-action-review label { display:block;font-size:12px;margin:20px 0; }.arc-action-review input { display:block;margin-top:8px;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--paper);width:100%;padding:12px;border-radius:9px; }
@media(max-width:1100px){.arc-mini-card { grid-template-columns:62px minmax(0,1fr);gap:7px; }.arc-mini-card .arc-card-art { width:62px; }.arc-market-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }}
@media(max-width:850px){.arc-detail-layout { grid-template-columns:minmax(0,1fr) 285px;gap:14px; }.arc-curve-panel,.arc-items-panel,.arc-trade-panel { padding:16px; }.arc-token-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.arc-market-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }}
@media(max-width:650px){.arc-nft-card { padding:6px;border-radius:11px; }.arc-card-body h3 { font-size:11px; }.arc-card-state,.arc-card-example { font-size:7px;padding:3px 5px;top:5px; }.arc-card-state { left:5px; }.arc-card-example { right:5px; }.arc-king-card { width:124px; }.arc-king-card .arc-card-example { display:none; }.arc-king-card .arc-card-body h3 { font-size:11px; }.arc-king-caption { font-size:8px; }.arc-mini-card { grid-template-columns:48px minmax(0,1fr);gap:7px; }.arc-mini-card .arc-card-art { width:48px; }.arc-mini-card .arc-card-metrics { display:block;margin:5px 0 0; }.arc-mini-card .arc-metric:last-child,.arc-mini-card .arc-card-footer,.arc-mini-card .arc-card-creator { display:none; }.arc-mini-card h3 { font-size:10px; }.arc-mini-card .arc-metric>strong { font-size:9px; }.arc-marketplace { padding-top:20px; }.arc-market-title { align-items:start; }.arc-market-title h1 { font-size:27px; }.arc-market-title p { font-size:11px; }.arc-market-title>.button { display:none; }.arc-market-summary { grid-template-columns:repeat(2,1fr);gap:20px;padding:18px; }.arc-market-summary>.arc-metric { padding:0;border:0; }.arc-market-summary .arc-metric>strong { font-size:19px; }.arc-market-toolbar { flex-wrap:wrap;gap:15px; }.arc-market-toolbar .arc-discovery-search { flex-basis:100%; }.arc-market-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.arc-market-card .arc-card-metrics { grid-template-columns:1fr; }.arc-market-card .arc-card-metrics .arc-metric>strong { font-size:12px; }.arc-collection-heading { gap:13px;align-items:start;flex-wrap:wrap; }.arc-collection-heading>.arc-card-art { width:58px; }.arc-collection-heading>div:nth-child(2) { flex:1; }.arc-collection-heading h1 { font-size:23px; }.arc-collection-heading p { font-size:10px; }.arc-detail-badge { font-size:9px;padding:5px 8px; }.arc-detail-layout { display:flex;flex-direction:column; }.arc-trade-panel { position:static;order:-1;width:100%; }.arc-detail-main { width:100%; }.arc-bonding-panel { padding:18px; }.arc-bonding-stats { grid-template-columns:repeat(2,1fr);gap:18px; }.arc-bonding-stats strong { font-size:18px; }.arc-curve-chart text { font-size:12px; }.arc-token-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(prefers-reduced-motion:reduce){.arc-nft-card { transition:none; }.arc-nft-card:hover { transform:none; }.arc-king-card { animation:none;transform:none; }}