:root{
  --bg:#0b0b0c;
  --panel:#131316;
  --panel2:#0f0f12;
  --gold:#d6b35a;
  --gold2:#b28b34;
  --text:#f4f1e8;
  --muted:#bcb7ab;
  --border:rgba(214,179,90,.22);
  --shadow:0 12px 40px rgba(0,0,0,.55);
  --shadow-3d:0 18px 55px rgba(0,0,0,.65);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35);
  --c-gold:#d6b35a;
  --c-green:#1aa84b;
  --c-yellow:#ffcc00;
  --c-blue:#2b7cff;
  --c-white:#ffffff;
  --c-red:#ff2d2d;
  --c-purple:#8b2cff;
  --c-orange:#ff7a18;
  --rainbow:linear-gradient(90deg,var(--c-green),var(--c-yellow),var(--c-orange),var(--c-red),var(--c-purple),var(--c-blue),var(--c-gold));
  --glow:0 0 0 1px rgba(214,179,90,.16), 0 10px 30px rgba(214,179,90,.08);
}

html[data-theme="light"]{
  --bg:#f7f5ef;
  --panel:#ffffff;
  --panel2:#f3efe6;
  --gold:#a97713;
  --gold2:#7a5a12;
  --text:#1a1a1a;
  --muted:#4d4d4d;
  --border:rgba(0,0,0,.14);
  --shadow:0 12px 40px rgba(0,0,0,.12);
  --shadow-3d:0 18px 55px rgba(0,0,0,.14);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(0,0,0,.06);
  --c-gold:#a97713;
  --c-green:#188a3d;
  --c-yellow:#d3a800;
  --c-blue:#1b5fe0;
  --c-white:#ffffff;
  --c-red:#d12b2b;
  --c-purple:#6e2bd1;
  --c-orange:#d66312;
  --rainbow:linear-gradient(90deg,var(--c-green),var(--c-yellow),var(--c-orange),var(--c-red),var(--c-purple),var(--c-blue),var(--c-gold));
  --glow:0 0 0 1px rgba(169,119,19,.18), 0 10px 30px rgba(169,119,19,.12);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1000px 600px at 30% 0%, rgba(214,179,90,.09), transparent), var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-align:center}
html[data-theme="light"] body{background:radial-gradient(900px 520px at 30% 0%, rgba(169,119,19,.14), transparent), var(--bg)}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--gold)}
.container{max-width:980px;margin:0 auto;padding:16px}
.topbar{position:sticky;top:0;background:rgba(10,10,12,.78);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.78)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:800;letter-spacing:.8px;color:var(--gold)}
.nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.nav a{padding:8px 10px;border:1px solid transparent;border-radius:10px}
.nav a:hover{border-color:var(--border);background:rgba(214,179,90,.06)}
html[data-theme="light"] .nav a:hover{background:rgba(0,0,0,.04)}

