*{box-sizing:border-box}
:root{--bg:#070b12;--panel:#0b111b;--panel2:#0d1420;--line:#17263b;--cyan:#0db3b8;--cyan2:#16d0d4;--gold:#ffa400;--gold2:#ffc343;--text:#f4f7fb;--muted:#607086}
html{scroll-behavior:smooth}
body{margin:0;background:#070a11;color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.page{width:min(100%,500px);margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#08111a,#0b1320 58%,#080d15);box-shadow:0 0 70px rgba(0,0,0,.35)}
.topbar{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#08101a;border-bottom:1px solid #173045}
.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#08b7b8,#f0a400);font-weight:900;color:#fff;font-size:12px}
.brand-copy strong{display:block;font-size:18px}.brand-copy strong span{color:#1fc8c8}.brand-copy small{display:block;color:#56687d;font-size:8px;letter-spacing:2px;margin-top:2px}
.version{border:1px solid #0d5a68;border-radius:4px;padding:7px 10px;color:#23c3ca;font-size:10px;font-weight:800}.version i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#23c3ca;margin-left:5px}
.ticker{height:30px;display:flex;align-items:center;gap:20px;overflow:hidden;padding:0 12px;background:#0a6970;color:#b8f2ed;font-size:8px;letter-spacing:1.5px;white-space:nowrap;border-bottom:1px solid #0b7f84}
.hero{padding:26px 18px 22px;background:radial-gradient(circle at 50% 32%,rgba(0,160,170,.12),transparent 40%),#08131d;border-bottom:1px solid #16273a}
.table{position:relative;height:215px;border:3px solid #0b9da4;border-radius:45%;background:linear-gradient(180deg,#0d1e26,#0a161e);box-shadow:inset 0 0 28px rgba(10,141,150,.12)}
.table-meta{display:flex;justify-content:space-between;padding:18px 22px}.table-meta small{display:block;color:#427781;font-size:8px}.table-meta b{display:block;color:#ffcc4d;font-size:17px;margin-top:2px}.table-meta .right{text-align:right}.table-meta .right b{color:#e9f4f6;font-size:11px}
.board{position:absolute;top:72px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.card{width:53px;height:69px;border-radius:5px;background:#ecf3f5;color:#121820;padding:6px;border:1px solid #c7d4d8}.card b{font-size:12px}.card span{display:block;text-align:center;font-size:20px;margin-top:8px}.card.red{color:#c53830}.deck{width:53px;height:69px;border-radius:5px;border:1px solid #118e92;background:repeating-linear-gradient(45deg,#0d5a61 0 7px,#0a737a 7px 14px);display:grid;place-items:center;color:#16e0df}
.game-actions{position:absolute;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.game-actions span{border-radius:5px;padding:8px 5px;text-align:center;font-size:8px;font-weight:900}.game-actions b{font-size:9px}.call{background:#127d81}.raise{background:#f3a100;color:#161008}.fold{background:#2b2d42;color:#74788c;display:grid;place-items:center}
.hero-copy{text-align:center;margin-top:18px}.eyebrow{margin:0 0 8px;color:#5e7989;letter-spacing:3px;font-size:8px}
h1{margin:0 auto 16px;font-size:34px;line-height:1.03;text-transform:uppercase;background:linear-gradient(90deg,#fff 0 60%,#19c7c9 60% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bonus-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.bonus{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:5px;background:linear-gradient(90deg,#0f858b,#1bb6bb,#f2a300,#ffc345);background-size:220% 100%;color:#061014;font-weight:900;font-size:11px;animation:gradientMove 4s linear infinite}.mini{border:1px solid #1f5973;border-radius:4px;padding:10px 12px;color:#b6c6d3;font-size:10px}.hint{color:#5f6f82;font-size:9px;margin-top:10px}
.actions{padding:16px 18px;background:#0b1020;border-bottom:1px solid #1a2c43}.btn{position:relative;overflow:hidden;min-height:55px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:14px;font-weight:900;letter-spacing:1.4px}.btn:last-child{margin-bottom:0}.primary{background:linear-gradient(90deg,#0c6f74,#12a0a4,#18bfc2,#0c777b);background-size:220% 100%;animation:gradientMove 4s linear infinite}.secondary{border:1px solid #1c334d;background:#0d1320;color:#7f93a3}
.shimmer::after{content:"";position:absolute;top:-50%;left:-40%;width:28%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(20deg);animation:shine 2.7s infinite}.pulse{animation:pulse 2.2s ease-in-out infinite}
@keyframes shine{0%{left:-40%}55%,100%{left:130%}}@keyframes gradientMove{0%{background-position:0 0}100%{background-position:220% 0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(19,175,180,0)}50%{box-shadow:0 0 18px rgba(19,175,180,.38)}}
.intro{padding:18px;background:#0d101c;border-bottom:1px solid #1a2638}.intro h2{margin:0 0 10px;color:#18c2c5;font-size:14px;text-transform:uppercase}.intro p{margin:0;color:#708093;line-height:1.55;font-size:12px}.year{text-align:right;color:#26364b;font-size:9px;margin-top:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#0e1423;border-bottom:1px solid #1a2638}.stats div{padding:14px 6px;text-align:center;border-right:1px solid #1a2638}.stats div:last-child{border-right:0}.stats strong{display:block;color:#13b7bc;font-size:20px}.stats span{display:block;color:#5e6c7f;font-size:8px;letter-spacing:1.2px;margin-top:3px}
.details{padding:18px;background:#0d101c}.details h2{margin:0 0 10px;color:#516176;font-size:9px;letter-spacing:2px}.row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #1b2738;color:#68788a;font-size:11px}.row b{color:#eff4f7;text-align:right}
footer{padding:16px 18px 24px;background:#080d15;color:#3e4b5a;text-align:center;font-size:9px;line-height:1.45}
@media(max-width:420px){h1{font-size:29px}.table{height:205px}.board{transform:translateX(-50%) scale(.92)}}