:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f1edf4;background:#0b0c12;font-synthesis:none;--text-strong: #f0d29a;--text-primary: #ddd4e2;--text-secondary: #afa4b8;--gold: #d9b06a;--line: rgba(217, 176, 106, .42);--screen-gap: clamp(10px, 1.2vw, 18px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:0;background:#0b0c12}button{font:inherit}.screen{width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;gap:var(--screen-gap);padding:clamp(8px,1vw,16px);position:relative;overflow:hidden;background:radial-gradient(circle at 76% 8%,#32213e 0,#0b0c12 54%)}.screen--media{background:#0c0b11}.screen-header{display:grid;grid-template-columns:minmax(0,max-content) minmax(80px,1fr) auto;align-items:center;gap:clamp(8px,1vw,16px);flex:0 0 auto;min-width:0}.screen-store-title{min-width:0;max-width:52vw}.eyebrow{display:block;color:#a999b7;font-size:12px;line-height:1.35;letter-spacing:.16em}.screen-store-title__row{display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);min-width:0}.screen-slogan{min-width:0;height:clamp(28px,3vw,44px);display:flex;align-items:center;overflow:hidden;padding:0 clamp(8px,.8vw,12px);border-bottom:1px solid rgba(217,176,106,.78);box-shadow:inset 0 -3px #d9b06a14;color:var(--text-secondary);font-size:clamp(14px,1.15vw,20px);font-weight:700;line-height:1.4;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.screen-slogan span{display:inline-block;min-width:100%;padding-right:3rem;animation:slogan-marquee 18s linear infinite}.screen h1{min-width:0;margin:4px 0 0;color:var(--text-strong);font-size:clamp(20px,2.4vw,40px);font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-page-status{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text-secondary);font-size:clamp(12px,1vw,15px);white-space:nowrap;padding:4px 10px;border:1px solid rgba(217,176,106,.24);border-radius:999px;background:#ffffff08;backdrop-filter:blur(10px)}.auction-page-status__count{color:var(--text-primary)}.auction-page-dots{display:block;width:clamp(72px,7vw,136px);overflow:hidden}.auction-page-dots__rail{display:flex;gap:8px;transition:transform .45s ease}.auction-page-dots i{display:block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#8e8494;opacity:.7;box-shadow:inset 0 0 0 1px #ffffff0f}.auction-page-dots i.auction-page-dot--active{background:var(--gold);opacity:1;box-shadow:0 0 10px #d9b06a;transform:scale(1.15)}.screen-brand-lockup{display:flex;align-items:center;justify-content:flex-end;gap:clamp(7px,.8vw,12px);min-width:0;color:var(--text-strong);font-size:clamp(14px,1.35vw,22px);letter-spacing:.04em}.screen-brand-lockup img{width:clamp(112px,13vw,210px);max-height:clamp(28px,3.4vw,52px);object-fit:contain;object-position:right center;filter:brightness(0) invert(1) drop-shadow(0 4px 16px #0008)}.screen-brand-lockup span{white-space:nowrap}.credential-stage,.loading-stage{flex:1;min-height:0;display:grid;place-items:center;border:1px solid rgba(217,176,106,.24);border-radius:20px;background:#1b1723c7}.credential-stage__panel,.loading-stage{text-align:center;padding:28px}.credential-stage h2{margin:16px 0 10px;color:var(--text-strong);font-size:clamp(24px,3vw,44px);font-weight:600}.credential-stage p,.loading-stage strong{color:var(--text-secondary);font-size:clamp(14px,1.3vw,20px)}.loading-stage strong{display:block;margin-top:10px}.single-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:var(--screen-gap)}.auction-grid{flex:1;min-height:0;display:grid;gap:var(--screen-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.auction-card{container-type:inline-size;position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:clamp(6px,.8vw,12px);padding:clamp(8px,1vw,16px);border:1px solid rgba(217,176,106,.42);border-radius:clamp(10px,1vw,16px);background:linear-gradient(145deg,#241d2bf0,#100f17eb);box-shadow:0 15px 45px #0008}.auction-card__top{display:flex;gap:clamp(8px,.8vw,14px);min-width:0;align-items:flex-start}.auction-card__top img{width:clamp(40px,7cqw,92px);height:clamp(40px,7cqw,92px);flex:0 0 auto;object-fit:contain;border-radius:8px;background:#fff1}.auction-card__summary{min-width:0;flex:1}.auction-card__current-price{text-align:center}.auction-card__waiting{display:inline-block;color:var(--gold);animation:waiting-pulse 1.8s ease-in-out infinite}.auction-card small,.price-grid span,.bid-history__title small{color:var(--text-secondary);font-size:clamp(10px,2.5cqw,13px)}.auction-card h2{margin:4px 0;color:var(--text-primary);font-size:clamp(11px,4.2cqw,21px);font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auction-card strong{display:block;color:var(--text-strong);font-size:clamp(12px,5.8cqw,32px);font-weight:700;font-variant-numeric:tabular-nums}.auction-card em{color:var(--text-secondary);font-size:clamp(10px,2.7cqw,14px);font-style:normal}.bid-history{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.bid-history__title{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-bottom:4px;color:var(--text-strong);font-size:clamp(11px,3cqw,15px)}.bid-history__columns{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}.bid-history__stream,.bid-history__ranking{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(217,176,106,.18);border-radius:8px;background:#ffffff09;padding:3px}.bid-history__stream-viewport{height:100%;overflow:hidden}.bid-history__stream-track{animation:bid-stream var(--bid-stream-duration, 28s) linear infinite}.bid-history__stream-track--static{animation:none}.bid-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;min-height:clamp(22px,6cqw,34px);padding:3px 5px;color:var(--text-primary);font-size:clamp(9px,2.4cqw,13px)}.bid-row__bidder{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid-row time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.bid-row strong{color:var(--text-strong);font-size:clamp(10px,2.7cqw,14px)}.bid-row--rank{grid-template-columns:auto minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.06)}.bid-row--rank b{color:var(--text-strong);font-weight:600;white-space:nowrap}.bid-history__empty{padding:12px 6px;color:var(--text-secondary);font-size:12px;text-align:center}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto}.price-grid--simple{grid-template-columns:1fr}.price-grid>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px 8px;border:1px solid rgba(217,176,106,.16);border-radius:8px;background:#ffffff0a}.price-grid--simple .seller-final{grid-column:auto}.price-grid b{display:block;margin-top:3px;color:var(--text-primary);font-size:clamp(10px,3.8cqw,20px);font-weight:700;font-variant-numeric:tabular-nums}.price-grid .seller-final{grid-column:span 2;border-color:#d9b06a73;background:#5b3d1b5c}.price-grid .seller-final b{color:var(--text-strong);font-size:clamp(12px,5cqw,26px)}.brand-panel{position:relative;min-height:0;display:grid;place-content:center;justify-items:center;gap:15px;overflow:hidden;border:1px solid rgba(217,176,106,.25);border-radius:16px;background:#ffffff09;padding:clamp(10px,1.2vw,20px)}.brand-panel--media{background:#111016}.brand-panel__halo{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:#ad7ad933;filter:blur(50px);animation:breathe 4s ease-in-out infinite}.brand-logo{position:relative;max-width:78%;max-height:34%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 12px 35px #0008)}.brand-panel strong{color:var(--text-strong);font-size:clamp(18px,1.8vw,28px);font-weight:600}.brand-panel span{color:var(--text-secondary);font-size:clamp(12px,1vw,15px);text-align:center}.media-stage{flex:1;min-height:0;display:grid;place-items:center;padding:0;background:radial-gradient(circle at 50% 45%,#2a2238,#111018 72%)}.media-frame{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:1px;border:1px solid rgba(217,176,106,.72);border-radius:clamp(10px,1vw,16px);background:#09090d;box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 30px #0007}.media-frame>*{grid-area:1 / 1;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center;border-radius:calc(clamp(10px,1vw,16px) - 2px)}.media-stage .media-frame>*{object-fit:cover!important}.empty{color:var(--text-secondary)}.pending-list{position:fixed;right:20px;bottom:18px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:40vw}.pending-list span{padding:8px 12px;border:1px solid rgba(217,176,106,.32);border-radius:10px;background:#1a1523bf;backdrop-filter:blur(14px);color:var(--text-primary);font-size:12px}.pending-list b{color:var(--text-strong);font-weight:500;margin-left:6px}.error-message{position:fixed;left:50%;bottom:8px;transform:translate(-50%);margin:0;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#14101cc7;color:var(--text-secondary);font-size:12px;pointer-events:none}.display-mode-dialog{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#07070bb8;backdrop-filter:blur(8px)}.display-mode-dialog__panel{width:min(560px,100%);padding:clamp(24px,4vw,48px);border:1px solid rgba(217,176,106,.5);border-radius:18px;background:#211a29;text-align:center;box-shadow:0 24px 80px #000b}.display-mode-dialog h2{margin:14px 0 8px;color:var(--text-strong);font-size:clamp(24px,3vw,38px);font-weight:600}.display-mode-dialog p{margin:0;color:var(--text-secondary);font-size:14px}.display-mode-dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.display-mode-dialog button{min-height:46px;border:1px solid var(--line);border-radius:10px;background:#d9b06a24;color:var(--text-strong);cursor:pointer}.display-mode-dialog button:hover,.display-mode-dialog button:focus-visible{background:#d9b06a42;outline:2px solid rgba(217,176,106,.6);outline-offset:2px}.auction-page-enter-active,.auction-page-leave-active,.media-fade-enter-active,.media-fade-leave-active{transition:opacity .45s ease,transform .45s ease,filter .45s ease}.auction-page-enter-from,.media-fade-enter-from{opacity:0;transform:translateY(10px) scale(.99);filter:blur(3px)}.auction-page-leave-to,.media-fade-leave-to{opacity:0;transform:translateY(-8px) scale(1.01);filter:blur(3px)}.auction-card--result{border-color:#d9b06abf}.result-curtain{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:7px;padding:20px;text-align:center;background:linear-gradient(145deg,#20192bf5,#3b2a18f5);animation:result-curtain .7s ease both}.result-curtain span,.result-curtain small{color:var(--text-secondary);font-size:clamp(9px,2.3cqw,12px)}.result-curtain strong{color:var(--text-primary);font-size:clamp(16px,7cqw,30px);font-weight:600}.result-curtain b{color:var(--text-strong);font-size:clamp(20px,10cqw,46px);font-weight:700;font-variant-numeric:tabular-nums}@keyframes bid-stream{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--bid-stream-shift, 50%)))}}@keyframes slogan-marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes result-curtain{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes waiting-pulse{50%{opacity:.45;transform:translateY(-2px)}}@media(max-width:1050px){.screen-store-title{max-width:56vw}.single-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.auction-card{padding:8px}}@media(max-width:720px){.screen{padding:8px;gap:8px}.screen-brand-lockup{border-left:0;padding-left:0}.screen-brand-lockup img{width:100px}.single-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 34%}.auction-grid{gap:8px}.display-mode-dialog__actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}