*{box-sizing:border-box}
:root{--bg:#0b0804;--panel:#17130e;--panel2:#100d08;--line:#3a3122;--gold:#d99500;--gold2:#f4b629;--cream:#f3ecd9;--muted:#9b8a6d}
body{margin:0;background:#0a0704;color:var(--cream);font-family:Georgia,'Times New Roman',serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,720px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#0c0905,#14100b 58%,#0e0b07);box-shadow:0 0 80px rgba(0,0,0,.35)}
.topbar{height:100px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d0905}
.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;color:#1b1204;background:linear-gradient(145deg,#f0aa00,#8b5a00);transform:rotate(45deg);font-size:22px}.brand-icon::first-letter{transform:rotate(-45deg)}
.brand-copy strong{display:block;font-size:31px;line-height:1}.brand-copy strong span{color:var(--gold)}.brand-copy small{display:block;color:#8e7b5c;font-size:10px;letter-spacing:3px;margin-top:5px}
.status{border:1px solid #996500;border-radius:5px;padding:9px 15px;color:#d99b18;font:bold 14px Arial}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e19a00;margin-right:8px}
.hero{position:relative;min-height:670px;padding:40px 30px 36px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(118,78,16,.12),transparent 42%),#0c0905}
.cards{height:170px;position:relative;margin:0 auto 22px;width:620px;max-width:100%}
.card{position:absolute;top:10px;width:90px;height:138px;background:#f5ecd7;color:#17120c;border-radius:8px;border:1px solid #d9c49a;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.35);font:bold 21px Arial}
.card span{display:block;text-align:center;font-size:40px;margin-top:18px}.card.red{color:#b63426}
.c1{left:15px;transform:rotate(-10deg);top:16px}.c2{left:88px;transform:rotate(5deg)}.c3{left:230px}.c4{left:332px}.c5{left:434px}.deck{position:absolute;right:6px;top:10px;width:90px;height:138px;border-radius:8px;border:2px solid #7e5607;background:#163f2c;display:grid;place-items:center;color:#9d6f10;font-size:36px}
.bank{background:#29231d;border-radius:8px;padding:16px 20px;text-align:center;margin:4px 0 28px}.bank small{display:block;color:#9b8869;letter-spacing:4px;font:11px Arial}.bank strong{display:block;color:#e5a821;font-size:40px;margin-top:6px}
.chips{height:90px;display:flex;align-items:end;justify-content:center;gap:18px;margin-bottom:18px}.stack{display:flex;flex-direction:column-reverse;gap:2px}.stack i{display:block;width:48px;height:11px;border-radius:50%;background:#d99900;border:1px solid #6d4b00}.stack:nth-child(2) i{background:#2868a4}.stack:nth-child(3) i{background:#b53a2b}.stack:nth-child(4) i{background:#d6d0bb}.stack:nth-child(5) i:nth-child(odd){background:#2668a4}.stack:nth-child(5) i:nth-child(even){background:#b53a2b}
.hero-copy{text-align:center}.eyebrow{color:#8f7a57;letter-spacing:4px;font:12px Arial;margin:0 0 8px}
h1{margin:0 auto 18px;max-width:600px;font-size:52px;line-height:1.02;color:#f1ead7}.bonus{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:4px;background:linear-gradient(180deg,#e4a410,#b87900);color:#100b04;font:bold 14px Arial;letter-spacing:2px;box-shadow:0 0 25px rgba(212,142,0,.25)}
.hint{color:#8f7d5d;font:12px Arial;margin-top:12px}
.actions{padding:20px 26px;background:#151008;border-top:1px solid #3c321f;border-bottom:1px solid #3c321f}.btn{min-height:70px;display:flex;align-items:center;justify-content:center;border-radius:5px;margin-bottom:14px;font:bold 19px Arial;letter-spacing:3px}.btn:last-child{margin-bottom:0}.primary{background:linear-gradient(90deg,#d48d00,#efb530,#d99a12);color:#100a03}.secondary{border:1px solid #4d402a;color:#a08c6b;background:#0f0c08}
.intro{padding:25px 28px;background:#17130e;border-bottom:1px solid #3c321f}.intro h2{margin:0 0 12px;color:#e2a720;font-size:22px}.intro p{margin:0;color:#a49479;line-height:1.58;font:15px Arial}.year{text-align:right;color:#4e4436;font:11px Arial;margin-top:10px}
.ranking{padding:23px 28px;background:#100d08;border-bottom:1px solid #3c321f}.section-label{color:#8b7959;letter-spacing:4px;font:11px Arial;margin:0 0 18px}.rank{display:grid;grid-template-columns:170px 1fr 55px;align-items:center;gap:14px;margin:12px 0}.rank b{font-size:16px}.rank em{font:12px Arial;color:#a18e6d;text-align:right}.bar{height:6px;border-radius:4px;background:#2e2922;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#795000,#f4b42a);border-radius:4px}
.details{padding:24px 28px;background:#17130e}.details h2{margin:0 0 13px;color:#8c7958;letter-spacing:4px;font:11px Arial}.row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #3b3226;color:#95836a;font:15px Arial}.row b{color:#efe8d5;text-align:right}
footer{padding:20px 26px 30px;text-align:center;color:#5a4f40;background:#0d0905;font:11px Arial;line-height:1.5}
@media(max-width:620px){.page{width:100%}.cards{transform:scale(.88);transform-origin:50% 0;margin-bottom:0}.hero{min-height:620px;padding-left:18px;padding-right:18px}h1{font-size:40px}.rank{grid-template-columns:135px 1fr 45px}.btn{font-size:16px}.brand-copy strong{font-size:25px}}