@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0d16;--bg-2:#0f1320;--surface:#151a2a;--surface-2:#1c2236;--surface-3:#252c44;--border:#ffffff12;--border-strong:#ffffff21;--text:#eef0f8;--muted:#8b92ab;--gold:#e6c172;--gold-2:#b8862f;--gold-grad:linear-gradient(180deg, #f6dc9c 0%, #dcb05c 55%, #b8862f 100%);--success:#3ddc97;--danger:#f0466b;--warning:#ffc15e;--radius:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-spring:cubic-bezier(.3, 1.4, .5, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:Outfit Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}body{background:radial-gradient(1200px 500px at 50% -200px, #e6c17214, transparent 70%), var(--bg);background-attachment:fixed;min-height:100dvh}body.dragging{-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}input{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:14px;outline:none;min-width:0;padding:13px 15px;font-size:16px;transition:border-color .15s}input:focus{border-color:var(--gold)}h1,h2,h3,h4{letter-spacing:-.01em;margin:0}h1{font-size:30px;font-weight:700}h2{font-size:21px;font-weight:650}h3{font-size:17px;font-weight:650}a{color:inherit;text-decoration:none}.icon{flex-shrink:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.left{text-align:left}.grow{flex:1;min-width:0}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row{align-items:center;gap:12px;display:flex}.row.gap{flex-wrap:wrap;gap:8px}.error{color:var(--danger);margin:0;font-size:14px}.empty{text-align:center;padding:28px 0}.pad{margin:0;padding:12px 14px}.splash{place-items:center;min-height:100dvh;animation:1.4s ease-in-out infinite breathe;display:grid}@keyframes breathe{50%{opacity:.75;transform:scale(1.08)}}.btn{-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-weight:650;transition:transform .1s,opacity .15s,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.38}.btn-primary{background:var(--gold-grad);color:#241805;box-shadow:inset 0 1px #ffffff80,0 6px 20px #e6c17238}.btn-secondary{background:var(--surface-3)}.btn-ghost{border:1px solid var(--border-strong);background:#ffffff0f}.btn-dark{color:var(--text);background:#00000059}.btn-danger{color:#fff;background:linear-gradient(#ff6584,#d42a52)}.btn-small{border-radius:11px;padding:8px 12px;font-size:14px}.btn-block{width:100%}.btn-big{padding:16px;font-size:17px}.icon-btn{width:38px;height:38px;color:var(--muted);border:1px solid var(--border);background:#ffffff0f;border-radius:12px;flex-shrink:0;place-items:center;transition:transform .1s;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn.small{border-radius:9px;width:28px;height:28px}.icon-btn-space{width:38px}.link-btn{color:var(--gold);font-size:14px;font-weight:600}.pill{white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.tiny{padding:2px 8px;font-size:11px}.pill.gold{color:var(--gold);background:#e6c17229}.pill-lobby{color:var(--warning);background:#ffc15e24}.pill-playing{color:var(--success);background:#3ddc9724}.pill-btn{border:1px solid var(--border-strong);padding:6px 12px;font-size:13px}.pill-btn.active{background:var(--gold-grad);color:#241805;border-color:#0000}.pill-btn.done{opacity:.4;text-decoration:line-through}.segmented{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:0 2px 8px #0000004d}.seg-count{background:var(--gold);color:#241805;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.layout{min-height:100dvh}.page{max-width:560px;padding:calc(var(--safe-top) + 22px) 16px calc(var(--safe-bottom) + 100px);animation:page-in .3s var(--ease-out);margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.page-head{margin-bottom:20px}.page-head p{margin:4px 0 0}.home-head{justify-content:space-between;align-items:center;display:flex}.home-head p{margin:0}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;margin:26px 0 10px;font-size:13px;font-weight:650;display:flex}section:first-of-type .section-title{margin-top:0}.count{color:var(--gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;text-align:inherit;margin-bottom:10px;padding:16px}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-row{align-items:center;gap:12px;padding:11px 14px;display:flex}.list-row+.list-row{border-top:1px solid var(--border)}.thumb{background:var(--bg-2);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.offline-bar{z-index:30;background:var(--warning);color:#2a1d00;text-align:center;padding:calc(var(--safe-top) + 4px) 8px 4px;font-size:13px;font-weight:600;position:sticky;top:0}.banner{border:1px solid var(--border);text-align:center;background:#ffffff0f;border-radius:14px;margin-bottom:10px;padding:10px 12px;font-size:14px}.banner.warn{color:#ffb3c3;background:#f0466b24;border-color:#f0466b66}.tabbar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--border);padding:8px 4px calc(var(--safe-bottom) + 6px);background:#0a0d16db;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:2px 0;font-size:11px;font-weight:600;transition:color .2s;display:flex}.tab.active{color:var(--gold)}.tab-icon{place-items:center;display:grid;position:relative}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:-5px;right:-11px}.dot-online{background:var(--success);border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:-1px;right:-3px}.toasts{top:calc(var(--safe-top) + 10px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:12px;right:12px}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);width:100%;max-width:520px;animation:drop .3s var(--ease-spring);background:#1c2236f5;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;box-shadow:0 12px 32px #00000073}.toast span{flex:1}@keyframes drop{0%{opacity:0;transform:translateY(-20px)}}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;max-height:88dvh;padding:20px 16px calc(var(--safe-bottom) + 20px);animation:rise .3s var(--ease-out);border-radius:24px 24px 0 0;overflow-y:auto}.modal-backdrop-centered{padding:calc(var(--safe-top) + 16px) 14px calc(var(--safe-bottom) + 16px);align-items:center}.modal.modal-centered{max-height:100%;animation:pop-in .3s var(--ease-spring);border-radius:24px;padding:18px 18px 0}.modal.modal-centered:after{content:"";background:linear-gradient(transparent, var(--surface));pointer-events:none;height:28px;margin:0 -18px;display:block;position:sticky;bottom:0}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(60px)}}.option-row{margin-bottom:6px}.option-label{color:var(--muted);margin-bottom:8px;font-size:14px}.login{max-width:420px;padding:calc(var(--safe-top) + 56px) 16px 32px;margin:0 auto}.login-hero{text-align:center;margin-bottom:32px}.login-logo{background:radial-gradient(circle at 50% 30%,#1f7a51,#0b3d27);border:1px solid #e6c17259;border-radius:30px;place-items:center;width:112px;height:112px;margin:0 auto 16px;display:grid;box-shadow:0 18px 50px #00000080,inset 0 0 30px #0006}.login-hero p{margin:6px 0 0}.form{flex-direction:column;gap:14px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.avatar{color:#000000b8;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:750;display:inline-grid;position:relative;box-shadow:inset 0 1px #fff6}.avatar.ring{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px #e6c17299}.avatar.has-photo{background:var(--surface-3)}.avatar.has-photo img{object-fit:cover;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%;display:block}.presence{border:2.5px solid var(--surface);background:#4a5068;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.presence.on{background:var(--success)}.game-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-tile{--accent:#888;text-align:left;background:radial-gradient(140px 120px at 85% 0%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:22px;flex-direction:column;align-items:flex-start;gap:8px;min-height:164px;padding:14px;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #00000059}.game-tile:active{transform:scale(.97)}.game-tile.wide{flex-direction:row;grid-column:span 2;align-items:center;min-height:120px}.game-art{filter:drop-shadow(0 6px 10px #0006)}.game-text{flex-direction:column;gap:2px;margin-top:auto;display:flex}.game-tile.wide .game-text{margin-top:0}.game-name{font-size:17px;font-weight:700}.game-tagline{color:#ffffffb8;font-size:13px}.game-players{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px}.room-card,.invite-card{display:flex}.invite-card{background:linear-gradient(160deg, #e6c1721a, var(--surface));border-color:#e6c17266}.code-card{text-align:center;border-radius:var(--radius);background:var(--gold-grad);color:#241805;margin-bottom:12px;padding:20px;box-shadow:0 14px 36px #e6c17233}.code-label{opacity:.75;font-size:13px;font-weight:600}.friend-code{letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:38px;font-weight:800}.code-card .btn-dark{color:#f6dc9c;background:#241805d9}.add-friend{gap:8px;margin-bottom:6px;display:flex}.add-friend input{text-transform:uppercase;letter-spacing:.1em}.debt-card{flex-direction:column;gap:12px;display:flex}.stake-text{text-align:center;color:var(--gold);padding:6px 0;font-size:21px;font-weight:700}.honored summary{cursor:pointer;list-style:none}.honored summary::-webkit-details-marker{display:none}.honored-row{opacity:.8}.honored-check{color:var(--success)}.profile-head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.profile-photo-btn{border-radius:50%;position:relative}.photo-edit{background:var(--gold-grad);color:#241805;border:3px solid var(--bg);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:-2px;right:-2px}.photo-actions{gap:8px;display:flex}.photo-actions .btn{padding:12px 8px;font-size:14px}.remove-photo{color:var(--muted);margin:10px auto 0;display:block}.cropper{flex-direction:column;align-items:center;gap:14px;padding-bottom:18px;display:flex}.crop-view{touch-action:none;cursor:grab;background:#000;border-radius:18px;position:relative;overflow:hidden}.crop-view img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.crop-mask{pointer-events:none;border:2px solid #e6c172cc;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 200px #0000008c}.crop-zoom{width:100%;accent-color:var(--gold);background:0 0;border:none;padding:0}.color-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.color-swatch{aspect-ratio:1;color:#000000b3;border-radius:50%;place-items:center;transition:transform .15s;display:grid}.color-swatch.active{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--gold)}.color-swatch:active{transform:scale(.9)}.install-steps{margin:0;padding-left:20px;line-height:2}.install-steps .icon{vertical-align:-2px}.logout{margin-top:28px}.room{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.room-head{z-index:10;padding:calc(var(--safe-top) + 8px) 12px 8px;-webkit-backdrop-filter:blur(14px);background:#0a0d16db;align-items:center;gap:10px;display:flex;position:sticky;top:0}.room-title{text-align:center;letter-spacing:.02em;flex:1;font-weight:650}.room-body{padding:6px 12px calc(var(--safe-bottom) + 16px);flex-direction:column;flex:1;display:flex}.room-error{text-align:center;place-items:center;gap:12px;min-height:100dvh;padding:16px;display:grid}.invite-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.lobby{padding:4px 16px calc(var(--safe-bottom) + 16px)}.lobby-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 0 0;display:flex}.host-tag{color:var(--gold)}.lobby-footer{margin-top:20px}.end-bar{padding:14px 0 calc(var(--safe-bottom) + 6px)}.result-card{text-align:center;animation:pop-in .45s var(--ease-spring);flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.result-card p{margin:0}.result-card.won{border-color:#e6c1728c;box-shadow:0 0 40px #e6c1721f}.result-card.lost{border-color:#f0466b59}.result-icon{background:var(--gold-grad);color:#241805;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:4px;display:grid}.result-card.lost .result-icon{background:var(--surface-3);color:var(--muted)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.drag-ghost,.drag-ghost *{transition:none;animation:none!important}.drag-ghost{filter:drop-shadow(0 16px 22px #0000008c);will-change:transform}.drag-source{opacity:.25}[data-drop]{transition:transform .15s,box-shadow .15s}.drop-hover{border-radius:12px;transform:scale(1.07);box-shadow:0 0 0 3px var(--gold)!important}.cards{justify-content:center;min-height:80px;display:flex}.cards>*+*{margin-left:-28px}.cards.small{min-height:62px}.cards.small>*+*{margin-left:-24px}.pcard{perspective:700px;flex-shrink:0;width:56px;height:80px}.pcard.small{width:43px;height:62px}.pcard.dealing{animation:deal-in .34s var(--ease-out) both}@keyframes deal-in{0%{transform:translate(var(--fx,120px), var(--fy,-120px)) rotate(-28deg) scale(.7);opacity:0}25%{opacity:1}}.pcard-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .5s var(--ease-out);position:relative;transform:rotateY(180deg)}.pcard-inner.up{transform:rotateY(0)}.pcard-face{backface-visibility:hidden;border-radius:7px;position:absolute;inset:0;box-shadow:0 3px 8px #00000059,0 0 0 .5px #0000004d}.pcard-face.front{color:#1c1c28;background:linear-gradient(160deg,#fff,#f3f0e8)}.pcard-face.front.red{color:#cf2a3b}.pcard-face.back{background:repeating-linear-gradient(45deg,#e6c1722e 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#e6c1722e 0 2px,#0000 2px 7px),linear-gradient(160deg,#7a1f35,#4b0f22);border:3px solid #fdfaf2;transform:rotateY(180deg)}.pc-corner{flex-direction:column;align-items:center;font-size:14px;font-weight:750;line-height:1;display:flex;position:absolute}.pc-corner i{font-size:12px;font-style:normal}.pc-corner.tl{top:4px;left:4px}.pc-corner.br{bottom:4px;right:4px;transform:rotate(180deg)}.pc-center{place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.pc-center.face{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:800}.pcard.small .pc-corner{font-size:12px}.pcard.small .pc-center{font-size:22px}.chip{--c:#1d6fd8;--t:#fff;background:radial-gradient(circle, var(--c) 0 55%, transparent 56%), repeating-conic-gradient(var(--c) 0 22deg, #f6f2e8 22deg 38deg);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 2px #0006,0 4px 8px #0000004d,inset 0 0 0 1.5px #0003}.chip:before{content:"";border:1.5px dashed #ffffffb3;border-radius:50%;position:absolute;inset:20%}.chip span{color:var(--t);text-shadow:0 1px 1px #0006;font-size:12px;font-weight:800;position:relative}.chip-1{--c:#c3c8d2;--t:#1c1c28}.chip-5{--c:#d62839}.chip-10{--c:#1d6fd8}.chip-25{--c:#23955a}.chip-100{--c:#23232b}.chip-500{--c:#7b3fe4}.chip-1000{--c:#c9973d;--t:#241805}.chip-5000{--c:#a3123f}.chip-stack{width:40px;height:40px;position:relative}.chip-stack .chip.stacked{left:0;bottom:calc(var(--i) * 3.5px);width:40px;height:40px;animation:chip-in .32s var(--ease-spring) both;position:absolute}.chip-stack .chip.stacked span{font-size:10px}@keyframes chip-in{0%{opacity:0;transform:translateY(-46px)scale(1.15)}}.stack-label{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:750;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.room-blackjack .room-body,.room-blackjack-duel .room-body{padding-top:2px}.bj{flex-direction:column;gap:10px;display:flex}.bj-hud{align-items:center;gap:8px;display:flex}.hud-plate{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:104px;padding:7px 12px;display:flex}.hud-plate.right{align-items:flex-end}.hud-plate.lead{border-color:#e6c17280}.hud-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:11px;overflow:hidden}.hud-value{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:20px;font-weight:750;display:flex}.hud-value.small{font-size:16px}.hud-coin{background:var(--gold-grad);border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 2px #7a55128c,0 1px 2px #0006}.hud-center{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.hud-round{font-size:13px;font-weight:650}.hud-hot{color:var(--warning);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.hud-stats{color:var(--muted);font-size:12px}.felt{background:radial-gradient(90% 60% at 50% 30%,#ffffff14,#0000 70%),radial-gradient(at 50% 0,#1d8656 0%,#12603d 50%,#0a3d27 100%);border:7px solid #3a2213;border-radius:28px;flex-direction:column;align-items:center;gap:8px;min-height:470px;padding:14px 10px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #7a4f2a,inset 0 0 0 1.5px #e6c17240,inset 0 0 70px #00000073,0 16px 40px #00000080}.shoe{background:linear-gradient(#2a1a10,#15100b);border-radius:6px 6px 10px 10px;width:44px;height:52px;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #00000080}.shoe-card{background:linear-gradient(160deg,#7a1f35,#4b0f22);border:2px solid #fdfaf2;border-radius:4px;width:32px;height:40px;position:absolute;top:6px;left:6px}.shoe-card:nth-child(2){transform:translate(1px,2px)}.shoe-card:nth-child(3){transform:translate(2px,4px)}.felt-rules{letter-spacing:.14em;text-transform:uppercase;color:#e6c1728c;text-align:center;padding:0 54px;font-size:10px}.felt-arc{letter-spacing:.22em;text-transform:uppercase;color:#e6c172b3;border-top:1.5px solid #e6c1724d;border-radius:50% 50% 0 0/22px 22px 0 0;margin-top:2px;padding:8px 30px 0;font-size:11px;font-weight:650}.dealer-area,.opp-area,.me-area{flex-direction:column;align-items:center;width:100%;display:flex}.dealer-area{min-height:112px}.opp-area{min-height:60px}.me-area{gap:8px;margin-top:auto}.opp-waiting{color:#fff9;padding:18px 0;font-size:13px}.seat-hands{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.bj-hand{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;padding:6px;transition:border-color .2s;display:flex}.bj-hand.active{background:#e6c1720f;border-color:#e6c172cc}.hand-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:22px;margin-top:7px;display:flex}.hand-label{color:#ffffffbf;font-size:12px;font-weight:600}.total{font-variant-numeric:tabular-nums;animation:pop-in .25s var(--ease-spring);background:#00000073;border:1px solid #ffffff1f;border-radius:10px;padding:1px 9px;font-size:14px;font-weight:750}.total.bust{background:#f0466bbf}.total.hit21{background:var(--gold-grad);color:#241805}.hand-bet{color:var(--gold);font-size:12px;font-weight:650}.result{animation:pop-in .3s var(--ease-spring);background:#00000073;border-radius:9px;padding:2px 8px;font-size:12px;font-weight:750}.r-win,.r-blackjack{color:var(--success)}.r-lose,.r-bust{color:#ff9db1}.r-push{color:var(--warning)}.insurance-tag{color:var(--gold);background:#00000059;border-radius:10px;padding:2px 10px;font-size:12px}.spots{justify-content:center;align-items:flex-end;gap:18px;margin-top:6px;display:flex}.bet-spot{background:#0000001f;border:2px dashed #e6c17280;border-radius:50%;place-items:center;transition:transform .15s,border-color .2s,background .2s;display:grid;position:relative}.bet-spot.main{width:86px;height:86px}.bet-spot.side{width:62px;height:62px}.bet-spot.active{background:#e6c17214;border-color:#e6c172e6;animation:2.4s ease-in-out infinite spot-pulse}.bet-spot:disabled{opacity:1}@keyframes spot-pulse{50%{box-shadow:0 0 0 6px #e6c17214}}.spot-label{letter-spacing:.14em;text-transform:uppercase;color:#e6c172d9;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:-18px}.bet-spot .chip-stack{transform:translateY(-4px)}.bet-spot.side .chip-stack{transform:translateY(-4px)scale(.85)}.bet-spot .chip-stack.payout{position:absolute;top:-8px;right:2px}.bet-spot .chip-stack.payout .chip.stacked{animation:chip-pay .6s var(--ease-out) both;animation-delay:calc(var(--i) * 40ms)}@keyframes chip-pay{0%{opacity:0;transform:translate(-30px,-220px)}}.bet-spot.lost .chip-stack:first-of-type{animation:.7s ease-in .15s forwards chip-lose}@keyframes chip-lose{to{opacity:0;transform:translateY(-230px)scale(.8)}}.bet-spot.won{border-color:var(--gold);box-shadow:0 0 24px #e6c17259}.spot-result{white-space:nowrap;animation:pop-in .3s var(--ease-spring);background:#0009;border-radius:7px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;bottom:-26px}.spot-result.win{color:var(--success)}.spot-result.lose{color:#ff9db1}.result-banner{-webkit-backdrop-filter:blur(6px);pointer-events:none;animation:banner 2.8s var(--ease-out) forwards;background:#050a08b8;border:1px solid #e6c17266;border-radius:20px;flex-direction:column;align-items:center;padding:14px 30px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rb-title{letter-spacing:.02em;font-size:30px;font-weight:800}.rb-amount{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.result-banner.win .rb-title{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.result-banner.win .rb-amount{color:var(--success)}.result-banner.lose .rb-amount{color:#ff9db1}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}18%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.felt-toast{color:var(--gold);background:#00000080;border-radius:10px;padding:3px 10px;font-size:12px;position:absolute;top:70px}.controls{flex-direction:column;gap:10px;min-height:132px;display:flex}.controls-msg{text-align:center;color:var(--muted);margin:14px 0 4px}.controls-msg strong{color:var(--gold)}.controls-hint{text-align:center;color:var(--muted);margin:-2px 0 0;font-size:12px}.rack{justify-content:center;gap:8px;padding-top:4px;display:flex}.rack-chip{cursor:pointer;touch-action:none;width:50px;height:50px;transition:transform .18s var(--ease-spring)}.rack-chip span{font-size:13px}.rack-chip.selected{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--gold), 0 10px 18px #0006;transform:translateY(-6px)}.rack-chip.disabled{opacity:.3;filter:grayscale(.6)}.bet-actions{flex-direction:column;gap:8px;display:flex}.bet-secondary{gap:6px;display:flex}.bet-secondary:empty{display:none}.bet-secondary .btn{flex:1;padding:10px 8px;font-size:14px}.action-row{grid-template-columns:repeat(4,1fr);gap:8px;padding-top:4px;display:grid}.action-btn{flex-direction:column;align-items:center;gap:5px;transition:transform .1s;display:flex}.action-btn:active:not(:disabled){transform:scale(.94)}.action-btn:disabled{opacity:.35}.action-icon{background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 6px 14px #00000059}.action-btn.hit .action-icon{background:linear-gradient(#2fbf7b,#178a55);border-color:#0000}.action-btn.stand .action-icon{background:linear-gradient(#f2667f,#c4314f);border-color:#0000}.action-label{font-size:13px;font-weight:650}.action-sub{color:var(--muted);margin-top:-4px;font-size:11px}.paytable{flex-direction:column;gap:12px;display:flex}.pay-section h4{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:4px;font-size:13px}.pay-help{color:var(--muted);margin:0 0 6px;font-size:14px}.pay-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 64px;align-items:center;gap:10px;padding:6px 0;display:grid}.pay-left{flex-direction:column;min-width:0;display:flex}.pay-name{font-size:16px;font-weight:650}.pay-note{color:var(--muted);font-size:12px}.pay-odds{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;font-size:18px;font-weight:800}.mini-cards{display:flex}.mini-card{color:#1c1c28;background:linear-gradient(160deg,#fff,#f1ede4);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:24px;height:32px;font-size:12px;font-weight:800;line-height:1;display:flex;box-shadow:0 1px 3px #00000073}.mini-card+.mini-card{margin-left:-6px}.mini-card i{font-size:12px;font-style:normal}.mini-card.red{color:#cf2a3b}.nego{flex-direction:column;gap:2px;display:flex}.nego-head{text-align:center;padding:8px 6px 14px}.nego-head p{margin:6px 0 0}.stake-card{flex-direction:column;gap:12px;display:flex}.stake-card.agreed{border-color:#3ddc9766}.stake-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.stake-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.stake-status.ok{color:var(--success);font-weight:650}.bj-cancelled{margin-top:20px}.bj-cancelled p{margin:8px 0 0}.skyjo{--w-me:min(17vw, 64px, 7.4dvh);--w-opp:min(11vw, 42px, 5.4dvh);--w-pile:min(14vw, 54px, 6.4dvh);flex-direction:column;gap:8px;display:flex}.sj-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.sj-tab{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.sj-tab.active{background:var(--surface-3);border-color:var(--border-strong)}.sj-tab.turn{box-shadow:0 0 0 2px var(--gold)}.sj-zone{background:linear-gradient(#3a7bd51a,#3a7bd508);border:1px solid #74a8ff24;border-radius:20px;padding:8px 8px 10px;transition:border-color .3s,box-shadow .3s}.sj-zone.turn{border-color:#e6c17299;box-shadow:0 0 24px #e6c1721a}.sj-head{align-items:center;gap:8px;padding:2px 4px 8px;font-size:13px;display:flex}.sj-zone.me .sj-head{padding:8px 4px 0}.sj-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.sj-score{font-variant-numeric:tabular-nums}.sj-total{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.sj-board{grid-template-columns:repeat(4,auto);justify-content:center;gap:7px;display:grid}.sj-board.opp{--w:var(--w-opp);gap:5px}.sj-board.mine{--w:var(--w-me)}.sj-slot{width:var(--w);height:calc(var(--w) * 1.38);border-radius:calc(var(--w) * .14);perspective:600px}.sj-slot.gone{border:2px dashed #ffffff1a}.sj-slot.pickable{cursor:pointer}.sj-slot.pickable .sj-card{box-shadow:0 0 0 2.5px var(--gold), 0 6px 14px #00000059}.sj-slot.drop-hover{border-radius:calc(var(--w) * .14)}.sj-card{--w:inherit;border-radius:calc(var(--w) * .14);color:#1c1c28;width:100%;height:100%;box-shadow:0 3px 8px #00000059, inset 0 0 0 calc(var(--w) * .05) #ffffffd9;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.sj-value{font-size:calc(var(--w) * .46);letter-spacing:-.03em;font-weight:800}.sj-corner{top:calc(var(--w) * .08);left:calc(var(--w) * .12);font-size:calc(var(--w) * .17);font-weight:700;position:absolute}.sj-corner.br{top:auto;left:auto;bottom:calc(var(--w) * .08);right:calc(var(--w) * .12);transform:rotate(180deg)}.sj-board.opp .sj-corner{display:none}.sj-card.neg{color:#fff;background:linear-gradient(160deg,#6f6fe8,#4747b8)}.sj-card.zero{background:linear-gradient(160deg,#a5e4fb,#63c4ec)}.sj-card.low{background:linear-gradient(160deg,#9be8a6,#5cc56d)}.sj-card.mid{background:linear-gradient(160deg,#ffe38a,#f5c33b)}.sj-card.high{color:#fff;background:linear-gradient(160deg,#ff8a8a,#e94b4b)}.sj-card.back{box-shadow:0 3px 8px #00000059, inset 0 0 0 calc(var(--w) * .05) #ffffffd9;background:repeating-linear-gradient(135deg,#ffffff12 0 3px,#0000 3px 8px),radial-gradient(circle at 50% 40%,#3d6fd6,#1f3c8f)}.sj-logo{font-size:calc(var(--w) * .16);letter-spacing:.08em;color:#ffffffe6;font-weight:800;transform:rotate(-60deg)}.sj-board.opp .sj-logo{display:none}.sj-card.empty{box-shadow:none;background:0 0;border:2px dashed #ffffff24}.sj-card.glow{animation:1.6s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 0 2.5px var(--gold), 0 4px 12px #0006}50%{box-shadow:0 0 0 2.5px var(--gold), 0 0 22px #e6c1728c}}.sj-enter{animation:flip-in .42s var(--ease-out)}@keyframes flip-in{0%{transform:rotateY(90deg)scale(.9)}}.sj-table{justify-content:center;gap:18px;padding:4px 0;display:flex}.sj-pile{--w:var(--w-pile);flex-direction:column;align-items:center;gap:5px;display:flex}.sj-pile>.sj-card,.sj-drop{width:var(--w);height:calc(var(--w) * 1.38)}.sj-pile>.sj-card,.sj-drop>.sj-card{touch-action:none}.sj-drop{border-radius:calc(var(--w) * .14)}.sj-drop.held.waiting>.sj-card.empty{border-color:#e6c17280}.held-card{transform:rotate(4deg)}.pile-label{color:var(--muted);white-space:nowrap;font-size:11px}.sj-hint{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:3px;min-height:20px;font-size:14px;font-weight:600;display:flex}.sj-hint.active{color:var(--gold)}.sj-last{color:var(--warning);align-items:center;gap:5px;font-size:12px;display:inline-flex}.sj-discard-btn{align-self:center}.sj-scores{margin-top:4px}.score-table{border-collapse:collapse;width:100%;margin:6px 0}.score-table th,.score-table td{text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:8px}.score-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.score-table td:first-child{text-align:left}.score-table tr.me td{color:var(--gold)}.uno{flex-direction:column;gap:6px;display:flex}.uno-opponents{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.uno-opp{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:84px;padding:10px 8px;transition:border-color .3s;display:flex}.uno-opp.turn{border-color:var(--gold);box-shadow:0 0 20px #e6c1721f}.uno-opp-name{font-size:13px;font-weight:600}.uno-fan{width:64px;height:30px;position:relative}.uno-mini{transform-origin:50% 120%;width:18px;height:26px;transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 9deg));background:#1c1c28;border:1.5px solid #fff;border-radius:3px;margin-left:-9px;position:absolute;bottom:0;left:50%}.uno-count{background:var(--gold-grad);color:#241805;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-10px}.uno-table{background:radial-gradient(at 50% 40%,#ffffff0d,#0000 70%);border-radius:24px;justify-content:center;align-items:center;gap:22px;margin:14px 0 4px;padding:18px 0;display:flex}.uno-deck{flex-direction:column;align-items:center;gap:6px;display:flex}.uno-discard{border:4px solid #0000;border-radius:18px;padding:6px;transition:border-color .3s}.ring-red{border-color:#e63946}.ring-yellow{border-color:#ffc300}.ring-green{border-color:#2a9d55}.ring-blue{border-color:#1d6fd8}.uno-info{color:var(--muted);flex-direction:column;align-items:center;gap:10px;display:flex}.uno-dir.ccw{transform:scaleX(-1)}.color-dot{border:3px solid #fff;border-radius:50%;width:26px;height:26px}.uno-log{text-align:center;color:var(--muted);min-height:18px;font-size:13px}.uno-status{text-align:center;color:var(--muted);font-weight:650}.uno-status.my-turn{color:var(--gold)}.uno-hand{flex-wrap:wrap;justify-content:center;gap:8px 0;padding:20px 4px 8px 26px;display:flex}.uno-hand .uno-card{margin-left:-22px}.uno-actions{margin-top:4px}.uno-btn{letter-spacing:.1em;font-style:italic;font-weight:800}.uno-card{color:#fff;width:62px;height:92px;transition:transform .18s var(--ease-out), filter .2s;-webkit-user-select:none;user-select:none;border:3.5px solid #fff;border-radius:10px;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 4px 10px #00000073}.uno-card.in-hand{touch-action:none;animation:deal-in .3s var(--ease-out) both;--fx:0px;--fy:-200px}.uno-card.red,.color-dot.red,.color-choice.red{background:linear-gradient(160deg,#f0525e,#c81d2e)}.uno-card.yellow,.color-dot.yellow,.color-choice.yellow{background:linear-gradient(160deg,#ffd23f,#f0a500)}.uno-card.green,.color-dot.green,.color-choice.green{background:linear-gradient(160deg,#3dbb6d,#1f7f43)}.uno-card.blue,.color-dot.blue,.color-choice.blue{background:linear-gradient(160deg,#3c8cf0,#1556b8)}.uno-card.wild,.uno-card.back{background:#17171f}.uno-card.glow{animation:1.6s ease-in-out infinite glow}.uno-back-logo{color:#ffd23f;text-shadow:1px 1px #1c1c28;background:#d62839;border-radius:50%;padding:10px 6px;font-size:15px;font-style:italic;font-weight:900;transform:rotate(-25deg)}.uno-oval{color:#1c1c28;background:#fff;border-radius:50%;place-items:center;width:80%;height:64%;font-size:24px;font-weight:900;display:grid;transform:rotate(-25deg)}.uno-card.red .uno-oval{color:#c81d2e}.uno-card.yellow .uno-oval{color:#d99000}.uno-card.green .uno-oval{color:#1f7f43}.uno-card.blue .uno-oval{color:#1556b8}.uno-card.wild .uno-oval{background:conic-gradient(#e63946 0 25%, #ffc300 0 50%, #2a9d55 0 75%, #1d6fd8 0);color:#fff;text-shadow:0 1px 2px #0009}.wild-wheel{display:none}.uno-corner{text-shadow:0 1px 2px #0006;font-size:12px;font-weight:800;position:absolute;top:3px;left:5px}.uno-corner.br{inset:auto 5px 3px auto;transform:rotate(180deg)}.uno-card.playable{box-shadow:0 0 0 2px var(--gold), 0 10px 18px #00000080;transform:translateY(-16px)}.uno-hand .uno-card:not(.playable){filter:brightness(.7)saturate(.8)}.uno-played{animation:played .35s var(--ease-spring)}@keyframes played{0%{opacity:0;transform:translateY(120px)rotate(-14deg)scale(.9)}}.color-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-choice{color:#fff;border-radius:18px;padding:28px 0;font-size:17px;font-weight:750;box-shadow:0 6px 16px #00000059}.bs{flex-direction:column;gap:10px;display:flex}.bs-status{text-align:center;color:var(--muted);font-size:17px;font-weight:650}.bs-status.my-turn{color:var(--gold)}.bs-last{text-align:center;color:var(--muted);font-size:14px}.bs-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:12px;font-weight:650}.bs-ships{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.bs-board{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;background:linear-gradient(#0b2547,#071a33);border:1px solid #74a8ff33;border-radius:16px;gap:2px;width:100%;padding:5px;display:grid}.bs-board.small{align-self:center;width:62%}.bs-cell{background:#14467e;border-radius:3px;position:relative}.bs-cell.target:active{background:#2f6fb8}.bs-board.enemy .bs-cell.target{background:#17508f}.bs-cell.ship{background:linear-gradient(#a9b4c4,#7b8799)}.bs-cell.sunk{background:#5c2a35}.bs-cell.miss:after{content:"";animation:pop-in .3s var(--ease-spring);background:#ffffff8c;border-radius:50%;position:absolute;inset:36%}.bs-cell.hit{background:#e23d5a}.bs-cell.hit:after{content:"";animation:pop-in .3s var(--ease-spring);background:radial-gradient(circle,#fff3c4,#ffb02e 60%,#0000 62%);border-radius:50%;position:absolute;inset:26%}.bs-cell.sunk.hit{background:#7a1f2b}.bs-cell.last{outline:2px solid var(--gold);outline-offset:-1px}.block{display:block}.icon.flip{color:var(--muted);transform:scaleX(-1)}.admin-entry{background:linear-gradient(160deg, #e6c1721a, var(--surface));border-color:#e6c17259;align-items:center;margin-bottom:16px;display:flex}.admin-entry-icon{background:var(--gold-grad);color:#241805;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.admin .room-body{padding-top:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-tile.live .stat-value{color:var(--success)}.stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:750;line-height:1.1}.stat-label{color:var(--muted);font-size:12px}.stat-sub{color:var(--gold);font-size:11px}.admin-tools{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.admin-tools .segmented{margin-bottom:0}.admin-user{text-align:left;width:100%}.admin-name{align-items:center;gap:6px;font-weight:650;display:flex}.admin-metrics{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;display:flex}.admin-metrics span{align-items:center;gap:4px;display:inline-flex}.small-coin{width:12px;height:12px}.thumb.small{border-radius:12px;width:42px;height:42px}.admin-detail{flex-direction:column;gap:10px;display:flex}.admin-detail-head{align-items:center;gap:16px;display:flex}.admin-code{letter-spacing:.1em;color:var(--gold);font-size:22px;font-weight:750}.kv{background:var(--bg-2);border-radius:14px;grid-template-columns:auto 1fr;gap:8px 14px;padding:12px 14px;font-size:14px;display:grid}.kv span:nth-child(odd){color:var(--muted)}.kv span:nth-child(2n){text-align:right}.detail-title{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-top:6px;font-size:12px}.friend-chips{flex-wrap:wrap;gap:6px;display:flex}.friend-chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.friend-chip .presence{border-width:2px;width:9px;height:9px}.admin-debt{border-bottom:1px solid var(--border);padding:8px 0}.pinpad{padding:min(28px, 3dvh) 24px calc(var(--safe-bottom) + 16px);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pin-icon{background:var(--gold-grad);color:#241805;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:8px;display:grid;box-shadow:0 12px 30px #e6c17240}.pinpad p{margin:0}.pin-dots{gap:18px;margin:min(22px,2.5dvh) 0 6px;display:flex}.pin-dots.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pin-dot{border:2px solid var(--gold);border-radius:50%;width:16px;height:16px;transition:background .15s,transform .15s}.pin-dot.filled{background:var(--gold);transform:scale(1.1)}.pin-error{min-height:20px;color:var(--danger);font-size:14px}.pinpad{--key:min(76px, 9.5dvh)}.pin-keys{grid-template-columns:repeat(3, var(--key));gap:min(14px,1.6dvh) 22px;margin-top:8px;display:grid}.pin-key{width:var(--key);height:var(--key);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;place-items:center;font-size:28px;font-weight:600;transition:transform 80ms,background .15s;display:grid}.pin-key:active:not(:disabled){background:var(--surface-3);transform:scale(.92)}.pin-key.del{color:var(--muted);background:0 0;border-color:#0000}