@charset "UTF-8";
.market-auction{--ma-bg:#0f1620;--ma-panel:#141d29;--ma-line:#2d3949;--ma-text:#e8edf2;--ma-muted:#9daabc;--ma-amber:#f6b94f;--ma-cyan:#74b8d9;--ma-red:#ff747d;color:var(--ma-text);font:inherit;min-width:0}
.market-auction *{box-sizing:border-box}
.market-auction button,.market-auction input{font:inherit}
.market-auction button:focus-visible,.market-auction input:focus-visible{outline:2px solid var(--ma-amber);outline-offset:3px}
.ma-shell{background:radial-gradient(circle at 100% 0,#2d261b 0,transparent 28%),var(--ma-bg);border:1px solid var(--ma-line);border-radius:10px;overflow:hidden}
.ma-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:28px 30px 22px;border-bottom:1px solid var(--ma-line)}
.ma-kicker,.ma-overline,.ma-art-tag,.ma-pet-no{font-family:var(--mono,Consolas,monospace);letter-spacing:1.4px}
.ma-kicker{color:var(--ma-amber);font-size:10px}
.ma-heading h2{font-size:29px;line-height:1.2;margin:8px 0 9px;letter-spacing:1px}
.ma-heading p{margin:0;color:var(--ma-muted);font-size:12px}
.ma-refresh{flex:none;color:var(--ma-amber);border:1px solid #b77d2c55;border-radius:5px;background:#b77d2c13;padding:7px 11px;font-size:11px}
.ma-refresh:hover{background:#b77d2c27}
.ma-strip{display:flex;flex-wrap:wrap;gap:8px 25px;background:#d99a3d0b;padding:10px 30px;border-bottom:1px solid #ad7a3f33;color:#c8ad81;font-size:11px}
.ma-strip span+span::before{content:"◆";font-size:6px;color:#896634;margin-right:17px;vertical-align:2px}
.ma-error{margin:16px 30px 0;padding:10px 12px;color:#ffd0d3;border:1px solid #ae505a80;background:#7b303b25;border-radius:5px;font-size:12px}
.ma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}
.ma-lot{display:grid;grid-template-rows:190px auto auto;min-width:0;background:linear-gradient(145deg,#17212e,#111923 67%);border:1px solid #344153;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #0002}
.ma-art{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#4284a326,transparent 50%),linear-gradient(125deg,#1c2934,#111d29 62%,#24231e)}
.ma-art::before,.ma-art::after{content:"";position:absolute;width:190px;height:190px;border:1px solid #a9a3a01b;border-radius:50%;transform:rotate(-18deg) scaleX(1.8)}
.ma-art::after{width:140px;height:140px;border-style:dashed;opacity:.55}
.ma-art img{position:relative;z-index:1;width:min(75%,240px);height:172px;object-fit:contain;filter:drop-shadow(0 15px 12px #0009)}
.ma-art-tag{position:absolute;top:13px;left:16px;z-index:2;color:#a6bcd0;font-size:9px}
.ma-status{position:absolute;top:12px;right:12px;z-index:2;border:1px solid #e8b95a73;color:#ffd687;background:#3c2d16dd;border-radius:3px;padding:3px 7px;font-size:10px}
.ma-status.ma-ended{color:#adb8c5;border-color:#7d8a9860;background:#283340d9}
.ma-info{padding:18px 20px 20px}
.ma-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ma-head{flex:none;width:39px;height:39px;object-fit:contain;border:1px solid #506077;border-radius:5px;background:#1b2936;padding:2px}
.ma-title>div{min-width:0;flex:1}
.ma-overline{font-size:9px;color:var(--ma-cyan)}
.ma-title h3{font-size:21px;line-height:1.3;margin:4px 0 0;color:#f1f4f7}
.ma-pet-no{font-size:12px;color:#728398}
.ma-source{font-size:11px;color:var(--ma-muted);margin:7px 0 17px}
.ma-source span{padding:0 5px;color:#657587}
.ma-training{margin:0 0 17px;padding:11px 13px;border:1px solid var(--ma-line);border-radius:5px;background:var(--ma-bg);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ma-training strong{color:var(--ma-amber)}
.ma-training p{margin:3px 0 0;color:var(--ma-text)}
.ma-prices{display:grid;grid-template-columns:1.15fr 1fr;gap:15px;padding:14px 15px;border:1px solid #b6803d33;background:linear-gradient(105deg,#b77a3021,#151e2b 76%);border-radius:5px}
.ma-prices>div:first-child{border-right:1px solid #ffffff19;padding-right:11px}
.ma-prices span{display:block;color:#a9b3bf;font-size:10px}
.ma-prices strong{font:700 25px/1.35 var(--mono,Consolas,monospace);color:var(--ma-amber);letter-spacing:.3px}
.ma-prices small{display:block;font-size:9px;color:#bba57e}
.ma-prices b{display:block;font:600 13px/1.5 var(--mono,Consolas,monospace);color:#e6ebf1;margin:2px 0 6px}
.ma-prices b:last-child{margin-bottom:0;color:#ffd17a}
.ma-deadline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:15px 0 6px;color:#a6b4c4;font-size:11px}
.ma-countdown{font:600 13px var(--mono,Consolas,monospace);color:#e7edf2;font-variant-numeric:tabular-nums}
.ma-my-status{margin:0 0 15px;color:#91c9d5;font-size:11px}
.ma-bid-form{margin:0}
.ma-bid-form label{display:block;margin:0 0 6px;color:#a9b6c6;font-size:10px}
.ma-bid-form>div{display:flex;gap:8px}
.ma-bid-form input{min-width:0;flex:1;height:39px;border:1px solid #3c4c5c;border-radius:5px;background:#0d1520;color:#f3f6f9;padding:0 11px;font-family:var(--mono,Consolas,monospace)}
.ma-bid-form button{flex:none;min-width:98px;height:39px;border:1px solid #f6bc55;border-radius:5px;background:#f6b94f;color:#20190d;font-weight:700;font-size:11px;padding:0 10px}
.ma-bid-form button:hover:not(:disabled){background:#ffd17c}
.ma-bid-form button:disabled,.ma-bid-form input:disabled{opacity:.55;cursor:default}
.ma-login{margin-top:9px;border:0;background:none;color:var(--ma-amber);font-size:11px;padding:3px 0;cursor:pointer}
.ma-result{padding:10px 12px;border:1px solid #438e7555;border-radius:5px;color:#b5e6d4;background:#1a654526;font-size:11px}
.ma-bids{border-top:1px solid #2c3a4a;padding:13px 20px 18px;min-width:0}
.ma-bids-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.ma-bids-head h4{font-size:12px;margin:0;font-weight:600}
.ma-bids-head span{font-size:10px;color:#8797a9}
.ma-bid-scroll{width:100%;overflow-x:auto}
.ma-bids table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}
.ma-bids th{text-align:left;color:#7f91a5;font-weight:400;padding:7px 5px;border-bottom:1px solid #344153}
.ma-bids td{color:#c6d2df;padding:7px 5px;border-bottom:1px solid #273441;font-variant-numeric:tabular-nums}
.ma-bids th:last-child,.ma-bids td:last-child{text-align:right}
.ma-bids tbody tr:first-child td:last-child{color:var(--ma-amber);font-weight:600}
.ma-no-bids{margin:0;color:#8797a9;font-size:11px}
.ma-footnote{padding:0 22px 19px;margin:0;color:#8491a2;font-size:10px}
.ma-empty,.ma-loading{text-align:center;padding:70px 18px;color:#a9b5c3}
.ma-empty strong{display:block;font-size:17px;color:#dce5ed;margin-bottom:7px}
.ma-empty p{margin:0;font-size:12px}
@media(max-width:1050px){.ma-grid{grid-template-columns:1fr}.ma-lot{grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto}.ma-art{grid-row:1;min-height:235px}.ma-info{grid-row:1}.ma-bids{grid-column:1/-1}.ma-art img{height:190px}}
@media(max-width:680px){.ma-heading{padding:21px 17px 17px;align-items:flex-start}.ma-heading h2{font-size:23px}.ma-heading p{font-size:10px}.ma-strip{padding:9px 17px;gap:4px 15px;font-size:9px}.ma-strip span+span::before{margin-right:9px}.ma-grid{padding:12px;gap:12px}.ma-lot{display:block}.ma-art{height:180px;min-height:0}.ma-art img{height:160px}.ma-info{padding:14px 15px 17px}.ma-title h3{font-size:19px}.ma-bids{padding:12px 15px 16px}.ma-prices strong{font-size:23px}.ma-footnote{padding:0 13px 16px}.ma-refresh{font-size:10px}.ma-error{margin:12px}}
@media(prefers-reduced-motion:reduce){.market-auction *{scroll-behavior:auto!important;transition:none!important}}