.btn--theme{padding:8px 12px;border-radius:999px;min-width:78px}
.hero{margin:18px 0 14px;border:1px solid var(--border);background:linear-gradient(180deg, rgba(214,179,90,.12), rgba(19,19,22,.35), rgba(0,0,0,0));border-radius:16px;box-shadow:var(--shadow-3d);overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 20% 0%, rgba(255,255,255,.08), transparent 60%);pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:var(--rainbow);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.hero__inner{padding:18px;text-align:center}
.hero__title{font-size:20px;font-weight:800;margin:0 0 6px}
.hero__sub{margin:0;color:var(--muted);font-size:13px}
.section{margin:16px 0}
.section__title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 10px;text-align:center}
.section__title h2{margin:0;font-size:15px;color:var(--gold);letter-spacing:.6px;text-transform:uppercase}
.card{border:1px solid var(--border);background:linear-gradient(180deg, rgba(214,179,90,.09), rgba(19,19,22,.85));border-radius:16px;box-shadow:var(--shadow-3d);padding:14px;position:relative}
.card:before{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(700px 220px at 20% 0%, rgba(255,255,255,.06), transparent 60%);pointer-events:none}
.card:hover{transform:translateY(-2px)}
.card{transition:transform .18s ease, box-shadow .18s ease}
.grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}
@media (min-width: 760px){.grid{grid-template-columns:repeat(4, minmax(0, 1fr));}}
.market{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(19,19,22,.92), rgba(15,15,18,.92));border:1px solid rgba(214,179,90,.2);border-radius:14px;padding:12px;box-shadow:var(--shadow-inset), 0 14px 35px rgba(0,0,0,.55);text-align:center;transform:translateZ(0)}
.market:hover{transform:translateY(-3px);box-shadow:var(--shadow-inset), 0 18px 45px rgba(0,0,0,.65), var(--glow)}
.market{transition:transform .18s ease, box-shadow .18s ease}
.market__name{font-weight:800;color:var(--gold);text-transform:uppercase;font-size:13px;letter-spacing:.7px}
.market__meta{margin-top:6px;color:var(--muted);font-size:12px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.market__value{font-size:20px;font-weight:900;color:var(--text);margin-top:6px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:10px 10px;border-bottom:1px solid rgba(214,179,90,.16);font-size:13px;white-space:nowrap;text-align:center}
.table th{color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.7px;text-align:center;background:linear-gradient(180deg, rgba(214,179,90,.12), rgba(214,179,90,.03));position:sticky;top:52px;z-index:5;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.table td{vertical-align:middle}
.table tr:hover td{background:rgba(214,179,90,.05)}
.table tr:first-child th:first-child{border-top-left-radius:12px}
.table tr:first-child th:last-child{border-top-right-radius:12px}
.input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(214,179,90,.22);background:rgba(15,15,18,.9);color:var(--text);outline:none}
.btn{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid rgba(214,179,90,.28);background:linear-gradient(180deg, rgba(214,179,90,.22), rgba(214,179,90,.08));color:var(--text);cursor:pointer;font-weight:800;box-shadow:var(--shadow-inset), 0 10px 22px rgba(0,0,0,.45)}
.btn{background:linear-gradient(180deg, rgba(214,179,90,.22), rgba(255,122,24,.10))}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-inset), 0 16px 30px rgba(0,0,0,.6), var(--glow)}
.btn{transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
.btn--danger{border-color:rgba(245,88,88,.32);background:rgba(245,88,88,.12)}
.btn--danger:hover{background:rgba(245,88,88,.18)}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(214,179,90,.22);background:rgba(214,179,90,.08);color:var(--text);font-size:12px;font-weight:800;letter-spacing:.3px}
.badge{border-color:rgba(43,124,255,.28);background:rgba(43,124,255,.10)}
.row{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.row{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.table th,.table td{padding:8px 6px;font-size:12px}}
.alert{padding:10px 12px;border-radius:12px;border:1px solid rgba(214,179,90,.22);background:rgba(214,179,90,.08);color:var(--text);margin:12px 0;text-align:center}
.footer{margin-top:26px;border-top:1px solid var(--border);background:rgba(10,10,12,.78)}
html[data-theme="light"] .footer{background:rgba(255,255,255,.8)}
.footer__inner{padding:14px 16px;color:var(--muted);font-size:12px}

 .banner-wrap{margin:12px 0 0}
 .banner-slider{display:flex;gap:12px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg, rgba(214,179,90,.06), rgba(0,0,0,0));box-shadow:var(--shadow)}
 .banner{display:block;flex:0 0 auto}
 .banner img{display:block;height:110px;max-width:100%;border-radius:12px;border:1px solid rgba(214,179,90,.18)}

 .footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
 .footer-left{text-align:center}
 .footer-center{text-align:center}
 .footer-right{text-align:center}
 .footer-icon{height:16px;width:16px;vertical-align:-3px;margin-right:6px}

 .float-ad{position:fixed;z-index:999;bottom:120px;width:120px;max-width:34vw;border-radius:18px;background:transparent;box-shadow:0 14px 40px rgba(0,0,0,.55);overflow:hidden}
 .float-ad a{display:block}
 .float-ad img{display:block;width:100%;height:auto;border-radius:18px}
 .float-ad--left{left:10px}
 .float-ad--right{right:10px}
 @media(max-width:760px){.float-ad{bottom:96px;width:96px}.float-ad--left{left:8px}.float-ad--right{right:8px}}

 .live-board{padding:0;overflow:hidden;text-align:center;background:#fff;color:#111;border:0;box-shadow:0 16px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.35);position:relative}
 .live-board:before{content:"";position:absolute;inset:0;border-radius:16px;padding:3px;background:linear-gradient(90deg,#1aa84b,#ffcc00,#ff2d2d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
 .live-board:before{background:linear-gradient(90deg,#1aa84b,#ffcc00,#ff7a18,#ff2d2d,#8b2cff,#2b7cff,#d6b35a)}
 .live-board:after{content:"";position:absolute;inset:6px;border-radius:12px;border:2px solid rgba(0,0,0,.75);pointer-events:none}
 .live-board__header{background:#070707;color:#f2d36b;font-weight:1000;letter-spacing:1.4px;text-transform:uppercase;padding:12px 10px;font-size:22px;border-bottom:2px solid rgba(0,0,0,.6);text-shadow:0 2px 0 rgba(0,0,0,.5)}
 .live-board__body{padding:16px 14px}
 .live-board__item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0}
 .live-board__market{font-size:28px;font-weight:1000;letter-spacing:1px;text-transform:uppercase;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.6)}
 .live-board__bubble{height:74px;width:74px;border-radius:999px;background:#6b1fa6;color:#ffd54d;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:1000;box-shadow:inset 0 2px 0 rgba(255,255,255,.3), inset 0 -3px 0 rgba(0,0,0,.35), 0 10px 22px rgba(0,0,0,.35);border:3px solid rgba(255,255,255,.35)}
 .live-board__bubble--wait{background:#555;color:#fff;font-size:20px;letter-spacing:1px}
 .live-board__refresh{display:inline-block;margin-top:6px;background:#121212;color:#fff;padding:10px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.75);font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.35)}
 .live-board__refresh:hover{background:#000}
 .live-board__stamp{margin-top:8px;color:#333;font-size:12px;font-weight:800}
 @media(max-width:520px){.live-board__header{font-size:20px}.live-board__market{font-size:24px}.live-board__bubble{height:66px;width:66px;font-size:34px}}

 .results-ty{grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
 @media (min-width: 760px){.results-ty{grid-template-columns:repeat(3, minmax(0, 1fr));}}
 @media (min-width: 980px){.results-ty{grid-template-columns:repeat(4, minmax(0, 1fr));}}

 .result-ty{border:1px solid rgba(214,179,90,.22);border-radius:16px;background:linear-gradient(180deg, rgba(0,0,0,.72), rgba(19,19,22,.92));box-shadow:var(--shadow-inset), 0 18px 50px rgba(0,0,0,.65);padding:14px;text-align:center;position:relative;overflow:hidden}
 .result-ty:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 220px at 20% 0%, rgba(255,255,255,.06), transparent 60%);pointer-events:none}
 .result-ty__title{font-weight:1000;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.55)}
 .result-ty__time{margin-top:4px;color:var(--gold);font-weight:900;font-size:16px;opacity:.95}
 .result-ty__labels{margin-top:10px;display:flex;justify-content:space-between;gap:10px;color:rgba(244,241,232,.85);font-weight:900;font-size:12px;letter-spacing:.2px}
 .result-ty__labels span{display:inline-flex;align-items:center;gap:6px}
 .result-ty__row{margin-top:12px;display:grid;grid-template-columns:64px 1fr 64px;gap:10px;align-items:center;justify-content:center}

 .result-ty__box{height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:1000;font-size:26px;letter-spacing:1px;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -2px 0 rgba(0,0,0,.35), 0 10px 22px rgba(0,0,0,.4)}
 .result-ty__box--y{background:linear-gradient(180deg, #c11f1f, #7e1515);color:#fff;border-color:rgba(255,180,180,.35)}
 .result-ty__box--t{background:linear-gradient(180deg, #1aa84b, #0f6b2e);color:#fff;border-color:rgba(170,255,200,.35)}

 .result-ty__live{height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid rgba(245,88,88,.32);background:linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.88));color:#d11a2a;font-weight:1000;letter-spacing:1px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.35)}

 .result-ty__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 14px;border-radius:999px;border:1px solid rgba(214,179,90,.35);background:linear-gradient(180deg, rgba(214,179,90,.95), rgba(178,139,52,.88));color:#1b1206;font-weight:1000;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 12px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.25)}
 .result-ty__btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25)}

 .yearly-table th{background:linear-gradient(180deg, rgba(245,88,88,.35), rgba(245,88,88,.08));color:#ffd1d1}
 .yearly-table th:first-child{background:linear-gradient(180deg, rgba(214,179,90,.22), rgba(214,179,90,.06));color:var(--gold)}
 .yearly-table td{font-size:12px;padding:8px 6px}
 @media(max-width:480px){.yearly-table td{font-size:11px;padding:7px 5px}}