:root{--gold-1:#FFD700;--gold-2:#FFB700;--gold-3:#FFF8DC;--green:#00FF7F;--red:#FF4500;--ink:#0b0f17;--ink-2:#0a0e14;--panel:#0e1118;--line:rgba(255,215,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#fff;background:linear-gradient(180deg,#001a33,#000814);background-attachment:fixed;overflow-x:hidden}header{text-align:center;margin:24px 16px 8px;font-family:Cinzel,serif;font-weight:700;letter-spacing:2px;font-size:clamp(28px,4vw,44px);background:linear-gradient(90deg,var(--gold-1),var(--gold-3),var(--gold-2),var(--gold-1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}#prices{display:flex;justify-content:center;gap:20px;margin:0 16px 16px;flex-wrap:wrap}.price-text{font-family:Cinzel,serif;font-weight:700;font-size:clamp(14px,2.2vw,18px);background:linear-gradient(90deg,var(--gold-1),var(--gold-3),var(--gold-2),var(--gold-1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}.ticker-bar{background:#0b0f17;border-top:2px solid var(--gold-1);border-bottom:2px solid var(--gold-1);overflow:hidden;white-space:nowrap;box-shadow:0 0 10px #ffd7004d;margin:0 0 18px;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-repeat:no-repeat;mask-size:100% 100%}.ticker-track{display:flex;will-change:transform}.ticker-content{display:flex}.ticker-item{display:inline-block;margin:10px 28px;font-size:clamp(12px,2vw,15px)}.ticker-item.up{color:var(--green)}.ticker-item.down{color:var(--red)}@keyframes flashGreen{0%{color:#00ff7f;text-shadow:0 0 6px #00ff7f;background-color:#00ff7f26}to{color:var(--green);text-shadow:none;background-color:transparent}}@keyframes flashRed{0%{color:#ff4500;text-shadow:0 0 6px #ff4500;background-color:#ff450026}to{color:var(--red);text-shadow:none;background-color:transparent}}.ticker-item.flash-up{animation:flashGreen 1s ease}.ticker-item.flash-down{animation:flashRed 1s ease}.buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 16px 22px}.btn{background:linear-gradient(90deg,var(--gold-1),var(--gold-2));color:#111;border:0;border-radius:10px;padding:12px 26px;font-weight:800;cursor:pointer;box-shadow:0 8px 30px #ffd70026,inset 0 0 0 1px #00000040;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.btn:hover{transform:translateY(-1px);opacity:.95}.btn:active{transform:translateY(0)}.history{width:min(1000px,92%);margin:0 auto 40px;background:#0a0e16b3;border:1px solid var(--line);border-radius:14px;padding:16px 16px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px #ffd7002e}.history h2{margin:0 0 10px;text-align:center;color:var(--gold-1);font-weight:700;font-size:clamp(18px,2.6vw,22px)}.history-head{display:grid;grid-template-columns:60px 1.1fr .9fr 1fr 1fr 1fr .8fr;gap:0;align-items:center;padding:10px 12px;margin-bottom:6px;border-bottom:2px solid var(--line);position:sticky;top:0;background:linear-gradient(180deg,#0e1118e6,#0e111899);z-index:2}.history-head span{color:#ffb84d;font-weight:700;text-align:center}.history-viewport{height:220px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,#0000 0,#000 10% 90%,#0000);mask-image:linear-gradient(to bottom,#0000 0,#000 10% 90%,#0000)}.tape{display:flex;flex-direction:column;animation:scrollTape 20s linear infinite}.tape:hover{animation-play-state:paused}@keyframes scrollTape{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.row{display:grid;grid-template-columns:60px 1.1fr .9fr 1fr 1fr 1fr .8fr;padding:10px 12px;border-bottom:1px solid rgba(255,215,0,.18);align-items:center;text-align:center;transition:background .25s}.row:hover{background:#ffd70012}.buy{color:var(--green);font-weight:700}.sell{color:var(--red);font-weight:700}.modal{display:none;position:fixed;inset:0;background:#000000b3;z-index:20}.modal-content{background:#111;color:#fff;border:1px solid var(--gold-1);border-radius:12px;padding:18px;width:min(360px,90%);margin:8% auto;box-shadow:0 0 18px #ffd70059;text-align:center}.modal-content h3{margin:0 0 6px}.modal-content .close{float:right;cursor:pointer;font-size:20px;line-height:20px;margin-top:-6px}.modal-content input,.modal-content select{width:100%;margin:10px 0;padding:10px;background:#000;border:1px solid var(--gold-1);color:var(--gold-1);border-radius:8px}#paymentModal .modal-content p{word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}footer{text-align:center;margin:28px 0 40px}.footer-text{display:inline-block;background:linear-gradient(90deg,var(--gold-1),var(--gold-3),var(--gold-2),var(--gold-1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite;font-weight:800}.footer-btn{display:inline-block;margin-top:10px;padding:10px 18px;border-radius:8px;text-decoration:none;color:#111;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));font-weight:800;box-shadow:0 8px 30px #ffd70026}@media (max-width:920px){.history-head,.row{grid-template-columns:46px 1fr .9fr .9fr 1fr .9fr .8fr}}@media (max-width:680px){.history-head,.row{grid-template-columns:40px 1fr .8fr .8fr .9fr .9fr .7fr;font-size:12px}}#menuBtn{position:fixed;top:16px;right:16px;font-family:Cinzel,serif;font-weight:700;font-size:28px;color:var(--gold-1);cursor:pointer;z-index:50;transition:transform .2s,color .2s}#menuBtn:hover{transform:scale(1.1);color:var(--gold-2)}#menuModal{display:none;position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}#menuModal .modal-box{background:#0e1118d9;border:2px solid var(--gold-1);border-radius:12px;box-shadow:0 0 18px #ffd70059;width:min(300px,80%);margin:10% auto;padding:20px;text-align:center}#menuModal .modal-box a{display:block;margin:10px 0;font-weight:700;background:linear-gradient(90deg,var(--gold-1),var(--gold-3),var(--gold-2),var(--gold-1));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-decoration:none;animation:shine 5s linear infinite;border:none;box-shadow:none;padding:0;border-radius:0;transition:background-position .3s}#menuModal .modal-box a:hover{background-position:200% 0;opacity:.92}