/* Independent experimental auction interface. No Fragment brand assets. */
:root{color-scheme:dark;--page:#1b2229;--surface:#222d37;--surface-high:#2a3643;--line:#1c2630;--text:#f5f7fa;--muted:#91a0b2;--blue:#48a9ed;--button:#248dd0;--green:#72d8aa;--amber:#e8c17c}
.auction-page{background:var(--page);color:var(--text);direction:ltr;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.75;min-width:320px}
.auction-page a{color:var(--blue);text-decoration:none}
.auction-page button,.auction-page a{-webkit-tap-highlight-color:transparent}
.auction-page button:focus-visible,.auction-page a:focus-visible,.auction-page summary:focus-visible{outline:2px solid #85cfff;outline-offset:5px}
.auction-page [hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;right:20px;background:var(--surface-high);padding:10px 20px;z-index:20}
.skip-link:focus{top:10px}
.site-header{height:76px;background:#232d37;border-bottom:1px solid #2c3742}
.header-inner{max-width:1320px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:38px;direction:ltr}
.test-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.test-brand>span:last-child{display:flex;flex-direction:column;direction:ltr;line-height:1.5}
.test-brand strong{color:var(--text);font-size:19px;font-weight:700}
.test-brand small{font:9px/1.8 Arial,sans-serif;letter-spacing:1.4px;color:#a6b1c0;direction:ltr}
.brand-symbol{width:35px;height:40px;color:#b9a2f7;display:grid;place-items:center}
.brand-symbol svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.asset-nav{display:flex;height:100%;align-items:stretch;gap:25px;direction:ltr}
.asset-nav a{position:relative;display:flex;align-items:center;gap:7px;font-weight:700;color:#9daab9}
.asset-nav a span{font:11px Arial,sans-serif;color:#7f91a4}
.asset-nav a[aria-current]{color:#fff}
.asset-nav a[aria-current]::after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}
.asset-nav a:hover{color:#fff}
.header-wallet{margin-left:auto;border:0;border-radius:7px;background:var(--button);color:white;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-weight:700;font-size:13px;direction:ltr;cursor:pointer;min-height:40px}
.header-wallet svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.header-wallet:hover,.auction-connect:hover{background:#2e9fe4}
.auction-shell{max-width:872px;margin:0 auto;padding:26px 20px 28px}
.test-notice{display:flex;gap:13px;align-items:center;background:#2c2c2b;border:1px solid #63533766;border-radius:8px;padding:12px 15px;margin-bottom:28px;color:#dfc699}
.notice-icon{width:23px;height:23px;flex:0 0 23px;border:1px solid #b58f52;border-radius:50%;display:grid;place-items:center;font:700 15px Arial}
.test-notice strong{font-size:12px;color:#f0d299}
.test-notice p{margin:2px 0 0;font-size:12px;line-height:1.6;color:#c4b69e}
.test-chip{font:700 10px Arial,sans-serif;letter-spacing:1.2px;border:1px solid #70604b;border-radius:4px;padding:4px 5px;margin-left:auto;color:#e0c59b}
.asset-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr;margin:0 0 22px}
.asset-title-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
.asset-heading h1{font-family:inherit;font-size:28px;line-height:1.45;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}
.state-badge{font-size:10px;font-weight:700;white-space:nowrap;color:#a7b4c6;background:#2a3542;padding:3px 8px;border-radius:4px;direction:ltr;letter-spacing:0}
.state-badge[data-state="verified"]{color:#7fe0af;background:#244136}
.state-badge[data-state="error"]{color:#f1a5a5;background:#432e34}
.reference-link{font-size:11px;white-space:nowrap;direction:ltr}
.reference-link span{font-size:16px;margin-right:5px}
.asset-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;direction:ltr;align-items:start}
.asset-presentation{grid-column:2;grid-row:1;min-width:0;direction:ltr}
.asset-details{grid-column:1;grid-row:1;min-width:0;direction:ltr}
.gift-stage,.number-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:324px;border-radius:10px;overflow:hidden;background:#242f3b;border:1px solid #313f50}
.gift-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#3c435733,transparent 70%)}
.stage-label{position:absolute;top:18px;left:0;right:0;text-align:center;color:#899aac;font:10px Arial;letter-spacing:2.4px;z-index:1}
.gift-placeholder{text-align:center;padding:38px 12px 20px;width:100%;color:#6b8097}
.gift-placeholder svg{width:136px;height:136px;fill:none;stroke:#8295b0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 10px 20px #080d1555)}
.gift-placeholder p{font-size:10px;color:#92a0b4;margin:12px 0}
#assetArtwork{width:100%;height:324px;object-fit:contain;background:var(--surface)}
.stage-serial{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font:12px Arial,sans-serif;color:#c2cddd;background:#1b2532a6;border:1px solid #50607555;border-radius:15px;padding:4px 12px;direction:ltr}
.number-stage{min-height:235px;background:#253445;border-color:#32465b}
.number-stage svg{width:53px;height:53px;fill:none;stroke:#71b8ec;stroke-width:2;stroke-linecap:round;margin:18px 0 13px}
.number-stage strong{font:700 clamp(20px,2.5vw,29px)/1.4 Arial,sans-serif;letter-spacing:1px;color:#d9edff;max-width:94%;overflow-wrap:anywhere}
.number-stage p{margin:8px 0 0;color:#a6b7c9;font-size:11px}
.duration-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px;color:var(--muted);font-size:11px;text-align:center}
.duration-strip strong{font-size:13px;background:#25313e;border-radius:5px;padding:4px 13px;color:#e6edf5}
.duration-strip small{flex-basis:100%;font-size:10px;color:#8091a5}
.property-table{margin:0 0 20px;border-radius:8px;overflow:hidden;background:var(--surface)}
.property-table>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:10px 15px;border-bottom:1px solid var(--line)}
.property-table>div:last-child{border:0}
.property-table dt{color:var(--muted);font-size:12px;flex-shrink:0}
.property-table dt span{font:10px Arial;margin-right:3px;color:#788c9f}
.property-table dd{margin:0;font-size:13px;font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:68%}
.property-table .number-property{color:var(--blue);font:600 14px Arial;letter-spacing:.3px}
.bid-summary{display:grid;grid-template-columns:1.2fr .85fr 1fr;background:var(--surface);border-radius:8px;overflow:hidden;direction:ltr}
.bid-summary>div{min-width:0;display:flex;flex-direction:column;text-align:left}
.bid-summary>div>span{background:var(--surface-high);font-size:10px;font-weight:700;color:#adbacb;padding:10px 11px;white-space:nowrap}
.bid-summary strong{font-family:Arial,Tahoma,sans-serif;font-size:16px;padding:10px 11px 0;min-height:37px;text-align:left}
.bid-summary strong b{font-weight:700}
.bid-summary strong small{font-size:9px;color:#9eafc1}
.bid-summary>div>small{font-size:9px;color:var(--muted);padding:0 11px 12px}
.ton-mark{font-style:normal;color:#7dc8ff;font-size:19px;line-height:1}
.payout-notice{margin-top:18px;padding:12px 13px;background:#282c31;border:1px solid #565146;border-radius:7px}
.payout-notice>div:first-child{display:flex;align-items:center;gap:8px}
.payout-notice strong{font-size:11px;color:#e4c793}
.payout-dot{width:5px;height:5px;border-radius:50%;background:#d9b470;flex-shrink:0}
.payout-notice p{font-size:10px;color:#aeb6c1;margin:5px 0 7px}
.payout-notice code{display:block;overflow-wrap:anywhere;font:11px/1.75 Consolas,monospace;color:#e1e5ec;text-align:left}
.auction-connect.btn{width:100%;min-height:47px;margin-top:15px;border-radius:7px;background:var(--button);font-size:13px;box-shadow:none;transition:background .15s}
.auction-connect.btn:hover{transform:none;background:#2e9fe4}
.action-explanation{font-size:11px;color:#a1aebd;line-height:1.9;margin:10px 0 0}
.asset-input-hint{display:flex;flex-direction:column;gap:3px;margin:24px 0 0;padding:13px 16px;background:var(--surface);border-radius:7px;color:#aebbc9;font-size:12px}
.asset-input-hint strong{color:#e0e7f1}
.auction-status{background:#212d38;border:1px solid #3b4c5e;border-radius:7px;margin-top:22px;overflow:hidden}
.auction-status-inner{padding:12px 16px}
.auction-status-title{font-size:12px;font-weight:700;color:#dce8f5}
.auction-status-message{font-size:11px;line-height:1.9;color:#b2becd;margin-top:3px}
.auction-status-extra{font-size:11px;color:#a3b3c7;margin-top:5px}
.auction-status.status-error{background:#34272d;border-color:#83505a}
.auction-status.status-error .auction-status-title{color:#ffc0c3}
.auction-status.status-success{border-color:#3b6953}
.auction-status.status-loading{border-color:#627c94}
.history-section{margin-top:31px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.section-heading h2{font-size:18px;font-weight:700;margin:0;color:#f1f4f8}
.table-caption{font-size:10px;color:#8394a8}
.table-frame{border-radius:8px;overflow:hidden;background:var(--surface)}
.history-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}
.history-table thead{background:var(--surface-high);color:#9cabbd}
.history-table th,.history-table td{text-align:left;padding:12px 15px;vertical-align:middle;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.history-table thead th{font-weight:700}
.history-table th:first-child{width:26%}
.history-table th:nth-child(2){width:23%}
.history-table tbody th{font-weight:400;color:#d2dce7}
.history-table tbody td{color:#a6b4c6}
.history-table tr:last-child>*{border-bottom:0}
.history-table .table-state{color:var(--blue)}
.history-table .table-empty{text-align:center;padding:24px 16px;color:#7b8fa5}
.table-empty>span{display:block;font-size:26px;line-height:1;margin-bottom:10px;color:#6e859c}
.table-empty strong{display:block;color:#b1bfd0;font-size:12px;font-weight:400}
.table-empty p{margin:3px 0 0;font-size:10px}
.diagnostics{border:1px solid #344251;border-radius:8px;margin-top:25px;background:#202a34;font-size:12px}
.diagnostics>summary{padding:14px 16px;cursor:pointer;color:#a4b5c7;list-style:none;display:flex;justify-content:space-between;align-items:center}
.diagnostics>summary::-webkit-details-marker{display:none}
.diagnostics[open]>summary{border-bottom:1px solid #344251}
.diagnostics-body{padding:17px}
.diagnostics h3{font-size:13px;color:#c5d3e4;margin:0 0 12px}
.diagnostics .status{font-size:11px;border-radius:5px;padding:4px 8px}
.diagnostics .wallet-address{margin:9px 0 20px;background:#18232d}
.tonconnect-debug{border:1px solid #344859;background:#1c2936;padding:12px;border-radius:6px;font-size:11px;overflow-wrap:anywhere;margin-bottom:15px}
.tonconnect-debug-error{border-color:#9a505a}
.tonconnect-debug-success{border-color:#42735d}
.diagnostics .stat-box{background:#253442;border-color:#354658;border-radius:6px;padding:10px}
.diagnostics .stat-value{font-size:20px}
.diagnostics .stat-label{font-size:10px}
.diagnostics .asset-item{background:#243240;border:1px solid #36495e;border-radius:6px;padding:12px}
.diagnostics .asset-name{font-size:12px}
.diagnostics .asset-source{color:#8194a9;font-size:10px}
.diagnostics .asset-address{overflow-wrap:anywhere}
.preflight-panel{display:none;margin:17px 0;background:#24313e;padding:8px 12px;border-radius:6px}
.preflight-panel.visible{display:block}
.preflight-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #364451;font-size:11px}
.preflight-row:last-child{border:0}
.preflight-ok{color:#83d8b2}.preflight-fail{color:#f9a0a7}.preflight-loading{color:#dfc185}
.diagnostics .operation-log{max-height:240px;background:#17212c;border-radius:6px;font-size:11px}
.auction-footer{border-top:1px solid #2c3945;margin-top:32px;padding:21px 0 6px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#8394a8}
.footer-dot{padding:0 6px;color:#65788e}
.auction-footer p{flex-basis:100%;margin:2px 0 0;font-size:10px;line-height:1.9;color:#9daabd}
.auction-results{margin-top:24px}
.auction-result-card{background:var(--surface);border:1px solid #3b6653;border-radius:8px;padding:16px;display:flex;gap:15px;margin:12px 0}
.auction-result-image{width:72px;height:72px;object-fit:contain;border-radius:8px}
.auction-result-address{overflow-wrap:anywhere;font:11px Consolas,monospace;color:var(--muted)}
@media(min-width:1450px){.auction-shell{padding-top:34px}.header-inner{padding:0 35px}.asset-overview{gap:30px}}
@media(max-width:740px){.header-inner{padding:0 17px;gap:22px}.asset-nav a span{display:none}.asset-nav{gap:17px}.test-brand strong{font-size:16px}.test-brand small{font-size:8px;letter-spacing:.8px}.header-wallet{font-size:11px;padding:9px 11px}.header-wallet svg{width:16px}.asset-heading{align-items:flex-start}.asset-heading h1{font-size:23px}.asset-title-group{gap:8px}.asset-overview{gap:18px}.bid-summary>div>span{font-size:9px;padding:9px 8px}.bid-summary strong{padding-right:8px;padding-left:8px;font-size:15px}.bid-summary>div>small{padding:0 8px 10px;font-size:8px}.gift-stage,#assetArtwork{min-height:290px;height:290px}.auction-shell{padding:20px 17px}.property-table>div{padding:10px 11px}}
@media(max-width:580px){.site-header{height:105px}.header-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:62px 43px;gap:0 12px;padding:0 17px}.test-brand{gap:7px}.brand-symbol{width:28px}.brand-symbol svg{width:26px}.header-wallet{grid-column:2;grid-row:1;min-height:35px;padding:7px 11px;font-size:11px}.asset-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:45px}.asset-nav a{font-size:12px}.asset-nav a span{display:inline;font-size:10px}.auction-shell{padding:17px 14px 24px}.test-notice{padding:10px 11px;gap:9px;margin-bottom:21px}.notice-icon{width:20px;height:20px;flex-basis:20px;font-size:13px}.test-notice strong{font-size:11px}.test-notice p{font-size:10px;line-height:1.9}.test-chip{display:none}.asset-heading{flex-wrap:wrap;gap:9px;margin-bottom:17px}.asset-heading h1{font-size:24px}.asset-title-group{width:100%}.reference-link{font-size:10px;margin-left:auto}.state-badge{font-size:9px;padding:3px 7px}.asset-overview{grid-template-columns:1fr;gap:21px}.asset-presentation{grid-column:1;grid-row:1}.asset-details{grid-column:1;grid-row:2}.gift-stage,#assetArtwork{height:290px;min-height:290px}.gift-placeholder svg{width:134px}.duration-strip{margin-top:12px;font-size:10px;gap:8px}.duration-strip small{font-size:9px}.property-table>div{min-height:42px;padding:10px 13px}.property-table dd{font-size:12px}.property-table dt{font-size:11px}.bid-summary>div>span{font-size:10px;padding:10px 12px}.bid-summary strong{font-size:17px;padding-right:12px;padding-left:12px}.bid-summary>div>small{font-size:9px;padding:0 12px 12px}.number-stage{min-height:207px}.number-stage strong{font-size:30px;max-width:94%}.number-overview{gap:19px}.payout-notice{margin-top:16px}.action-explanation{font-size:10px}.section-heading h2{font-size:16px}.table-caption{font-size:9px}.history-table{font-size:10px}.history-table th,.history-table td{padding:11px 10px}.history-table th:first-child{width:25%}.history-table th:nth-child(2){width:25%}.history-section{margin-top:26px}.auction-status{margin-top:20px}.auction-status-inner{padding:12px 13px}.diagnostics-body{padding:12px}.diagnostics .scan-grid{gap:7px}.diagnostics .asset-item{flex-wrap:wrap}.auction-footer{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.auction-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}