@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#10071f;--aqua:#52ffe4;--pink:#ff4fc5;--muted:#b8a8c8;--white:#fff9ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'Space Grotesk',sans-serif;min-height:100vh}.ambient{position:fixed;width:42rem;height:42rem;border-radius:50%;filter:blur(120px);opacity:.19;pointer-events:none}.a{background:#8d1cf2;top:-20rem;left:-15rem}.b{background:#ff178f;right:-25rem;bottom:-25rem}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,88px);border-bottom:1px solid #ffffff14;position:relative;z-index:2}.brand{font-weight:700;font-size:20px;letter-spacing:2px;color:#fff;text-decoration:none}.brand span,.pink{color:var(--pink)}nav{display:flex;gap:28px}button{font:600 12px 'Space Grotesk';cursor:pointer}nav button,.language{border:0;background:none;color:var(--muted);padding:10px}.language{border:1px solid #ffffff23;border-radius:5px}.account,.primary{border:0;border-radius:5px;background:linear-gradient(100deg,var(--aqua),#5ecfff);color:#10071f;padding:11px 16px;margin-left:8px}.screen{display:none}.screen.active{display:block}.hero{text-align:center;padding:70px 20px 35px}.hero p,.profile>p,dialog>p{font:11px 'DM Mono';letter-spacing:2px;color:var(--aqua)}h1{font-size:clamp(38px,6vw,72px);line-height:1;margin:0}h1 em{font-style:normal;color:var(--pink)}.hero div{color:var(--muted);margin:18px auto 0;max-width:510px}.layout{display:grid;grid-template-columns:190px minmax(0,820px);gap:21px;max-width:1060px;margin:auto;padding:0 20px}aside,.profile{background:#1c0f30cc;border:1px solid #ffffff1c;border-radius:11px;padding:22px;height:max-content}.label{font:10px 'DM Mono';letter-spacing:1px;color:var(--muted)}.stat{border-bottom:1px solid #ffffff10;padding:0 0 16px;margin-bottom:16px}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:27px;color:var(--aqua);margin:4px 0}.note{font-size:11px;line-height:1.45;color:#9d8cac}.table{min-height:560px;border:2px solid #8338b8;background:radial-gradient(ellipse,#40206a,#1c0d35 65%);border-radius:180px 180px 35px 35px;box-shadow:0 0 0 7px #2d134b,0 0 35px #a643ff55,inset 0 0 70px #0008;padding:38px 7% 24px;text-align:center}.title{font:11px 'DM Mono';letter-spacing:2px;color:#ceadea}.title span{color:var(--aqua)}.hand{height:123px;display:flex;justify-content:center;align-items:center;gap:9px}.mark{font-size:15px;letter-spacing:5px;color:#d07efc45}.card{height:109px;width:76px;background:linear-gradient(135deg,#fffdf5,#e7e2de);border-radius:7px;color:#251131;box-shadow:0 5px 12px #0009;position:relative;padding:7px;text-align:left;font-family:'DM Mono';overflow:hidden;animation:deal .25s}.card.red{color:#e93375}.rank{font-size:18px;font-weight:bold;line-height:14px;position:relative;z-index:1}.suit{font-size:14px;position:relative;z-index:1}.cat{font-size:41px;display:block;text-align:center;margin-top:8px}.cat.spade,.cat.club{filter:grayscale(1) contrast(1.35) brightness(.75)}.cat.heart{filter:hue-rotate(315deg) saturate(1.8)}.cat.diamond{filter:hue-rotate(25deg) saturate(1.7)}.face{height:78px;margin-top:-19px;display:grid;place-items:center;text-align:center;border-radius:5px;color:#fff;text-shadow:0 1px 1px #1b0527}.face.spade{background:radial-gradient(circle,#bac5d1 0 22%,transparent 23%),linear-gradient(145deg,#1d2a3e,#68839d);border:1px solid #273e59}.face.club{background:radial-gradient(circle,#c8d0c0 0 22%,transparent 23%),linear-gradient(145deg,#283d35,#78906b);border:1px solid #365345}.face.heart{background:radial-gradient(circle,#ffe2ca 0 22%,transparent 23%),linear-gradient(145deg,#a82d4b,#f08372);border:1px solid #8e3048}.face.diamond{background:radial-gradient(circle,#ffefb8 0 22%,transparent 23%),linear-gradient(145deg,#b15125,#f0aa4b);border:1px solid #a85827}.face b{font-size:40px;line-height:37px;display:block}.face small{font-size:7px;letter-spacing:1px;font-weight:bold;display:block}.back{background:repeating-linear-gradient(45deg,#572386 0 5px,#a24de6 5px 9px);border:3px solid #e7b4ff}.back:after{content:'🐾';font-size:34px;line-height:95px}@keyframes deal{from{transform:translateY(-18px) rotate(-7deg);opacity:0}to{transform:none;opacity:1}}.message{height:26px;color:#f9cbff}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px}.controls button:not(.primary){height:37px;border:1px solid #ffffff26;background:#291446;color:#fff;border-radius:5px;padding:0 14px}.controls button:disabled{opacity:.35}.bet{display:flex;align-items:center;gap:7px}.bet button{width:30px}.bet span{display:flex;flex-direction:column}.bet small{font:9px 'DM Mono';color:var(--muted)}.reset{color:#ffc4eb!important;border-color:#ff6fc866!important}.profile{max-width:940px;margin:70px auto;text-align:center;padding:45px}.profile h2{font-size:40px;margin:0}.profile>div:not(.profile-stats){color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;border-block:1px solid #ffffff16}.profile-stats.five{grid-template-columns:repeat(5,1fr)}.profile-stats div{padding:25px 10px;border-right:1px solid #ffffff16}.profile-stats b,.profile-stats span{display:block}.profile-stats b{color:var(--aqua);font-size:29px}.profile-stats span{color:var(--muted);font-size:12px}dialog{width:min(460px,calc(100% - 28px));border:1px solid #bb72f9;background:#1b0d30;color:var(--white);border-radius:12px;padding:35px}dialog::backdrop{background:#08020dcc}.close{position:absolute;right:13px;top:10px;border:0;background:none;color:#fff;font-size:27px}label{font-size:12px;color:var(--muted);display:block;margin:13px 0}label span{display:block}input{display:block;width:100%;margin-top:6px;border:1px solid #ffffff2b;background:#10071f;color:#fff;border-radius:4px;padding:12px}.error{color:#ff87ba;font-size:12px;min-height:18px}.or{text-align:center;color:var(--muted);font-size:11px;margin:17px}.social,.guest{width:100%;border:1px solid #ffffff2a;border-radius:5px;background:#25143d;color:#fff;padding:11px;margin:4px 0}.telegram{color:#73cfff}.guest{color:#ffd1ee;border-color:#ff71c657}.switch{text-align:center;color:var(--muted);font-size:13px}.switch button{border:0;background:none;color:var(--aqua)}dialog small{color:#88769c}footer{text-align:center;color:#7d6b91;font:10px 'DM Mono';padding:60px 15px 24px}@media(max-width:760px){header{height:65px;padding:0 18px}nav{display:none}.hero{padding-top:55px}.layout{grid-template-columns:1fr}aside{display:flex;gap:15px;justify-content:space-between;padding:13px}.label,.note{display:none}.stat{border:0;margin:0;padding:0}.stat strong{font-size:20px}.table{border-radius:100px 100px 23px 23px;padding-inline:3%;min-height:535px}.card{width:64px;height:96px}.face{height:70px}.face b{font-size:33px}.profile{margin:45px 20px;padding:30px 15px}.profile-stats,.profile-stats.five{grid-template-columns:repeat(2,1fr)}.profile-stats div{padding:16px 7px}}