*{box-sizing:border-box}body{margin:0;background:#080a10;color:#fff;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #63bdff;outline-offset:4px}main{max-width:480px;margin:auto;padding:28px 18px 118px;min-height:100dvh;background:radial-gradient(ellipse at 90% 0%,#16213966,transparent 40%),#080a10}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.profile{display:flex;align-items:center;gap:10px;background:#11151e;border:1px solid #242934;border-radius:18px;padding:7px 12px;text-align:left}.avatar{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#b8e7ff,#4278ff);border-radius:50%;font-weight:900;color:#14345d}small{display:block;font-size:11px;color:#8792a8;margin-top:4px}.wallet{background:none;display:flex;gap:7px;align-items:center}.wallet small{font-size:10px}.wallet span{background:#16283d;color:#68bbff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:22px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8c98ac}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.online{font-size:10px;color:#95a0b4}.online:before{content:'●';color:#67df85;margin-right:5px}.gifts{display:flex;gap:9px;overflow:auto;scrollbar-width:none;margin-bottom:22px}.gift{flex:0 0 68px;background:linear-gradient(#24303c,#141820);border:1px solid #293243;border-radius:18px;text-align:center;padding:10px 4px}.gift i{font-style:normal;font-size:31px;display:block;filter:drop-shadow(0 4px 4px #0006)}.gift b{font-size:10px;display:block;margin-top:8px}.card{width:100%;height:125px;border-radius:24px;margin-bottom:12px;position:relative;overflow:hidden;text-align:left;padding:18px 20px;box-shadow:inset 0 1px #ffffff40;transition:transform .2s}.card:hover{transform:translateY(-2px)}.card:after{content:'✦';position:absolute;font-size:170px;right:80px;top:-55px;opacity:.09}.red{background:linear-gradient(115deg,#ef102e,#fa3651)}.blue{background:linear-gradient(115deg,#0758ff,#139bff)}.green{background:linear-gradient(115deg,#28b735,#79ed4a)}.violet{background:linear-gradient(115deg,#4d32dc,#9474ff)}.tag{font-size:11px;font-weight:800;background:#fff;color:#ea183a;padding:5px 8px;border-radius:6px;display:inline-block}.blue .tag{color:#1677ff}.green .tag{color:#35b840}.violet .tag{color:#6950e9}.card h2{font-size:25px;margin:22px 0 0;letter-spacing:-1px}.art{position:absolute;right:22px;top:12px;font-size:78px;transform:rotate(-12deg);filter:drop-shadow(0 10px 6px #0003)}.float{position:absolute;right:113px;top:34px;transform:rotate(15deg);background:#ffffff25;padding:5px;border-radius:7px;font-size:12px;font-weight:bold}.intro{display:flex;align-items:center;justify-content:space-between;margin:26px 0 16px}.intro h1{font-size:26px;margin:4px 0}.intro p{margin:0;color:#8792a8;font-size:12px}.pill{font-size:10px;border:1px solid #343a46;border-radius:20px;padding:7px 10px;color:#9fb0c8}nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 36px));background:#111b2eea;backdrop-filter:blur(20px);border:1px solid #324159;border-radius:32px;display:flex;padding:6px;z-index:5}nav button{flex:1;border-radius:25px;background:transparent;padding:9px 2px;color:#78869e;font-size:23px}nav button.selected{background:#080e1d;color:#2eaaff;box-shadow:inset 0 1px #354054}nav button.selected small{color:#2eaaff}.disclaimer{font-size:9px;color:#59647a;text-align:center;position:fixed;bottom:3px;left:0;right:0;z-index:5}.back{background:#161e2c;padding:9px 14px;border-radius:12px;margin-bottom:18px}.panel{background:#111722;border:1px solid #242d3e;border-radius:24px;padding:22px;margin-bottom:16px}.stage{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border-radius:20px;background:radial-gradient(circle,#193a6666,transparent 70%),#0c1019;margin:18px 0}.stage .big{font-size:62px;font-weight:900;letter-spacing:-3px}.stage .emoji{font-size:65px}.stage small{letter-spacing:2px}.live .emoji{animation:fly .6s infinite alternate}@keyframes fly{to{transform:translate(18px,-12px) rotate(10deg)}}label{display:block;font-size:12px;color:#98a5ba;margin:14px 0 7px}input,select{width:100%;border:1px solid #2c384e;background:#0a101a;color:white;padding:13px;border-radius:12px}.primary{width:100%;background:#238cff;padding:14px;border-radius:14px;font-weight:bold;margin-top:15px}.secondary{background:#1d2b40;border-radius:12px;padding:12px;width:100%;margin-top:10px}.result{min-height:24px;text-align:center;font-size:14px;color:#a7d4ff}.rules{font-size:12px;color:#8e9bb1;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:15px 0}.tile{aspect-ratio:1;background:#202f48;border-radius:10px;font-size:23px}.tile.open{background:#174636}.tile.mine{background:#64263d}.row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #263044}.row:last-child{border:0}.row strong{font-size:13px}.row button{background:#233851;border-radius:9px;padding:8px}.muted{color:#8290a7;font-size:12px}dialog{width:min(410px,90vw);border:1px solid #35425a;border-radius:24px;background:#111827;color:#fff;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog p{font-size:13px;line-height:1.6;color:#9da9bc}.close{float:right;background:transparent;font-size:26px}.amounts{display:flex;gap:8px;margin-top:24px}.amounts button{flex:1;background:#238cff;padding:15px 0;border-radius:12px;font-weight:bold}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#eaf5ff;color:#123351;padding:12px 20px;border-radius:14px;z-index:10;display:none;font-size:13px;box-shadow:0 8px 40px #0007}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){main{padding:20px 12px 118px}.card{height:115px}.art{font-size:64px;right:15px}.card h2{font-size:23px}}
