@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0a0a0a;--surface:#141414;--surface-container:#1c1c1c;--surface-high:#242424;--surface-highest:#2e2e2e;--gold:#d4af37;--gold-dim:#b8962e;--gold-bright:#f0c84a;--gold-glow:#d4af3740;--gold-border:#d4af3759;--gold-border-strong:#d4af37a6;--text-primary:#e8e4dc;--text-secondary:#a89880;--text-muted:#5c5248;--up:#4caf72;--down:#c0392b;--info:#5b8fbb;--glass-bg:#141414bf;--glass-border:#d4af3733;--glass-blur:blur(20px);--font-serif:"Noto Serif JP", serif;--font-sans:"Inter", "Noto Sans JP", sans-serif;--font-num:"Space Grotesk", "Noto Sans JP", monospace;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:40px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;margin:0;font-size:14px;line-height:1.6;display:flex;overflow:hidden}#root{background-color:var(--bg);flex-direction:column;width:1920px;max-width:100vw;height:1080px;max-height:100vh;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:2px;position:relative}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#d4af370f 0%,#0000 60%);position:absolute;inset:0}.surface-panel{background:var(--surface);border:1px solid #ffffff0d;border-radius:2px}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-num{font-family:var(--font-num)}.text-gold{color:var(--gold)}.text-dim{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-up{color:var(--up)}.text-down{color:var(--down)}.label-caps{font-family:var(--font-sans);letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:600}button{font-family:var(--font-sans);cursor:pointer;letter-spacing:.04em;transition:var(--transition);border:none;border-radius:2px;padding:10px 20px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.btn-primary{background:var(--gold);color:#1a1100;border:none}.btn-primary:hover:not(:disabled){background:var(--gold-bright);box-shadow:0 0 20px var(--gold-glow);transform:translateY(-1px)}.btn-ghost{color:var(--gold);border:1px solid var(--gold-border-strong);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gold-glow);box-shadow:0 0 12px var(--gold-glow)}.btn-danger{color:#e57373;background:0 0;border:1px solid #e5737366}.btn-danger:hover:not(:disabled){background:#e573731a}button:not(.btn-primary):not(.btn-ghost):not(.btn-danger){background:var(--surface-container);color:var(--text-primary);border:1px solid #ffffff14}button:not(.btn-primary):not(.btn-ghost):not(.btn-danger):hover:not(:disabled){background:var(--surface-high);box-shadow:0 0 8px var(--gold-glow)}button:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.gold-divider{background:linear-gradient(90deg, transparent, var(--gold-border), transparent);width:100%;height:1px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}@keyframes gold-pulse{0%,to{text-shadow:0 0 8px #d4af3766}50%{text-shadow:0 0 16px #d4af37cc}}.gold-pulse{animation:3s ease-in-out infinite gold-pulse}@keyframes spotlight-in{0%{opacity:0;filter:brightness(.3)blur(8px);transform:scale(.97)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}.spotlight-in{animation:.6s cubic-bezier(.22,1,.36,1) forwards spotlight-in}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s forwards fade-up}.trend-badge{font-family:var(--font-num);border-radius:2px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.trend-badge.up{color:var(--up);background:#4caf7226;border:1px solid #4caf724d}.trend-badge.down{color:var(--down);background:#c0392b26;border:1px solid #c0392b4d}.auction-input{border:none;border-bottom:1px solid var(--gold-border-strong);color:var(--gold);font-family:var(--font-num);text-align:center;letter-spacing:.05em;background:#050505;outline:none;width:100%;padding:8px 4px;font-size:24px;font-weight:600}.auction-input:focus{border-bottom-color:var(--gold);box-shadow:0 2px 0 var(--gold-glow)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes phase-highlight{0%{opacity:0;filter:brightness(2)blur(10px);transform:scale(.9)}30%{opacity:1;filter:brightness(1.5)blur();transform:scale(1.1)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}.phase-highlight{animation:1.2s cubic-bezier(.22,1,.36,1) forwards phase-highlight}@keyframes phase-sweep{0%{transform:translate(-150%)skew(-25deg)}to{transform:translate(250%)skew(-25deg)}}.phase-sweep-container{justify-content:center;align-items:center;padding:8px 32px;display:flex;position:relative;overflow:hidden}.phase-sweep-bar{pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) forwards phase-sweep;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-gold{0%{text-shadow:0 0 20px #d4af374d;transform:scale(1)}50%{text-shadow:0 0 40px #d4af37cc;transform:scale(1.05)}to{text-shadow:0 0 20px #d4af374d;transform:scale(1)}}@keyframes shatter{0%{opacity:0;transform:scale(1.5)rotate(-10deg)}50%{opacity:1;transform:scale(.9)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confetti-container{pointer-events:none;background-image:radial-gradient(circle, var(--gold) 10%, transparent 10%), radial-gradient(circle, white 10%, transparent 10%);opacity:.3;background-position:0 0,5px 5px;background-size:10px 10px;animation:3s linear infinite confetti-fall;position:absolute;inset:0}@keyframes confetti-fall{0%{background-position:0 0,5px 5px}to{background-position:100px 500px,105px 505px}}