@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}.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.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-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-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}.room-actions{gap:6px;display:flex}.room-head .room-title{text-align:left;padding-left:4px}.chat-anchor,.chat-anchor .icon-btn{position:relative}.chat-badge{top:-6px;right:-6px}.chat-preview{z-index:40;text-align:left;-webkit-line-clamp:2;width:min(260px,70vw);animation:preview 3.5s var(--ease-out) forwards;background:#1c2236f5;border:1px solid #e6c17259;border-radius:14px 4px 14px 14px;-webkit-box-orient:vertical;padding:9px 12px;font-size:13px;line-height:1.35;display:-webkit-box;position:absolute;top:calc(100% + 8px);right:-44px;overflow:hidden;box-shadow:0 10px 26px #00000073}.chat-preview strong{color:var(--gold);margin-right:4px}@keyframes preview{0%{opacity:0;transform:translateY(-8px)}8%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.chat-backdrop{z-index:60;background:#00000040;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.chat-panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);width:100%;max-width:560px;height:min(60dvh,520px);padding-bottom:var(--safe-bottom);animation:rise .25s var(--ease-out);background:#151a2af7;border-radius:22px 22px 0 0;flex-direction:column;display:flex}.chat-head{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;padding:4px 12px 10px;display:flex;overflow-y:auto}.chat-msg{align-items:flex-end;gap:6px;max-width:85%;display:flex}.chat-msg.mine{align-self:flex-end}.chat-avatar{flex-shrink:0;width:26px}.chat-bubble{background:var(--surface-3);word-break:break-word;animation:pop-in .2s var(--ease-out);border-radius:16px 16px 16px 4px;padding:7px 11px;font-size:15px;line-height:1.35}.chat-msg.mine .chat-bubble{background:var(--gold-grad);color:#241805;border-radius:16px 16px 4px}.chat-name{color:var(--gold);margin-bottom:1px;font-size:11px;font-weight:650;display:block}.chat-form{border-top:1px solid var(--border);gap:8px;padding:8px 12px 10px;display:flex}.chat-form input{flex:1}.chat-form .btn{padding:12px 14px}.sj-zone{position:relative}.sj-fly{box-shadow:0 14px 28px #0000008c}.sj-slot.sj-hit .sj-card,.sj-slot.sj-hit.gone{animation:sj-hit 1.2s var(--ease-out)}@keyframes sj-hit{0%{transform:scale(1.12);box-shadow:0 0 #e6c172e6,0 3px 8px #00000059}35%{transform:scale(1.06);box-shadow:0 0 0 5px #e6c172bf,0 0 22px #e6c17299}to{transform:scale(1);box-shadow:0 0 #e6c17200,0 3px 8px #00000059}}.sj-ticker{z-index:5;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 24px);color:var(--gold);pointer-events:none;animation:ticker 3.2s var(--ease-out) forwards;background:#0f1320f2;border:1px solid #e6c17280;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;position:absolute;bottom:-14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 16px #0006}@keyframes ticker{0%{opacity:0;transform:translate(-50%,6px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-2px)}}.sj-scores-fab{left:50%;bottom:calc(var(--safe-bottom) + 86px);z-index:30;background:var(--gold-grad);color:#241805;animation:pop-in .3s var(--ease-spring);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:700;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 26px #00000073}.sj-popup{flex-direction:column;gap:12px;padding-bottom:18px;display:flex}.sj-popup-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.sj-popup-hero strong{font-size:19px}.sj-popup-hero:not(.won) .result-icon{background:var(--surface-3);color:var(--gold)}.sj-popup-actions{flex-direction:column;gap:8px;display:flex}.ready-check{color:var(--success);vertical-align:-2px;margin-left:6px}.setting-row{width:100%}.switch{background:var(--surface-3);border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.switch span{width:22px;height:22px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.switch.on{background:var(--success)}.switch.on span{transform:translate(18px)}html,body,#root{height:100%}.layout{flex-direction:column;height:100dvh;display:flex}.page{width:100%;min-height:0;padding-top:calc(var(--safe-top) + 14px);padding-bottom:calc(var(--safe-bottom) + 80px);flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-head{flex-shrink:0;margin-bottom:12px}.page-head h1{font-size:clamp(24px,3.6dvh,30px)}.section-title{flex-shrink:0;margin:12px 0 8px}.scroll-area{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -16px;padding:0 16px 8px;overflow-y:auto}.home{flex-direction:column;flex:1;min-height:0;display:flex}.home-invites{flex-shrink:0;max-height:28dvh;overflow-y:auto}.home-invites .card{margin-bottom:8px;padding:10px 12px}.home-invites .thumb{width:42px;height:42px}.home-rooms{flex-shrink:0}.room-strip{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.room-strip::-webkit-scrollbar{display:none}.room-chip{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:16px;flex:none;align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex}.room-chip .thumb{border-radius:11px;width:40px;height:40px}.room-chip-text{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.room-chip-text strong{font-size:14px}.status-dot{background:var(--muted);vertical-align:1px;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.lobby{background:var(--warning)}.status-dot.playing{background:var(--success)}.home-games{flex-direction:column;flex:1;min-height:0;display:flex}.home-games .game-grid{flex:1;grid-auto-rows:1fr;min-height:0}.game-tile,.game-tile.wide{min-height:0;padding:12px;container-type:size}.game-art svg{width:clamp(40px,46cqh,84px);height:auto}.game-tile.wide .game-art svg{width:clamp(48px,70cqh,90px)}.game-name{margin-top:4px}@container (height<=140px){.game-tagline{display:none}}@container (height<=104px){.game-players{display:none}}.code-card{flex-shrink:0;padding:clamp(12px,2dvh,20px)}.friend-code{margin:2px 0 8px;font-size:clamp(28px,4.4dvh,38px)}.add-friend{flex-shrink:0}.profile-head{gap:6px}.profile-head .avatar{width:clamp(64px,10dvh,96px)!important;height:clamp(64px,10dvh,96px)!important}.danger-row{color:#ff9db1}.color-grid{gap:8px;padding:12px}.room{height:100dvh;min-height:0;overflow:hidden}.room-head{flex-shrink:0}.room-body{min-height:0;padding:4px 12px calc(var(--safe-bottom) + 8px);flex:1;overflow-y:auto}.end-bar{flex-shrink:0;padding:8px 0 0}.end-bar .btn-big{padding:13px}.lobby{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lobby-hero{flex-shrink:0;padding-top:4px}.lobby-hero svg{width:clamp(52px,9dvh,88px);height:auto}.lobby>.list-card{flex-shrink:0;max-height:32dvh;overflow-y:auto}.lobby .invite-scroll{flex:auto;min-height:56px;max-height:none;overflow-y:auto}.lobby-footer{flex-shrink:0;margin-top:auto;padding-top:12px}.bj{flex:1;gap:8px;min-height:0}.bj-hud{flex-shrink:0}.hud-plate{padding:5px 12px}.hud-value{font-size:18px}.felt{--ch:clamp(44px, 17cqh, 84px);--chip:clamp(28px, 8.5cqh, 40px);flex:1;justify-content:space-between;gap:2px;min-height:0;padding:8px 8px 24px;container-type:size}.room-blackjack-duel .felt{--ch:clamp(38px, 12.5cqh, 76px);--chip:clamp(26px, 7.5cqh, 40px)}.felt .pcard{height:var(--ch);width:calc(var(--ch) * .7)}.felt .pcard.small{height:calc(var(--ch) * .8);width:calc(var(--ch) * .56)}.felt .cards{min-height:var(--ch)}.felt .cards.small{min-height:calc(var(--ch) * .8)}.felt .cards>*+*{margin-left:calc(var(--ch) * -.36)}.felt .pc-center{font-size:calc(var(--ch) * .38)}.felt .pc-center.face{font-size:calc(var(--ch) * .33)}.felt .pc-corner{font-size:calc(var(--ch) * .17)}.felt .pc-corner i{font-size:calc(var(--ch) * .15)}.felt .bj-hand{padding:3px}.felt .hand-info{min-height:20px;margin-top:4px}.dealer-area{min-height:calc(var(--ch) + 28px)}.opp-area{min-height:calc(var(--ch) * .8 + 26px)}.felt-rules{font-size:9px}.felt-arc{padding-top:5px;font-size:10px}@container (height<=400px){.felt-rules{display:none}}@container (height<=330px){.felt-arc{display:none}}.spots{gap:clamp(10px,4cqh,18px);margin-top:14px}.bet-spot.main{width:clamp(58px,17cqh,86px);height:clamp(58px,17cqh,86px)}.bet-spot.side{width:clamp(44px,12.5cqh,62px);height:clamp(44px,12.5cqh,62px)}.chip-stack{width:var(--chip,40px);height:var(--chip,40px)}.chip-stack .chip.stacked{width:var(--chip,40px);height:var(--chip,40px);bottom:calc(var(--i) * var(--chip,40px) * .09)}.felt-hint{letter-spacing:.08em;text-transform:uppercase;color:#e6c172bf;pointer-events:none;white-space:nowrap;font-size:13px;animation:.4s fade;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.controls{flex-shrink:0;gap:8px;min-height:0}.controls-msg{margin:10px 0 4px}.rack{gap:7px}.rack-chip{width:clamp(42px,6.2dvh,52px);height:clamp(42px,6.2dvh,52px)}.bet-actions{flex-direction:row;align-items:stretch;gap:6px}.bet-mini{flex:none;padding:12px 13px}.bet-deal{padding:14px 10px;font-size:16px}.action-icon{width:clamp(48px,7dvh,60px);height:clamp(48px,7dvh,60px)}.action-row{padding-top:0}.skyjo{--reserve:205px;--w-me:min(18cqw, calc((100cqh - var(--reserve)) / 7.9), 80px);--w-opp:calc(var(--w-me) * .62);--w-pile:calc(var(--w-me) * .84);flex:1;justify-content:space-between;gap:6px;min-height:0;container-type:size}.skyjo.multi{--reserve:245px}.sj-zone{flex-shrink:0;padding:6px 8px 8px}.sj-head{padding:0 4px 6px}.sj-zone.me .sj-head{padding:6px 4px 0}.sj-table{flex-shrink:0;padding:0}.sj-hint{flex-shrink:0;justify-content:center;min-height:36px}.sj-hint-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex}.sj-discard-link{color:var(--gold);background:#e6c17224;border:1px solid #e6c17280;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.sj-scores-fab{bottom:calc(var(--safe-bottom) + 20px)}.uno{--uh:clamp(62px, 14cqh, 96px);--uw:calc(var(--uh) * .67);flex:1;justify-content:space-between;gap:4px;min-height:0;container-type:size}.uno-opponents{flex-shrink:0}.uno-opp{padding:6px 8px}.uno-table{flex-shrink:0;margin:0;padding:8px 0}.uno-card{width:var(--uw);height:var(--uh);border-width:calc(var(--uh) * .035)}.uno-oval{font-size:calc(var(--uh) * .26)}.uno-corner{font-size:calc(var(--uh) * .13)}.uno-hand{flex-wrap:nowrap;flex-shrink:0;justify-content:center;padding:18px 6px 4px;container-type:inline-size}.uno-hand .uno-card:first-child{margin-left:0}.uno-actions{flex-shrink:0;margin-top:0}.bs{flex:1;gap:6px;min-height:0;container-type:size}.bs-board{flex-shrink:0;align-self:center;width:min(100cqw,56cqh)}.bs-place .card{flex-shrink:0;margin-bottom:0}.bs-place>.btn{flex-shrink:0;margin-top:auto}.bs-place .card{padding:12px}.bs-place h3{margin-bottom:4px}.bs-place .bs-ships{gap:5px;margin:8px 0}.bs-place .pill-btn{padding:5px 10px;font-size:12px}.bs-tools{gap:6px;display:flex}.bs-tools .btn{flex:1;padding:9px 6px;font-size:14px}.bs-help{margin:0}.bs-place{container-type:size}.bs-place .bs-board{width:min(100cqw,100cqh - 236px)}@container (height<=640px){.bs-help{display:none}}.sj-ticker{z-index:45}.vote-row{gap:8px;display:flex}.vote-row .btn{padding:13px}.stop-flag{color:var(--danger);vertical-align:-2px;margin-left:6px}.f7{--h-lg:clamp(46px, 10.5cqh, 78px);--h-sm:clamp(34px, 7.5cqh, 58px);--h-xs:clamp(26px, 5cqh, 40px);--h-md:clamp(48px, 11cqh, 80px);flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;container-type:size}.f7-opponents{flex-direction:column;flex-shrink:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.f7-player{background:linear-gradient(#14b8a617,#14b8a605);border:1px solid #5eead424;border-radius:18px;padding:7px 9px 8px;transition:border-color .3s,box-shadow .3s,opacity .3s;position:relative}.f7-player.turn{border-color:#e6c172b3;box-shadow:0 0 22px #e6c1721f}.f7-player.me{flex-shrink:0}.f7-head{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.f7-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:650;overflow:hidden}.f7-dealer{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--border-strong);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px}.f7-status{background:#ffffff12;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.f7-status.active{color:var(--success)}.f7-status.stayed{color:#7dd3fc}.f7-status.frozen{color:#a5f3fc;background:#a5f3fc1f}.f7-status.busted{color:#ff9db1;background:#f0466b24}.f7-scores{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:inline-flex}.f7-current{color:var(--success);font-weight:700}.f7-current.zero{color:#ff9db1;text-decoration:line-through}.f7-total{color:var(--gold);text-align:right;min-width:28px;font-weight:800}.f7-cards{min-height:var(--h-sm);align-items:flex-end;gap:10px;display:flex}.f7-player.me .f7-cards{min-height:var(--h-lg)}.f7.multi .f7-opponents .f7-cards{min-height:var(--h-xs)}.f7-nums{flex:1;min-width:0;display:flex}.f7-extras{flex-shrink:0;gap:3px;display:flex}.f7-empty{color:var(--muted);align-self:center}.f7-card{--h:var(--h-sm);height:var(--h);width:calc(var(--h) * .7);border-radius:calc(var(--h) * .12);color:#1c1c28;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fffdf7,#f1ede4);flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 3px 8px #00000059,inset 0 0 0 1px #00000014}.f7-card.lg{--h:var(--h-lg)}.f7-card.md{--h:var(--h-md)}.f7-card.sm{--h:var(--h-sm)}.f7-card.xs{--h:var(--h-xs)}.f7-card.mini{--h:calc(var(--h-sm) * .72)}.f7-card.lg.mini{--h:calc(var(--h-lg) * .72)}.f7-card.xs.mini{--h:calc(var(--h-xs) * .8)}.f7-value{font-size:calc(var(--h) * .46);letter-spacing:-.04em;font-weight:900}.f7-corner{top:calc(var(--h) * .05);left:calc(var(--h) * .09);font-size:calc(var(--h) * .16);font-weight:800;position:absolute}.f7-card.num.n0{color:#64748b}.f7-card.num.n1{color:#84cc16}.f7-card.num.n2{color:#22c55e}.f7-card.num.n3{color:#10b981}.f7-card.num.n4{color:#14b8a6}.f7-card.num.n5{color:#06b6d4}.f7-card.num.n6{color:#0ea5e9}.f7-card.num.n7{color:#3b82f6}.f7-card.num.n8{color:#6366f1}.f7-card.num.n9{color:#8b5cf6}.f7-card.num.n10{color:#c026d3}.f7-card.num.n11{color:#e11d48}.f7-card.num.n12{color:#ea580c}.f7-card.mod{color:#fff;background:linear-gradient(160deg,#fdba74,#f97316)}.f7-card.mod .f7-value{font-size:calc(var(--h) * .34)}.f7-card.act{color:#fff;align-content:center;gap:2px}.f7-card.act .icon{width:calc(var(--h) * .32);height:calc(var(--h) * .32)}.f7-act-label{font-size:calc(var(--h) * .11);text-transform:uppercase;text-align:center;padding:0 2px;font-weight:800;line-height:1}.f7-card.act.freeze{background:linear-gradient(160deg,#67e8f9,#0891b2)}.f7-card.act.flip3{color:#422006;background:linear-gradient(160deg,#fde047,#ca8a04)}.f7-card.act.second{background:linear-gradient(160deg,#fb7185,#be123c)}.f7-card.used{opacity:.55}.f7-card.back{color:#fff;background:repeating-linear-gradient(45deg,#ffffff1a 0 3px,#0000 3px 8px),radial-gradient(circle at 50% 40%,#2dd4bf,#0f766e)}.f7-card.back span{font-size:calc(var(--h) * .5);text-shadow:0 2px #00000040;font-style:italic;font-weight:900}.f7-card.empty{box-shadow:none;background:0 0;border:2px dashed #ffffff24}.f7-in{animation:deal-in .35s var(--ease-out) both;--fx:0px;--fy:-80px}.f7-drawn{animation:flip-in .4s var(--ease-out)}.f7-player.flash-bust{animation:.45s shake}.f7-player.flash-flip7{border-color:var(--gold);box-shadow:0 0 30px #e6c17266}.f7-player.flash-frozen{border-color:#a5f3fcb3;box-shadow:inset 0 0 30px #a5f3fc1f}.f7-stamp{letter-spacing:.06em;text-transform:uppercase;pointer-events:none;animation:stamp .4s var(--ease-spring);border:3px solid;border-radius:10px;padding:4px 14px;font-size:22px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.f7-stamp.bust{color:#ff6b8a;background:#280810bf}.f7-stamp.flip7{color:var(--gold);background:#1e1606cc}.f7-stamp.frozen{color:#a5f3fc;background:#061e28bf}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2)}}.f7-table{flex-shrink:0;justify-content:center;align-items:flex-end;gap:18px;padding:4px 0 14px;display:flex;position:relative}.f7-pile{flex-direction:column;align-items:center;gap:4px;display:flex}.f7-goal{height:var(--h-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.f7-goal-num{color:var(--gold);font-size:22px;font-weight:800}.f7-controls{flex-direction:column;flex-shrink:0;justify-content:center;min-height:64px;display:flex}.f7-actions{gap:8px;display:flex}.f7-actions .btn{padding:16px 10px;font-size:17px}.f7-btn-sub{color:var(--success);font-size:13px;font-weight:700}.f7-wait{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-weight:600;display:flex}.f7-choice{background:var(--surface);animation:pop-in .25s var(--ease-out);border:1px solid #e6c17273;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.f7-choice-head{align-items:center;gap:10px;font-size:14px;display:flex}.f7-choice-btns{flex-wrap:wrap;gap:8px;display:flex}.f7-choice-btns .btn{padding:11px 8px}.f7{--h-lg:clamp(46px, 12.5cqh, 100px);--h-sm:clamp(34px, 9.5cqh, 76px);--h-md:clamp(46px, 11.5cqh, 86px)}.f7.multi{--h-lg:clamp(42px, 10.5cqh, 86px);--h-sm:clamp(30px, 7cqh, 52px)}.f7-nums{gap:5px}.f7-nums>*+*{margin-left:0}.f7-nums.dense{gap:0}.f7-nums.dense>*+*{margin-left:-16%}.f7-table{padding-bottom:34px}.f7-ticker{bottom:2px}.f7-controls{margin-top:auto}.pg{--card-h:clamp(70px, 15cqh, 118px);flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;container-type:size}.pg-opponents{flex-direction:column;flex-shrink:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.pg-player{background:linear-gradient(#ec489917,#ec489905);border:1px solid #f9a8d429;border-radius:18px;padding:8px 10px;transition:border-color .3s,box-shadow .3s}.pg-player.turn{border-color:#e6c172b3;box-shadow:0 0 20px #e6c1721a}.pg-player.me{flex-shrink:0}.pg-player.aim{border-color:#f0466b99}.pg-head{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.pg-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.pg-hand-count{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.pg-score{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;position:relative}.pg-score.big{font-size:24px}.pg-score small{color:var(--muted);font-size:12px;font-weight:600}.pg-my-pigs{gap:2px;display:inline-flex}.pg-pop{color:var(--success);animation:pg-pop 1.6s var(--ease-out) forwards;font-size:15px;position:absolute;top:-18px;right:0}@keyframes pg-pop{0%{opacity:0;transform:translateY(8px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-16px)}}.pg-piles{flex-wrap:wrap;gap:6px;min-height:34px;display:flex}.pg-piles.big{min-height:44px}.pg-empty{color:var(--muted);align-self:center;font-size:13px}.pg-pile{background:color-mix(in srgb, var(--food) 16%, var(--surface));border:1.5px solid color-mix(in srgb, var(--food) 55%, transparent);font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:5px;padding:5px 10px 5px 7px;font-weight:800;display:inline-flex;position:relative}.pg-piles.big .pg-pile{padding:7px 12px 7px 9px;font-size:18px}.pg-pile.zero{opacity:.35}.pg-pile.owned{box-shadow:0 0 0 2px var(--food)}.pg-pile.target{cursor:pointer;animation:1.4s ease-in-out infinite glow}.pg-pile-pig{position:absolute;top:-9px;right:-7px}.pg-goat-hit{color:#ff9db1;margin-left:2px;font-size:11px}.pg-pen{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:6px 0 28px;display:flex;position:relative}.pg-pen-pigs{background:#78481e40;border:1px dashed #e6c17259;border-radius:999px;gap:8px;padding:8px 14px;display:flex}.pg-pen-pig.away{filter:grayscale(.6)}.pg-ticker{bottom:0}.pg-hand{flex-shrink:0;justify-content:center;gap:6px;margin-top:auto;display:flex}.pg-card{height:var(--card-h);width:calc(var(--card-h) * .66);border:3px solid var(--food,#a8a29e);color:#1c1c28;transition:transform .15s var(--ease-out);animation:deal-in .3s var(--ease-out) both;--fx:0px;--fy:-120px;background:linear-gradient(170deg,#fffdf7,#f2ede3);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;box-shadow:0 4px 10px #00000059}.pg-card.goat{background:linear-gradient(170deg,#f5f5f4,#d6d3d1);border-color:#a8a29e}.pg-card.selected{box-shadow:0 0 0 3px var(--gold), 0 10px 18px #00000073;transform:translateY(-12px)}.pg-card.dim{filter:brightness(.75)}.pg-icons{flex-wrap:wrap;justify-content:center;gap:1px;max-width:90%;display:flex}.pg-card-name{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.pg-card-count{font-size:11px;font-weight:800;position:absolute;top:3px;right:6px}.pg-controls{flex-direction:column;flex-shrink:0;justify-content:center;gap:6px;min-height:56px;display:flex}.pg-plan{flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:13px;font-weight:600;display:flex}.pg-plan span{align-items:center;gap:4px;display:inline-flex}.pg-gain{color:var(--gold)}.pg-actions{gap:8px;display:flex}.pg-actions .btn{padding:13px}.pg-hint-row{flex-direction:column;align-items:center;gap:6px;display:flex}.pg-hint{text-align:center;color:var(--muted);margin:0;font-weight:600}.pg-hint.active{color:var(--gold)}.pg-result{margin-top:auto}.bs-last{min-height:18px;line-height:18px}.bs-board{width:min(100cqw,53cqh)}.bs-board.small{width:min(62cqw,28cqh)}.uno-hand{scrollbar-width:none;justify-content:safe center;overflow-x:auto}.uno-hand.big-hand{--uh:clamp(50px, 10.5cqh, 76px);--uw:calc(var(--uh) * .67)}.uno-hand .uno-card{margin-left:clamp(calc(var(--uw) * -.9), calc((100cqw - var(--uw)) / max(var(--n) - 1, 1) - var(--uw)), calc(var(--uw) * -.1))}@container (height<=92px){.game-tile{flex-direction:row;align-items:center;gap:10px}.game-art svg{width:34px}.game-text{margin-top:0}.game-name{margin-top:0;font-size:15px}}.sj-hint{position:relative}.sj-ticker.in-hint{animation:ticker-hint 3.2s var(--ease-out) forwards;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes ticker-hint{0%{opacity:0;transform:translate(-50%,-30%)}8%,85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-55%)}}.felt{padding-bottom:32px}.score-scroll{overscroll-behavior:contain;max-height:34dvh;overflow-y:auto}.lobby .invite-scroll.empty{flex:none;min-height:0}.photo-edit{width:clamp(24px,3.4dvh,32px);height:clamp(24px,3.4dvh,32px);bottom:-6px;right:-8px}.f7-cards{flex-direction:column;align-items:stretch;gap:6px}.f7-cards.lg{--h:var(--h-lg)}.f7-cards.sm{--h:var(--h-sm)}.f7-cards.xs{--h:var(--h-xs)}.f7-nums,.f7-nums.dense{grid-auto-flow:column;justify-content:start;gap:0;width:100%;display:grid}.f7-nums>*+*,.f7-nums.dense>*+*{margin-left:0}.f7-nums .f7-card{box-shadow:-3px 0 8px #0000004d,inset 0 0 0 1px #00000014}.f7-extras{flex-wrap:wrap}.f7-player.busted{opacity:1}.f7-player.busted .f7-cards,.f7-player.busted .f7-head>:not(.f7-status){opacity:.55}.f7-stamp{z-index:2;top:62%}.f7-status.flip7{color:var(--gold);background:#e6c17224}.f7-pending{box-shadow:0 0 0 3px var(--gold), 0 6px 16px #0006}.f7-choice-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.f7-target{justify-content:flex-start;min-width:0}.f7-target-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pg-ticker{white-space:normal;text-align:center;border-radius:14px;max-width:min(92%,420px);font-size:12.5px;line-height:1.25}.pg-pen{padding-bottom:40px}.pg-pop{z-index:50;top:2px;left:-34px;right:auto}.pg.multi .pg-player:not(.me){padding:6px 8px}.pg.multi .pg-player:not(.me) .pg-head{margin-bottom:4px}.pg.multi .pg-player:not(.me) .pg-pile{padding:3px 8px 3px 5px;font-size:14px}.pg.multi .pg-player:not(.me) .pg-piles{scrollbar-width:none;flex-wrap:nowrap;min-height:28px;padding-top:8px;overflow-x:auto}.pg.multi .pg-pen{padding-top:0}.pg.multi .pg-pen-pigs svg{width:24px;height:24px}.pg.multi{--card-h:clamp(62px, 13cqh, 110px)}.pg.multi .pg-result{gap:2px;padding:10px}.pg.multi .pg-result .result-icon{width:40px;height:40px;margin-bottom:0}.pg.multi .pg-result h2{font-size:18px}.pg-plan{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.pg-gain{align-items:center;gap:3px;display:inline-flex}.pg-ticker-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stake-input{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border-strong);resize:none;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:16px}.stake-input:focus{border-color:var(--gold)}.stake-card.sealed{border-style:dashed}.stake-card.sealed.ready{border-style:solid;border-color:#e6c17273}.sealed-box{background:repeating-linear-gradient(45deg, #e6c1720f 0 6px, transparent 6px 12px), var(--bg-2);color:var(--gold);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:18px 12px;font-weight:650;display:flex}.stake-card.sealed:not(.ready) .sealed-box{color:var(--muted);animation:1.8s ease-in-out infinite breathe}.secret-card{perspective:900px;width:min(100%,300px);height:92px;margin:4px 0}.secret-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s var(--ease-spring);position:relative}.secret-card.open .secret-inner{transform:rotateY(180deg)}.secret-face{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;inset:0}.secret-face.front{color:#f6dc9c;letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#ffffff1a 0 4px,#0000 4px 10px),linear-gradient(160deg,#7a1f35,#4b0f22);border:2px solid #e6c172b3;font-size:13px;font-weight:750;animation:.9s ease-in-out secret-wobble}.secret-face.back{background:var(--gold-grad);color:#241805;text-align:center;font-size:19px;font-weight:800;line-height:1.2;transform:rotateY(180deg);box-shadow:0 10px 30px #e6c1724d}@keyframes secret-wobble{20%{transform:rotate(-3deg)scale(1.03)}40%{transform:rotate(3deg)scale(1.03)}60%{transform:rotate(-2deg)}}.secret-other{animation:.5s .3s both fade}.code-input{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.code-boxes{grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:relative}.code-box{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:14px;place-items:center;height:56px;transition:border-color .15s;display:grid}.code-box.current{border-color:var(--gold)}.code-box i{background:var(--gold);width:14px;height:14px;animation:pop-in .18s var(--ease-spring);border-radius:50%}.code-hidden{opacity:.01;color:#0000;caret-color:#0000;background:0 0;border:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.change-code{flex-direction:column;gap:14px;display:flex}.set-code{justify-content:center}.set-code-out{margin:0 auto calc(var(--safe-bottom) + 20px);color:var(--muted)}.app-logo{border-radius:24%;display:block;box-shadow:0 14px 40px #00000073}.login-logo{width:auto;height:auto;box-shadow:none;background:0 0;border:none}