@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #0d1016;--panel: #171b23;--panel-soft: #202530;--panel-deep: #11151c;--line: #2b313c;--line-bright: #3b4350;--text: #f3f6fb;--muted: #9aa3b2;--green: #39e58b;--green-dark: #0f7e52;--purple: #9516ff;--red: #ee5b70;--felt: #071117}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:#0a0d12}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit}.casino-shell{min-height:100vh;padding:1rem;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:44px 44px}.game-frame{display:grid;grid-template-columns:270px 300px minmax(0,1fr);min-height:calc(100vh - 2rem);border:1px solid #242a34;background:var(--felt)}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;min-width:0;padding:1rem;border-right:1px solid var(--line);background:#0f141c}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.25rem;color:var(--text);font-size:.82rem;font-weight:900}.chat-header strong{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.chat-messages{display:grid;align-content:end;gap:.65rem;min-height:260px;overflow-y:auto;padding-right:.15rem}.chat-message{display:grid;gap:.25rem;padding:.65rem;border:1px solid #242a34;border-radius:5px;background:#121820}.chat-message strong{min-width:0;overflow:hidden;color:var(--green);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.chat-message p{margin:0;overflow-wrap:anywhere;color:#d9dee7;font-size:.8rem;line-height:1.35}.chat-form{display:grid;grid-template-columns:1fr 64px;min-height:2.5rem;overflow:hidden;border:1px solid #2d3440;border-radius:5px;background:#222733}.chat-form input{min-width:0;border:0;padding:0 .7rem;color:var(--text);background:transparent;outline:0;font-weight:700}.chat-form button{border:0;border-left:1px solid #2d3440;color:var(--text);background:#2b303b;font-weight:900}.bet-panel{display:grid;align-content:start;gap:.72rem;padding:1rem;border-right:1px solid var(--line);background:#121720}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.account-tabs button{min-height:2.25rem;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#11161f;font-weight:900}.account-tabs .active{border-color:#39e58b75;color:#08140e;background:var(--green)}.field{display:grid;gap:.45rem}.wallet-panel{display:grid;gap:.55rem;padding:.75rem;border:1px solid #272d38;border-radius:5px;background:#10151d}.demo-panel{grid-template-columns:1fr 74px;align-items:center;padding:.55rem .7rem;border-color:#39e58b47;background:linear-gradient(135deg,rgba(57,229,139,.08),transparent 68%),#10151d}.demo-panel .wallet-row{display:grid;gap:.2rem}.demo-panel .wallet-button{min-height:2.15rem}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.wallet-row span,.payment-message,.tx-link{color:var(--muted);font-size:.76rem;font-weight:800}.wallet-row strong{font-size:.92rem}.deposit-row{display:grid;grid-template-columns:1fr 82px;min-height:2.35rem;overflow:hidden;border:1px solid #2d3440;border-radius:5px;background:#222733}.deposit-row input{min-width:0;border:0;padding:0 .7rem;color:var(--text);background:transparent;outline:0;font-weight:800}.deposit-row button,.wallet-button,.wallet-link-button{border:0;color:var(--text);background:#2b303b;font-weight:900}.deposit-row button{border-left:1px solid #2d3440}.wallet-button{min-height:2.25rem;border-radius:5px}.wallet-link-button{justify-self:start;padding:0;color:var(--muted);background:transparent;font-size:.76rem}.cashier-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cashier-actions button{min-height:2.15rem;border:1px solid #313946;border-radius:5px;color:var(--text);background:#222936;font-weight:900}.payment-message{margin:0;line-height:1.45}.payment-message.success{color:var(--green)}.payment-message.error{color:var(--red)}.tx-link{text-decoration:none}.field>span{display:flex;justify-content:space-between;gap:.7rem;color:var(--text);font-size:.82rem;font-weight:800}.field b,.field>span strong{color:var(--muted);font-size:.78rem}.amount-input,.stepper,.profit-box{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;min-height:3rem;overflow:hidden;border:1px solid #272d38;border-radius:5px;background:#222733}.stepper{grid-template-columns:1fr 44px 44px}.profit-box{grid-template-columns:auto 1fr;padding:0 .85rem;background:#11161f}.coin{display:grid;width:1.18rem;height:1.18rem;margin-left:.85rem;place-items:center;border-radius:999px;color:#ecfff6;background:linear-gradient(135deg,#28c96f,#87ffc0);font-size:.72rem;font-weight:900}.amount-input input,.stepper input{width:100%;min-width:0;border:0;color:var(--text);background:transparent;outline:0;font-weight:800}.amount-input input{padding:0 .6rem}.stepper input{padding:0 .85rem}.amount-input button,.stepper button{align-self:stretch;border:0;border-left:1px solid #2d3440;color:var(--text);background:#2b303b;font-weight:900}.profit-box strong{padding-left:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bet-button{min-height:3.25rem;border:0;border-radius:6px;color:#fff;background:linear-gradient(180deg,#a51dff,#7d10ea);box-shadow:0 12px 30px #7e10ea57;font-weight:900}.side-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.side-stats div{display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--line);border-radius:5px;background:#10151d}.side-stats span{color:var(--muted);font-size:.72rem}.side-stats strong{font-size:.88rem}.table-area{position:relative;display:grid;align-items:center;min-width:0;overflow:hidden;padding:clamp(1rem,2vw,2rem);background:linear-gradient(90deg,rgba(24,28,36,.58),transparent 18%,transparent 82%,rgba(24,28,36,.58)),radial-gradient(circle at center,rgba(50,229,139,.06),transparent 45%),#0b1118}.card-board{position:relative;display:grid;grid-template-columns:repeat(13,minmax(54px,1fr));grid-template-rows:repeat(4,minmax(88px,1fr));gap:clamp(.35rem,.9vw,.75rem);width:100%;max-width:1080px;min-height:min(58vh,440px);margin:0 auto;padding-bottom:1.4rem;border-bottom:4px solid var(--green-dark)}.board-slot{display:grid;min-width:0;min-height:0;place-items:center}.ghost-card{width:min(100%,62px);aspect-ratio:.72;border:1px solid rgba(255,255,255,.035);border-radius:3px;background:#ffffff05}.card-face{position:relative;display:grid;width:min(100%,64px);aspect-ratio:.72;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:5px;color:#111318;background:linear-gradient(145deg,#ffffffeb,#e8ebe6fa),#f4f5f1;box-shadow:0 0 0 1px #41e58b33,0 12px 22px #00000075;transform-origin:center;animation:cardIn .22s ease-out both}.card-face.red-suit{color:#b51f32}.card-face.black-suit{color:#111318}.card-corner{position:absolute;display:grid;justify-items:center;line-height:.9}.card-corner.top{top:.22rem;left:.26rem}.card-corner.bottom{right:.26rem;bottom:.22rem;transform:rotate(180deg)}.card-corner strong{font-size:clamp(.68rem,1.35vw,1rem);font-weight:900}.card-corner b{font-size:clamp(.58rem,1.1vw,.86rem)}.card-suit{font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1}.filled:nth-child(13n+3) .card-face,.filled:nth-child(13n+7) .card-face,.filled:nth-child(13n+11) .card-face{transform:translateY(-4px)}.duplicate .card-face{border-color:#ee5b70e6;background:linear-gradient(145deg,#fff2f4f5,#e5c1c7fa),#f5dce1;animation:duplicateIn .28s ease-out both}.last-card .card-face{box-shadow:0 0 0 2px #39e58b59,0 0 32px #39e58b47,0 16px 30px #00000080}.result-popup{position:absolute;left:50%;top:48%;display:none;min-width:165px;overflow:hidden;border:2px solid rgba(57,229,139,.82);border-radius:7px;background:#111820;text-align:center;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000073}.result-popup.show{display:block;animation:resultIn .22s ease-out both}.result-popup strong{display:block;padding:1rem 1.2rem;color:#0b2014;background:var(--green);font-size:1.55rem;font-weight:900}.result-popup span{display:block;padding:.75rem 1rem;color:var(--text);font-size:.86rem;font-weight:900}.result-popup.loss{border-color:#ee5b70d9}.result-popup.loss strong{color:#fff;background:var(--red)}.game-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:3.5rem;border:1px solid #242a34;border-top:0;background:#10141b}.footer-icons{display:flex;gap:.55rem;padding-left:1rem}.footer-icons button{min-width:2.2rem;height:1.8rem;border:0;color:#b9c0cb;background:transparent;font-size:.62rem;font-weight:900}.game-footer>strong{color:#ffffff29;font-size:1.25rem;letter-spacing:.08em}.game-footer a{justify-self:end;padding-right:1rem;color:#c4c9d1;font-size:.84rem;font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#04070ab8}.cashier-modal{display:grid;gap:.85rem;width:min(420px,100%);border:1px solid #303845;border-radius:7px;padding:1rem;background:#111720;box-shadow:0 28px 70px #0000008f}.receive-modal{display:grid;gap:.9rem;width:min(340px,100%);border:1px solid #1e2635;border-radius:8px;padding:.8rem;color:#f7f9fc;background:#050b16;box-shadow:0 28px 70px #0009}.receive-header{display:flex;justify-content:flex-end}.receive-header button{width:2rem;height:2rem;border:0;border-radius:999px;color:#9aa4b5;background:#121a2a;font-weight:900}.receive-title{display:grid;gap:.45rem;text-align:center}.receive-title strong{font-size:1.05rem}.receive-title span{color:#f2f5fb;font-size:.84rem;line-height:1.45}.qr-card{display:grid;place-items:center;justify-self:center;width:202px;height:202px;overflow:hidden;border-radius:10px;background:#fff}.qr-card img{width:100%;height:100%}.qr-card span{color:#111720;font-weight:900}.receive-warning{margin:0;border-radius:8px;padding:.9rem;color:#b8c0ce;background:#1c2535;font-size:.84rem;font-weight:800;line-height:1.45}.receive-address{display:grid;gap:.35rem;border:1px solid #263246;border-radius:8px;padding:.75rem;background:#070e1a}.receive-address>span{color:#8994a6;font-size:.72rem;font-weight:900;text-align:center}.receive-address div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.receive-address button{min-height:2rem;border:1px solid #20ee8a;border-radius:6px;padding:0 .75rem;color:#20ee8a;background:transparent;font-weight:900}.cashier-header,.cashier-balance{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cashier-header strong{font-size:1rem}.cashier-header button{width:2rem;height:2rem;border:0;border-radius:5px;color:var(--muted);background:#222936;font-weight:900}.cashier-balance{padding:.7rem;border:1px solid #272d38;border-radius:5px;background:#10151d}.cashier-balance span,.cashier-note{color:var(--muted);font-size:.78rem;font-weight:800}.cashier-note{margin:0;line-height:1.45}@keyframes cardIn{0%{opacity:0;transform:translateY(-28px) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes duplicateIn{0%{opacity:0;transform:translateY(-28px) scale(.78)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes resultIn{0%{opacity:0;transform:translate(-50%,-42%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:1180px){.casino-shell{padding:.5rem}.game-frame{grid-template-columns:1fr}.chat-panel,.bet-panel{border-right:0;border-bottom:1px solid var(--line)}.chat-panel{min-height:320px}.card-board{grid-template-columns:repeat(13,minmax(34px,1fr));grid-template-rows:repeat(4,minmax(62px,1fr));min-height:300px}}@media(max-width:620px){.casino-shell{padding:0}.side-stats,.game-footer{grid-template-columns:1fr}.chat-form{grid-template-columns:1fr 58px}.game-footer{gap:.7rem;padding:.8rem 0}.game-footer a,.game-footer strong{justify-self:center;padding:0}.footer-icons{justify-content:center;padding:0}.table-area{padding:.75rem}.card-board{gap:.22rem}.card-face{border-width:2px}}
