:root{--ink: #1a0b3d;--panel: rgba(12, 5, 34, .62);--gold: #ffd24a;--pink: #ff4fa3;--violet: #6c4cff;--red: #ff3b5c;--yellow: #ffc21a;--green: #22c972;--blue: #2f86ff;--tw: 96px;--hw: 92px;--gw: 68px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:"Baloo 2",system-ui,sans-serif;color:#fff;background:#12062b;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hop{0%,70%,to{transform:translateY(0) rotate(0)}80%{transform:translateY(-8px) rotate(-6deg)}90%{transform:translateY(0) rotate(4deg)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.12);opacity:.6}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes wiggle{0%,92%,to{transform:rotate(0)}94%{transform:rotate(-14deg)}96%{transform:rotate(12deg)}98%{transform:rotate(-6deg)}}@keyframes glowPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(var(--s))}to{transform:translateY(-145vh) rotate(calc(var(--spin) * 280deg)) scale(var(--s))}}@keyframes fadePulse{0%,to{opacity:1}50%{opacity:.55}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;contain:strict;background:radial-gradient(ellipse at 50% 115%,rgba(255,47,126,.38),transparent 60%),radial-gradient(ellipse at 50% -15%,rgba(108,76,255,.45),transparent 60%),linear-gradient(160deg,#1d0b45,#2e0f58 50%,#12062b)}.bg-glow{position:absolute;width:150vmax;height:150vmax;left:50%;top:50%;margin:-75vmax;background:conic-gradient(from 0deg,#ff3b5c2e,#ffc21a29,#22c97229,#2f86ff2e,#ff3b5c2e);filter:blur(50px);animation:spin 50s linear infinite}.bg-rays{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.035) 0 5deg,transparent 5deg 15deg)}.bg-card{position:absolute;top:105%;animation:floatUp linear infinite;opacity:.28;will-change:transform}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.6))}.card{--w: var(--hw);position:relative;width:var(--w);height:calc(var(--w) * 1.48);font-size:calc(var(--w) * .2);border-radius:calc(var(--w) * .13);background:#fff;padding:calc(var(--w) * .055);box-shadow:0 .25em .6em #0006,inset 0 -.12em #0000001f;-webkit-user-select:none;user-select:none;flex-shrink:0}.card-hand{--w: var(--hw)}.card-table{--w: var(--tw)}.card-mini{--w: 22px;padding:2px;border-radius:4px;box-shadow:0 1px 3px #00000080}.card-big{--w: 130px}.card-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--w) * .09);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.35),transparent 45%),linear-gradient(165deg,var(--cc),var(--cd))}.card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 .3em,transparent .3em .75em)}.c-r{--cc: #ff5a76;--cd: #d81f45}.c-y{--cc: #ffd24a;--cd: #f0a400}.c-g{--cc: #3fe08d;--cd: #12a35a}.c-b{--cc: #55a0ff;--cd: #1a62d6}.c-w{--cc: #3a3358;--cd: #15111f}.c-w .card-inner:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 .3em,transparent .3em .75em)}.gem{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.gem-bg{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:22%;transform:rotate(45deg);background:linear-gradient(135deg,#ffffff61,#ffffff14);border:.12em solid rgba(255,255,255,.85);box-shadow:0 .1em .3em #00000040,inset 0 0 .4em #ffffff40}.gem-glyph{position:relative;color:#fff;font-family:Lilita One,"Baloo 2",sans-serif;font-size:2.5em;line-height:1;text-shadow:0 .07em 0 rgba(0,0,0,.35),.03em .03em 0 rgba(0,0,0,.25);-webkit-text-stroke:.025em rgba(0,0,0,.3);display:grid;place-items:center}.gem-glyph .glyph-svg{width:1em;height:1em;filter:drop-shadow(0 .06em 0 rgba(0,0,0,.35))}.gem-glyph .glyph-txt{display:block}.ul .glyph-txt{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em}.c-w .gem-bg{display:none}.pinwheel{display:block;filter:drop-shadow(0 .08em .15em rgba(0,0,0,.5))}.w4{position:relative;display:grid;place-items:center}.w4-txt{position:absolute;font-size:.62em;color:#fff;-webkit-text-stroke:.04em #000}.gem-glyph .pinwheel{width:1.05em!important;height:1.05em!important}.corner{position:absolute;color:#fff;font-family:Lilita One,sans-serif;font-size:.95em;line-height:1;text-shadow:0 .06em 0 rgba(0,0,0,.4);z-index:1}.corner .glyph-svg{width:.95em;height:.95em;display:block}.corner.tl{top:.28em;left:.32em}.corner.br{bottom:.28em;right:.32em;transform:rotate(180deg)}.shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 55%)}.card-mini .corner,.card-mini .shine{display:none}.card-back .card-inner{background:radial-gradient(circle at 50% 40%,#6b33d6,#2a0f66 60%,#12052e)}.card-back .card-inner:before{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 .25em,transparent .25em .6em)}.back-swirl{position:absolute;left:50%;top:50%;width:82%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-25deg) scaleY(1.25);border-radius:50%;background:conic-gradient(var(--red) 0 25%,var(--yellow) 0 50%,var(--green) 0 75%,var(--blue) 0);box-shadow:0 0 0 .12em #fff,0 0 1em #ffffff40;-webkit-mask:radial-gradient(circle,transparent 38%,#000 39%);mask:radial-gradient(circle,transparent 38%,#000 39%)}.back-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);background:#fff;color:var(--ink);border-radius:.5em;padding:.05em .3em;font-family:Lilita One,sans-serif;font-size:.78em;letter-spacing:.02em;box-shadow:0 .1em #00000059}.card-mini .back-badge,.card-mini .back-swirl{display:none}.btn{border:none;border-radius:14px;padding:10px 18px;cursor:pointer;color:#fff;font-weight:800;font-size:16px;line-height:1.1;box-shadow:0 5px #00000059,inset 0 2px #ffffff59;text-shadow:0 1px 0 rgba(0,0,0,.3);transition:transform .08s,box-shadow .08s,filter .2s,opacity .2s}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000059,inset 0 2px #ffffff59}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background:linear-gradient(#ff72b8,#ff2f7e)}.btn-blue{background:linear-gradient(#4fa8ff,#1f6fe0)}.btn-hot{background:linear-gradient(#ffe066,#ff8a00);color:#3b1600;text-shadow:none}.btn-ghost{background:#ffffff1f;box-shadow:0 4px #0000004d,inset 0 0 0 2px #ffffff40}.btn-small{padding:6px 12px;font-size:13px;background:#ffffff1f;box-shadow:0 3px #0000004d}.btn-xl{font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;padding:14px 30px;letter-spacing:1px}.wide{width:100%}.muted{opacity:.6;font-weight:600}.hint{margin:0;font-weight:700;text-align:center;background:var(--panel);padding:6px 14px;border-radius:14px;max-width:280px}.hint.pulse{animation:fadePulse 1.8s infinite}.icon-btn{width:42px;height:42px;border-radius:50%;position:relative;flex-shrink:0;border:2px solid rgba(255,255,255,.3);background:var(--panel);color:#fff;font-size:18px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.icon-btn:hover{transform:scale(1.08)}.icon-btn.help{background:linear-gradient(#ffe066,#ff8a00);color:#3b1600;border-color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;font-weight:400;animation:wiggle 6s infinite;box-shadow:0 0 18px #ffaa0080}.mini-count{position:absolute;top:-4px;right:-4px;background:var(--pink);border-radius:8px;font-size:11px;padding:0 5px;line-height:16px}.logo{font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;display:flex;gap:1px;line-height:1;-webkit-user-select:none;user-select:none}.logo-letter{display:inline-block;color:var(--c);-webkit-text-stroke:.05em #fff;paint-order:stroke fill;text-shadow:0 .08em 0 rgba(0,0,0,.45),0 0 .5em var(--c);animation:hop 2.6s ease-in-out infinite}.logo-big{font-size:76px;justify-content:center}.boot,.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto;z-index:1}.boot>*:not(.bg),.login-screen>*:not(.bg){position:relative;z-index:2}.login-fan{position:relative;width:100%;height:130px;margin-bottom:-46px;display:flex;justify-content:center;z-index:3!important;pointer-events:none}.login-fan-card{position:absolute;bottom:0;transform-origin:50% 110%}.login-panel{width:min(430px,100%);background:linear-gradient(170deg,#301268d1,#140832db);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:28px;padding:54px 24px 24px;border:2px solid rgba(255,255,255,.18);box-shadow:0 30px 80px #0000008c,inset 0 1px #fff3;display:flex;flex-direction:column;gap:6px}.tagline{text-align:center;opacity:.85;margin:2px 0 8px;font-weight:600}.field-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;opacity:.7;margin-top:8px}.text-input{font-family:inherit;font-size:18px;font-weight:700;padding:10px 14px;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;outline:none}.text-input:focus{border-color:var(--gold);background:#ffffff1f}.avatar-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.avatar-pick{aspect-ratio:1;font-size:22px;border-radius:12px;border:2px solid transparent;background:#ffffff14;cursor:pointer;transition:transform .15s;padding:0}.avatar-pick:hover{transform:scale(1.1)}.avatar-pick.on{border-color:var(--gold);background:#ffd24a38;transform:scale(1.12)}.pin-row{display:flex;gap:10px;justify-content:center;margin-top:2px}.pin-box{flex:1 1 0;min-width:0;max-width:58px;height:66px;text-align:center;font-size:30px;font-weight:800;font-family:inherit;border-radius:16px;border:3px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.pin-box:focus{border-color:var(--pink);box-shadow:0 0 22px #ff4fa380}.pin-box.filled{border-color:var(--gold)}.login-error{min-height:24px;color:#ff8aa0;font-weight:700;text-align:center}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.app>.topbar,.app>.stage,.app>.hand-area{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 0;padding-top:max(10px,env(safe-area-inset-top))}.mode-badge{background:var(--panel);padding:4px 14px;border-radius:14px;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.12)}.top-actions{display:flex;gap:8px}.lobby-toggle{display:none}.stage{flex:1;display:flex;min-height:0}.offline-bar{position:fixed;top:0;left:0;right:0;z-index:300;background:var(--red);text-align:center;font-weight:800;padding:6px}.table-wrap{flex:1;position:relative;margin:6px 10px;min-height:0;min-width:0}.table-surface{position:absolute;top:9%;right:7%;bottom:9%;left:7%;transform:perspective(1100px) rotateX(16deg);transform-style:preserve-3d}.table-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(160deg,#ffe08a,#c9921e 30%,#7a4f06 60%,#e8b84a 85%);box-shadow:0 40px 60px #0009,0 0 80px #6c4cff59,inset 0 3px 4px #ffffff80,inset 0 -5px 10px #00000080}.table-felt{position:absolute;top:2.6%;right:1.8%;bottom:2.6%;left:1.8%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.07) 1px,transparent 1.5px) 0 0 / 14px 14px,radial-gradient(ellipse at 50% 42%,#4b33c9,#2b1b8a,#170d52);box-shadow:inset 0 0 70px #000000a6,inset 0 0 0 3px #00000059}.felt-ring{position:absolute;top:14%;right:12%;bottom:14%;left:12%;border-radius:50%;border:2px dashed rgba(255,255,255,.13)}.felt-logo{position:absolute;left:50%;bottom:13%;transform:translate(-50%);font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(20px,4vw,44px);letter-spacing:6px;color:#ffffff12}.mode-blof .table-felt{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.07) 1px,transparent 1.5px) 0 0 / 14px 14px,radial-gradient(ellipse at 50% 42%,#9a2a86,#5d1460,#2c0a3a)}.seat{position:absolute;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;width:120px;transition:left .5s,top .5s}.seat-avatar{width:66px;height:66px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#d8ccff 70%,#a995ff);border:4px solid #fff;box-shadow:0 6px 16px #00000073;transition:box-shadow .3s,border-color .3s,transform .3s}.seat-avatar .emoji{font-size:38px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.seat.turn .seat-avatar{border-color:var(--gold);box-shadow:0 0 0 4px #ffd24a59,0 0 34px var(--gold);transform:scale(1.08)}.turn-ring{position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%;border:3px dashed var(--gold);animation:spin 5s linear infinite}.seat.me .seat-avatar{background:radial-gradient(circle at 35% 30%,#fff,#ffd0e8 70%,#ff8cc6)}.count-badge{position:absolute;right:-10px;bottom:-6px;min-width:28px;padding:0 6px;line-height:22px;text-align:center;background:#fff;color:var(--ink);font-weight:800;border-radius:12px;border:2px solid var(--ink);font-size:14px}.count-badge.hot{background:var(--red);color:#fff;border-color:#fff;animation:pulse .8s infinite}.wins-badge{position:absolute;left:-14px;top:-8px;font-size:11px;font-weight:800;background:var(--gold);color:#3b1f00;border-radius:10px;padding:0 5px;border:2px solid #fff}.seat-name{background:#0a051ecc;padding:1px 10px;border-radius:12px;font-weight:700;font-size:14px;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.18)}.tag{font-size:10px;background:var(--violet);padding:0 5px;border-radius:6px;margin-right:4px;vertical-align:1px}.me-tag{background:var(--pink);margin:0 0 0 4px}.seat-status{font-size:11px;font-weight:800;background:#00000080;padding:0 8px;border-radius:8px}.seat-status.hot{background:var(--red);animation:pulse 1s infinite}.seat.offline{opacity:.55}.seat-fan{position:absolute;top:-26px;display:flex;justify-content:center;z-index:-1}.seat-fan .card{margin-left:-12px;transform-origin:50% 120%}.seat-fan .card:first-child{margin-left:0}.seat-mini-btn{font-size:11px;font-weight:800;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:1px 9px;cursor:pointer}.seat-empty .seat-sit{width:66px;height:66px;border-radius:50%;cursor:pointer;color:#fff;border:3px dashed rgba(255,255,255,.55);background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:11px;line-height:1.1;transition:transform .2s,border-color .2s,background .2s}.seat-empty .seat-sit:hover{transform:scale(1.1);border-style:solid;border-color:var(--gold);background:#ffd24a2e}.seat-sit .plus{font-size:26px;line-height:.9}.seat-bot{font-size:11px;font-weight:700;color:#fff;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1px 8px;cursor:pointer}.seat-bot:hover{background:var(--violet)}.seat-ghost{width:46px;height:46px;border-radius:50%;border:2px dashed rgba(255,255,255,.15)}.catch-btn{position:absolute;top:-30px;z-index:25;cursor:pointer;background:var(--red);color:#fff;font-weight:800;font-size:14px;border-radius:12px;padding:4px 10px;border:3px solid #fff;box-shadow:0 4px 14px #00000080}.bubble{position:absolute;bottom:calc(100% - 4px);z-index:30;white-space:nowrap;pointer-events:none;background:#fff;color:var(--ink);font-weight:800;font-size:15px;padding:4px 12px;border-radius:14px;box-shadow:0 6px 18px #00000073}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-7px;border:7px solid transparent;border-bottom:0;border-top-color:inherit}.bubble{border-color:#fff}.bubble-shout{background:var(--gold);border-color:var(--gold);font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px}.bubble-bad{background:var(--red);border-color:var(--red);color:#fff}.bubble-claim{background:var(--violet);border-color:var(--violet);color:#fff;font-size:17px}.bubble-effect{background:var(--green);border-color:var(--green);color:#fff}.bubble-muted{background:#ffffffe6;font-size:13px}.table-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center}.center-glow{position:absolute;left:50%;top:50%;width:280px;height:280px;margin:-140px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--cur) 0%,transparent 65%);filter:blur(8px);animation:breathe 3s ease-in-out infinite}.klasik-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.center-row{display:flex;gap:30px;align-items:center;position:relative;z-index:2}.dir-ring{position:absolute;left:50%;top:42%;width:300px;height:300px;margin:-150px;pointer-events:none;color:var(--cur);opacity:.7;filter:drop-shadow(0 0 8px var(--cur));animation:spin 10s linear infinite}.dir-ring svg{width:100%;height:100%}.dir-ring.ccw{animation-direction:reverse}.dir-ring.ccw svg{transform:scaleX(-1)}.deck{position:relative;width:var(--tw);height:calc(var(--tw) * 1.48);background:none;border:none;padding:0;cursor:default}.deck-layer{position:absolute!important;left:0;top:0}.deck-layer.l3{transform:translate(-7px,7px)}.deck-layer.l2{transform:translate(-3.5px,3.5px)}.deck.can-draw{cursor:pointer;animation:bob 1.1s ease-in-out infinite}.deck.can-draw .l1{box-shadow:0 0 0 4px var(--gold),0 0 30px var(--gold)}.deck-count{position:absolute;left:50%;bottom:-24px;transform:translate(-50%);font-size:12px;font-weight:700;opacity:.75;color:#fff}.deck-hint{position:absolute;left:50%;top:-30px;transform:translate(-50%);background:var(--gold);color:#3b1600;font-weight:800;border-radius:10px;padding:0 10px;font-size:14px}.discard{position:relative;width:var(--tw);height:calc(var(--tw) * 1.48)}.discard-under{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#0000004d;transform:rotate(9deg) translate(4px,4px)}.discard-top{position:absolute;top:0;right:0;bottom:0;left:0}.discard-top .card{box-shadow:0 10px 30px #00000080,0 0 30px var(--cur)}.color-chip{position:relative;z-index:2;display:flex;align-items:center;gap:8px;background:#0a051ebf;padding:3px 14px;border-radius:20px;font-weight:800;border:1px solid rgba(255,255,255,.15)}.color-chip .dot{width:14px;height:14px;border-radius:50%;background:var(--cur);box-shadow:0 0 10px var(--cur)}.dir-label{font-size:18px;opacity:.8}.blof-center{--cur: rgba(255,79,163,.7);position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.blof-head{position:relative;z-index:2;min-height:54px;display:flex;align-items:center}.claim-chip{display:flex;flex-direction:column;align-items:center;line-height:1.1;background:linear-gradient(#fff,#ece4ff);color:var(--ink);border-radius:16px;padding:4px 18px;border:3px solid var(--gold);box-shadow:0 8px 20px #0006,0 0 24px #ffd24a66}.claim-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.65;font-weight:800}.claim-rank{font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;line-height:1}.claim-sub{font-weight:800;font-size:14px}.claim-chip.muted{background:#0a051ebf;color:#fff;border-color:#ffffff59;box-shadow:none;opacity:1}.blof-pile{position:relative;z-index:2;width:var(--tw);height:calc(var(--tw) * 1.48)}.pile-card{position:absolute!important;left:0;top:0}.pile-empty{position:absolute;top:0;right:0;bottom:0;left:0;border:3px dashed rgba(255,255,255,.3);border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700;opacity:.7}.pile-count{position:absolute;right:-16px;top:-12px;z-index:50;background:var(--pink);color:#fff;font-weight:800;border-radius:12px;padding:0 9px;border:2px solid #fff}.blof-stats{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px}.stat{background:#0a051eb3;padding:1px 12px;border-radius:10px;white-space:nowrap}.stat.warn{background:var(--red);font-weight:800}.trash{position:absolute;right:-96px;top:50%;z-index:2;font-size:14px;font-weight:700;background:#0a051e99;padding:2px 10px;border-radius:10px}.reveal{position:absolute;left:50%;top:50%;z-index:40;background:#0a051eeb;border-radius:22px;padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:300px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0009}.reveal-title{text-align:center;font-weight:600;max-width:360px}.reveal-cards{display:flex;gap:10px;perspective:900px}.flip{position:relative;width:var(--tw);height:calc(var(--tw) * 1.48);transform-style:preserve-3d}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.card.ok{box-shadow:0 0 0 4px var(--green),0 0 24px var(--green)}.card.lie{box-shadow:0 0 0 4px var(--red),0 0 24px var(--red)}.stamp{font-family:Fredoka,sans-serif;font-weight:700;font-size:42px;padding:0 22px;border:5px solid;border-radius:14px;letter-spacing:2px;background:#ffffff0f}.stamp-true{color:var(--green);border-color:var(--green);text-shadow:0 0 20px rgba(34,201,114,.6)}.stamp-lie{color:var(--red);border-color:var(--red);text-shadow:0 0 20px rgba(255,59,92,.6)}.lobby-center{display:flex;flex-direction:column;align-items:center;gap:14px}.mode-pick{display:flex;gap:12px}.mode-card{width:156px;padding:12px 10px;border-radius:20px;cursor:pointer;color:#fff;background:#0a051e99;border:3px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.mode-card:hover:not(:disabled){transform:translateY(-3px)}.mode-card:disabled{cursor:default}.mode-card.on{border-color:var(--gold);transform:translateY(-4px);background:linear-gradient(160deg,#ff4fa38c,#6c4cff8c);box-shadow:0 0 30px #ffd24a66}.mode-icon{font-size:34px;line-height:1.1}.mode-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;line-height:1.1}.mode-desc{font-size:12px;opacity:.85;text-align:center;line-height:1.2}.start-btn,.status.my-turn{position:relative}.start-btn:after,.status.my-turn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 22px 4px #ff4fa38c;opacity:0;animation:glowPulse 1.6s infinite;will-change:opacity}.winner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:radial-gradient(ellipse,#0a051e59,#0a051ecc)}.winner-card{position:relative;text-align:center;padding:26px 26px 20px;border-radius:28px;max-width:92vw;background:linear-gradient(170deg,#3b1890,#1a0845);border:3px solid var(--gold);box-shadow:0 0 60px #ffd24a73,0 30px 80px #0009}.winner-crown{position:absolute;left:50%;top:-34px;transform:translate(-50%) rotate(-8deg);font-size:52px;animation:bob 1.4s infinite}.winner-avatar{font-size:72px;line-height:1.1}.winner-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:36px;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.4)}.winner-scores{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 14px}.score-pill{background:#ffffff1a;border-radius:12px;padding:2px 10px;font-weight:600}.score-pill b{color:var(--gold);margin-left:4px}.winner-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.lobby-panel{width:236px;margin:6px 14px 10px 0;padding:14px;overflow-y:auto;flex-shrink:0;background:#0e0626d6;border-radius:20px;border:1px solid rgba(255,255,255,.12)}.lobby-panel h3{margin:0 0 8px;font-family:Fredoka,sans-serif;font-weight:700;font-size:22px}.lobby-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lobby-panel li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:12px;background:#ffffff0a}.lobby-panel li.me{background:#ff4fa32e}.lobby-panel li.off{opacity:.45}.l-av{font-size:22px}.l-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-name small{opacity:.6;font-weight:600}.l-tag{font-size:11px;font-weight:700;background:#ffffff1a;padding:0 7px;border-radius:8px}.l-tag.at{background:var(--green);color:#053a1e}.l-wins{font-size:12px;font-weight:800;color:var(--gold)}.lobby-note{font-size:12px;opacity:.6;margin:12px 0 0;line-height:1.3}.lobby-scrim{display:none}.hand-area{padding:0 8px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0a051ebf 30%)}.controls{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px}.status{font-weight:700;font-size:15px;text-align:center;background:#0a051eb3;padding:2px 14px;border-radius:12px}.status.my-turn{background:linear-gradient(90deg,var(--pink),var(--violet))}.btn-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mini-hint{font-size:12px;color:var(--gold);font-weight:700}.hand-scroll{overflow-x:auto;overflow-y:hidden;padding-top:34px;margin-top:-26px;scrollbar-width:thin}.hand{position:relative}.hand-card{position:absolute;top:24px;cursor:pointer;transform-origin:50% 130%}.hand-card.playable .card{box-shadow:0 0 0 3px var(--gold),0 10px 20px #00000073}.hand-card.dim .card{filter:brightness(.68) saturate(.75)}.hand-card.drawn .card{box-shadow:0 0 0 4px var(--green),0 0 26px var(--green)}.rank-picker{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:660px}.rank-chip{min-width:42px;padding:3px 9px;border-radius:10px;cursor:pointer;color:#fff;font-weight:800;font-size:15px;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);transition:transform .1s}.rank-chip:hover{transform:translateY(-2px)}.rank-chip.on{background:var(--gold);color:#3b1600;border-color:#fff}.bgroups{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:22px 6px 4px;max-height:40vh;overflow-y:auto}.bgroups .card-hand{--w: var(--gw)}.bgroup{position:relative;background:none;border:none;padding:0;cursor:pointer;color:#fff}.bgroup-stack{position:relative;width:calc(var(--gw) + 16px);height:calc(var(--gw) * 1.48 + 10px)}.bgroup-card{position:absolute!important;left:0;bottom:0}.bgroup.sel .card{box-shadow:0 0 0 3px var(--pink),0 0 18px var(--pink)}.bgroup-count{position:absolute;top:-8px;right:-2px;z-index:10;background:#fff;color:var(--ink);font-weight:800;border-radius:10px;padding:0 6px;font-size:13px;border:2px solid var(--ink)}.bgroup-sel{position:absolute;top:-8px;left:-6px;z-index:10;background:var(--pink);color:#fff;font-weight:800;border-radius:10px;padding:0 6px;font-size:13px;border:2px solid #fff}.bgroup-label{display:block;font-size:12px;font-weight:800;text-align:center;margin-top:2px}.bgroup.match .bgroup-label{color:var(--gold)}.fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.fly-card{position:absolute;will-change:transform}.toast-layer{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:210;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:92vw}.toast{background:#0a051ee6;padding:7px 16px;border-radius:14px;font-weight:700;border:2px solid rgba(255,255,255,.2);text-align:center;box-shadow:0 10px 30px #00000080}.toast-good{border-color:var(--green)}.toast-bad{border-color:var(--red)}.toast-big{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;border-color:var(--gold);background:linear-gradient(90deg,var(--pink),var(--violet))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:16px;background:#05020fa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{width:min(440px,100%);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(170deg,#2c1366,#170838);border-radius:24px;border:2px solid rgba(255,255,255,.18);box-shadow:0 30px 80px #0009}.modal-wide{width:min(700px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-head h2{margin:0;font-family:Fredoka,sans-serif;font-weight:700;font-size:26px}.modal-body{padding:16px 18px 20px;overflow-y:auto}.tabs{display:flex;gap:8px;margin-bottom:12px;position:sticky;top:-16px;z-index:2;padding-top:2px}.tab{flex:1;padding:9px;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:#24104f;color:#fff;font-weight:800;font-size:16px;cursor:pointer}.tab.on{background:linear-gradient(#ff72b8,#ff2f7e);border-color:#fff}.rules section{background:#ffffff0d;border-radius:14px;padding:10px 14px;margin-bottom:10px}.rules h3{margin:0 0 4px;font-size:17px;color:var(--gold)}.rules p{margin:4px 0;line-height:1.45}.rules .card-mini{--w: 36px;padding:3px;border-radius:6px}.rule-cards{display:flex;gap:8px;margin:8px 0}.special-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.special-list li{display:flex;gap:12px;align-items:center;line-height:1.35}.plain-list{margin:4px 0;padding-left:20px;line-height:1.5}.settings{display:flex;flex-direction:column;gap:14px}.slider-row{display:grid;grid-template-columns:100px 1fr 36px;align-items:center;gap:10px;font-weight:700}.slider-row input{accent-color:var(--pink);width:100%}.slider-row .val{text-align:right;opacity:.7}.color-picker{background:linear-gradient(170deg,#2c1366,#170838);padding:20px;border-radius:24px;text-align:center;border:2px solid rgba(255,255,255,.2)}.color-picker h3{margin:0 0 12px;font-family:Fredoka,sans-serif;font-weight:700;font-size:26px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-btn{width:130px;height:86px;border-radius:18px;border:4px solid #fff;color:#fff;font-weight:800;font-size:18px;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:0 6px #0000004d}@media (max-width: 1000px){.lobby-toggle{display:grid}.lobby-panel{position:fixed;top:0;right:0;bottom:0;z-index:120;margin:0;border-radius:20px 0 0 20px;width:270px;transform:translate(105%);transition:transform .3s ease;background:#140832f5}.lobby-panel.open{transform:none}.lobby-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:119;background:#00000073;opacity:0;pointer-events:none;transition:opacity .3s}.lobby-scrim.open{opacity:1;pointer-events:auto}}@media (max-width: 700px),(max-height: 560px){:root{--tw: 60px;--hw: 62px;--gw: 44px}.topbar{padding:6px 10px 0;padding-top:max(6px,env(safe-area-inset-top))}.logo{font-size:24px}.logo-big{font-size:54px}.mode-badge{font-size:12px;padding:2px 10px}.icon-btn{width:36px;height:36px;font-size:16px}.icon-btn.help{font-size:20px}.table-wrap{margin:2px 4px}.table-surface{top:9%;right:3%;bottom:9%;left:3%}.seat{width:86px;gap:2px}.seat-avatar{width:46px;height:46px;border-width:3px}.seat-avatar .emoji{font-size:26px}.seat-empty .seat-sit{width:48px;height:48px;font-size:9px}.seat-sit .plus{font-size:20px}.seat-name{font-size:12px;max-width:86px;padding:0 7px}.count-badge{font-size:12px;line-height:18px;min-width:22px;right:-8px}.seat-fan{top:-16px}.card-mini{--w: 15px;padding:1px;border-radius:3px}.seat-fan .card{margin-left:-8px}.turn-ring{top:-8px;right:-8px;bottom:-8px;left:-8px}.bubble{font-size:12px;padding:2px 8px}.bubble-shout{font-size:15px}.bubble-claim{font-size:13px}.catch-btn{font-size:11px;padding:2px 7px;top:-24px}.center-row{gap:18px}.dir-ring{width:190px;height:190px;margin:-95px}.center-glow{width:180px;height:180px;margin:-90px}.mode-pick{gap:8px}.mode-card{width:118px;padding:8px 6px;border-radius:16px}.mode-icon{font-size:26px}.mode-title{font-size:19px}.mode-desc{font-size:10.5px}.btn-xl{font-size:18px;padding:10px 20px}.hint{font-size:13px;max-width:220px}.claim-rank{font-size:22px}.claim-chip{padding:2px 12px}.blof-head{min-height:40px}.stat{font-size:11px}.trash{position:static;font-size:11px;padding:0 8px}.blof-center{gap:8px}.reveal{min-width:260px;padding:10px 12px;gap:8px}.reveal-title{font-size:13px}.stamp{font-size:28px;border-width:4px}.btn{font-size:14px;padding:8px 13px}.status{font-size:13px}.rank-chip{min-width:34px;font-size:13px;padding:2px 6px}.bgroups{gap:6px 8px;padding-top:18px;max-height:36vh}.winner-avatar{font-size:52px}.winner-name{font-size:26px}.winner-card{padding:22px 16px 16px}.pin-box{height:60px}.login-panel{padding:50px 18px 20px}.toast-big{font-size:17px}.toast{font-size:13px}}@media (max-width: 380px){.avatar-grid{gap:4px}.avatar-pick{font-size:18px}}@media (max-width: 440px){.mode-badge{display:none}.logo{font-size:22px}.top-actions{gap:6px}}.bg-image{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background-size:cover;background-position:center;filter:blur(4px) brightness(.5) saturate(1.15);transform:scale(1.04)}.login-screen .bg-image,.boot .bg-image{filter:brightness(.92) saturate(1.1);transform:none;animation:slowZoom 30s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.bg-has-image .bg-rays{opacity:.5}.bg-has-image .bg-card{opacity:.2}.login-screen .bg-has-image .bg-card{opacity:.35}.bg-has-image .bg-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(8,2,24,.7))}.logo-img{height:42px;width:auto;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.logo-img.logo-big{height:auto;width:min(430px,84vw);margin:0 auto}.login-logo{position:relative;z-index:3!important;margin-bottom:-44px;animation:bob 3.2s ease-in-out infinite}.login-panel{padding-top:52px}.boot .logo-big{animation:pulse 1.6s ease-in-out infinite}.card-back{background:transparent;padding:0;box-shadow:0 .25em .6em #00000073;border-radius:calc(var(--w) * .1)}.card-back-img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.card-mini.card-back{padding:0;border-radius:3px}.avatar-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-emoji{line-height:1}.seat-avatar.has-img{background:none;border:none;box-shadow:none;width:78px;height:78px;border-radius:50%}.seat-avatar.has-img .avatar-img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.seat.turn .seat-avatar.has-img{box-shadow:0 0 0 4px #ffd24a99,0 0 38px var(--gold)}.seat.turn .seat-avatar.has-img .turn-ring{top:-9px;right:-9px;bottom:-9px;left:-9px}.seat-avatar .avatar-emoji{font-size:38px}.seat-avatar.has-img .count-badge{right:-6px;bottom:-2px}.seat-avatar.has-img .wins-badge{left:-8px;top:-2px}.avatar-pick{display:grid;place-items:center;overflow:hidden}.avatar-pick .avatar-img{width:112%;height:112%}.avatar-pick:has(.avatar-img){background:#ffffff0d;padding:0}.lobby-panel .l-av{width:30px;height:30px;font-size:22px;display:grid;place-items:center;flex-shrink:0}.pill-av{display:inline-block;width:22px;height:22px;vertical-align:-6px;font-size:16px}.winner-card{margin-top:70px;padding-top:0}.winner-trophy{position:relative;width:190px;margin:-96px auto 0;animation:bob 2s ease-in-out infinite}.winner-trophy>img{display:block;width:100%;filter:drop-shadow(0 10px 30px rgba(255,190,40,.5))}.winner-trophy .winner-avatar{position:absolute;right:-26px;bottom:6px;width:76px;height:76px;font-size:54px;display:grid;place-items:center}.stamp{width:320px;height:160px;padding:0;border:none;border-radius:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:flex-end;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.stamp span{width:64%;margin-right:7%;text-align:center;font-size:44px;letter-spacing:1px;-webkit-text-stroke:2px #fff;paint-order:stroke fill}.stamp-true span{color:#13a457;text-shadow:0 3px 0 rgba(0,0,0,.25)}.stamp-lie span{color:#e3123a;text-shadow:0 3px 0 rgba(0,0,0,.25)}.stamp-true,.stamp-lie{text-shadow:none}@media (max-width: 700px),(max-height: 560px){.logo-img{height:32px}.login-logo{margin-bottom:-34px}.seat-avatar.has-img{width:56px;height:56px}.seat-avatar .avatar-emoji{font-size:26px}.stamp{width:230px;height:115px}.stamp span{font-size:30px}.winner-trophy{width:140px;margin-top:-70px}.winner-card{margin-top:50px}.winner-trophy .winner-avatar{width:56px;height:56px;font-size:40px;right:-18px}}@media (max-width: 440px){.logo-img{height:28px}}.avatar-grid-img{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.avatar-grid-img .avatar-pick{border-radius:50%;background:none!important;border-width:3px}.avatar-grid-img .avatar-pick .avatar-img{width:100%;height:100%}.avatar-grid-img .avatar-pick.on{box-shadow:0 0 18px var(--gold)}.avatar-grid-emoji{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin-top:2px}.avatar-grid-emoji .avatar-pick{font-size:19px;border-radius:10px}.avatar-pick:hover{transform:none}.app.playing .seat.seat-bottom{transform:translate(-50%,-82%)}.table-center:has(.reveal){z-index:50}@media (max-width: 700px),(max-height: 560px){.trash{position:absolute;right:-64px;top:46%}}.pin-wrap{position:relative;cursor:text}.pin-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:2;font-size:16px;caret-color:transparent;border:none;cursor:text}div.pin-box{display:grid;place-items:center}.pin-box.active{border-color:var(--pink);box-shadow:0 0 22px #ff4fa380}.pin-box.active:not(.filled):after{content:"";width:3px;height:28px;border-radius:2px;background:#fff;animation:fadePulse 1s infinite}.pin-dot{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff9}.chat-fab{position:fixed;right:16px;bottom:calc(var(--hand-h, 0px) + 14px + env(safe-area-inset-bottom));z-index:130;width:58px;height:58px;border-radius:50%;border:3px solid #fff;cursor:pointer;background:linear-gradient(#ff72b8,#ff2f7e);color:#fff;font-size:26px;box-shadow:0 8px 22px #00000073,0 0 24px #ff4fa373;display:grid;place-items:center;transition:bottom .25s}.chat-fab.on{background:linear-gradient(#6f5cff,#4a2fd6);font-size:20px;font-weight:800}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--gold);color:#3b1600;font-size:13px;font-weight:800;display:grid;place-items:center;border:2px solid #fff;animation:pulse 1s infinite}.chat-panel{position:fixed;right:16px;bottom:calc(var(--hand-h, 0px) + 84px + env(safe-area-inset-bottom));z-index:131;width:340px;height:min(460px,calc(100dvh - var(--hand-h, 0px) - 160px));min-height:260px;display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;background:linear-gradient(170deg,#301268f7,#140832fa);border:2px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 24px 60px #0009}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-family:Fredoka,sans-serif;font-weight:700;font-size:22px}.chat-close{width:32px;height:32px;font-size:14px}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.chat-empty{margin:auto;text-align:center;opacity:.6;font-weight:600;padding:20px}.chat-msg{display:flex;align-items:flex-end;gap:6px;max-width:100%}.chat-msg:not(.grouped){margin-top:6px}.chat-msg.mine{justify-content:flex-end}.chat-av{width:30px;height:30px;flex-shrink:0}.chat-bubble{max-width:78%;background:#ffffff1a;border-radius:16px 16px 16px 4px;padding:5px 11px 6px}.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,#ff5fa8,#7b4dff);border-radius:16px 16px 4px}.chat-name{font-size:12px;font-weight:800;color:var(--gold)}.chat-text{font-weight:600;line-height:1.3;overflow-wrap:anywhere}.chat-quick{display:flex;gap:5px;padding:6px 10px;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.08)}.chat-quick button{flex-shrink:0;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:14px;padding:2px 10px;font-weight:700;font-size:14px;cursor:pointer}.chat-quick button:hover{background:#ffffff2e}.chat-form{display:flex;gap:6px;padding:8px 10px 10px}.chat-form input{flex:1;min-width:0;font-family:inherit;font-size:16px;font-weight:600;color:#fff;outline:none;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:14px;padding:7px 12px}.chat-form input:focus{border-color:var(--gold)}.chat-form .btn{padding:6px 14px;font-size:18px}.bubble-chat{background:#fff;color:var(--ink);font-size:14px;max-width:180px;white-space:normal;text-align:center}@media (min-width: 1001px){.chat-fab,.chat-panel{right:272px}}@media (max-width: 700px),(max-height: 560px){.chat-fab{width:48px;height:48px;font-size:22px;right:10px;bottom:calc(var(--hand-h, 0px) + 8px + env(safe-area-inset-bottom))}.chat-panel{left:8px;right:8px;width:auto;bottom:calc(var(--hand-h, 0px) + 64px + env(safe-area-inset-bottom));height:min(420px,calc(100dvh - var(--hand-h, 0px) - 130px));min-height:220px}}.turn-timer{font-size:12px;font-weight:800;background:var(--gold);color:#3b1600;padding:0 9px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 8px #0006}.turn-timer.hot{background:var(--red);color:#fff;animation:pulse .5s infinite}.ready-badge{font-size:11px;font-weight:800;padding:0 8px;border-radius:9px;background:#00000080;color:#ffffffbf;border:1px solid rgba(255,255,255,.2)}.ready-badge.on{background:var(--green);color:#053a1e;border-color:#fff;box-shadow:0 0 12px #22c97299}.ready-box{display:flex;flex-direction:column;align-items:center;gap:6px}.btn-ready-on{background:linear-gradient(#3fe08d,#12a35a);font-family:Fredoka,sans-serif;font-weight:700}.ready-count{font-weight:700;font-size:14px;text-align:center;background:#0a051ea6;padding:2px 12px;border-radius:12px}.ready-count b{color:var(--gold)}.ready-undo{opacity:.6;font-size:12px}.winner-actions{flex-direction:column;align-items:center}.takeover-btn{background:var(--violet);border-color:#fff;font-size:12px;padding:2px 10px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(ellipse,rgba(10,5,30,.55),transparent 70%);pointer-events:none}.countdown-label{font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;text-shadow:0 3px 0 rgba(0,0,0,.4)}.countdown-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:150px;line-height:1;color:var(--gold);-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:0 8px 0 rgba(0,0,0,.35),0 0 50px rgba(255,210,74,.8)}@media (max-width: 700px),(max-height: 560px){.countdown-num{font-size:100px}.countdown-label{font-size:18px}.ready-badge{font-size:10px}}.lobby-center{gap:12px}.mode-pick{gap:16px}.mode-card2{position:relative;width:236px;padding:0;text-align:left;color:#fff;cursor:pointer;overflow:hidden;border-radius:22px;border:2px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1e0e48eb,#0e0626f2);box-shadow:0 14px 34px #00000073;transition:border-color .25s,box-shadow .25s,opacity .25s}.mode-card2:not(.on){opacity:.78}.mode-card2:not(.on):hover{opacity:1}.mode-card2.on{border-color:var(--gold);box-shadow:0 0 0 3px #ffd24a40,0 16px 40px #00000080,0 0 40px #ffd24a40}.mode-card2.locked{cursor:default}.mode-art{position:relative;height:136px;overflow:hidden;display:grid;place-items:center}.art-klasik{background:radial-gradient(circle at 50% 120%,rgba(255,194,26,.55),transparent 60%),linear-gradient(135deg,#ff4d6d,#ff8a3d 55%,#ffc21a)}.art-blof{background:radial-gradient(circle at 50% 120%,rgba(255,79,163,.6),transparent 60%),linear-gradient(135deg,#2b0f66,#6a1b9a 60%,#b0207d)}.mode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 6px,transparent 6px 14px);pointer-events:none}.art-fan{position:relative;width:150px;height:110px;margin-top:22px;z-index:1}.art-card{--tw: 68px;position:absolute!important;left:50%;bottom:-30px;transform-origin:50% 120%;transition:transform .35s cubic-bezier(.3,.7,.3,1.3)}.art-card.card,.art-card .card{--w: 68px}.a1,.b1{transform:translate(-50%) rotate(-20deg) translate(-14px)}.a2,.b2{transform:translate(-50%) rotate(0) translateY(-8px);z-index:2}.a3,.b3{transform:translate(-50%) rotate(20deg) translate(14px);z-index:3}.mode-card2:hover .a1,.mode-card2:hover .b1{transform:translate(-50%) rotate(-28deg) translate(-22px)}.mode-card2:hover .a3,.mode-card2:hover .b3{transform:translate(-50%) rotate(28deg) translate(22px)}.mode-card2:hover .a2,.mode-card2:hover .b2{transform:translate(-50%) translateY(-16px)}.art-peek{perspective:400px}.art-peek .card{transform:rotateY(-28deg);box-shadow:-6px 6px 16px #00000073}.art-claim{position:absolute;left:12px;top:12px;z-index:3;background:#fff;color:var(--ink);font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;padding:2px 10px;border-radius:12px 12px 12px 3px;box-shadow:0 4px 10px #00000059}.art-mask{position:absolute;right:12px;top:10px;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e;border:2px solid rgba(255,255,255,.5);color:#fff}.mode-body{padding:10px 14px 14px}.mode-title-row{display:flex;align-items:center;gap:8px}.mode-ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff}.mode-klasik .mode-ico{background:linear-gradient(135deg,#ff4d6d,#ff8a3d)}.mode-blof .mode-ico{background:linear-gradient(135deg,#7b2ff7,#d6249f)}.mode-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;line-height:1}.mode-text{margin:6px 0 8px;font-size:13px;line-height:1.35;opacity:.82;font-weight:600}.mode-tags{display:flex;gap:6px;flex-wrap:wrap}.mode-tags span{font-size:11px;font-weight:800;padding:1px 8px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.mode-check{position:absolute;top:10px;right:10px;z-index:5;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#3b1600;border:2px solid #fff;box-shadow:0 4px 12px #0006}.mode-blof.on .art-mask{right:46px}.mode-lock-note{margin:-2px 0 0;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;opacity:.7}.hint{display:inline-flex;align-items:center;gap:7px}.ready-box .btn-xl{display:inline-flex;align-items:center;gap:8px}.seat-bot,.seat-mini-btn,.catch-btn{display:inline-flex;align-items:center;gap:4px}@media (max-width: 700px),(max-height: 560px){.mode-pick{gap:8px}.mode-card2{width:148px;border-radius:16px}.mode-art{height:82px}.art-fan{transform:scale(.72);margin-top:26px}.art-claim{font-size:10px;left:6px;top:6px;padding:1px 6px}.art-mask{width:26px;height:26px;right:6px;top:6px}.art-mask svg{width:15px;height:15px}.mode-blof.on .art-mask{right:36px}.mode-check{width:22px;height:22px;top:6px;right:6px}.mode-body{padding:7px 9px 9px}.mode-name{font-size:17px}.mode-ico{width:24px;height:24px;border-radius:8px}.mode-ico svg{width:14px;height:14px}.mode-text{font-size:10.5px;margin:4px 0 5px}.mode-tags span{font-size:9.5px;padding:0 5px}}.rules h3{display:flex;align-items:center;gap:9px}.rule-ico{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #0000004d}.tone-pink{background:linear-gradient(135deg,#ff72b8,#ff2f7e)}.tone-blue{background:linear-gradient(135deg,#4fa8ff,#1f6fe0)}.tone-gold{background:linear-gradient(135deg,#ffd24a,#ff8a00);color:#3b1600}.tone-red{background:linear-gradient(135deg,#ff5a76,#d81f45)}.tone-green{background:linear-gradient(135deg,#3fe08d,#12a35a)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px}.slider-label{display:inline-flex;align-items:center;gap:7px}.settings .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-row .btn,.controls .btn{display:inline-flex;align-items:center;gap:6px}.login-panel .btn-xl{display:inline-flex;align-items:center;justify-content:center;gap:10px}.mode-badge{display:inline-flex;align-items:center;gap:6px}.l-tag{display:inline-flex;align-items:center}.chat-fab svg,.icon-btn svg{display:block}@media (max-width: 700px){.mode-pick{gap:8px}.mode-card2{width:88px;border-radius:14px}.mode-art{height:58px}.art-fan{transform:scale(.5);margin-top:10px;transform-origin:50% 70%}.art-claim,.art-mask,.mode-text,.mode-tags{display:none}.mode-body{padding:6px 6px 7px}.mode-title-row{justify-content:center;gap:5px}.mode-name{font-size:15px}.mode-ico{width:20px;height:20px;border-radius:6px}.mode-ico svg{width:12px;height:12px}.mode-check{width:18px;height:18px;top:4px;right:4px;border-width:1.5px}.mode-check svg{width:11px;height:11px}.mode-lock-note{font-size:10.5px}}@media (max-width: 700px){.art-fan{position:absolute;left:50%;top:2px;margin:0;transform:translate(-50%) scale(.46);transform-origin:50% 0}}.table-surface{top:6%;right:2.5%;bottom:6%;left:2.5%;transform:perspective(1200px) rotateX(10deg)}.table-art{position:absolute;left:50%;top:50%;transform-origin:50% 50%}.table-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(108,76,255,.25))}.table-tint{position:absolute;top:6.5%;right:4%;bottom:6.5%;left:4%;border-radius:999px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#c2187a,#6d0f56);mix-blend-mode:color;opacity:0;transition:opacity .6s}.mode-blof .table-tint{opacity:.55}.table-art .felt-ring{position:absolute;top:17%;right:13%;bottom:17%;left:13%;border-radius:999px;border:2px dashed rgba(255,255,255,.12)}.table-surface>.felt-logo{bottom:14%;z-index:1}@media (max-width: 700px){.table-surface{top:4%;right:1%;bottom:4%;left:1%;transform:none}}:root{--panel-bg: linear-gradient(180deg, rgba(30,14,72,.92), rgba(14,6,38,.95));--panel-border: 2px solid rgba(255,255,255,.14);--panel-shadow: 0 14px 34px rgba(0,0,0,.45)}.panel-head{display:flex;align-items:center;gap:9px}.panel-ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #0000004d}.panel-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:21px;line-height:1}.panel-tag{margin-left:auto;font-size:11px;font-weight:800;padding:1px 9px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.lobby-panel,.chat-panel,.modal,.color-picker,.reveal{background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow)}.lobby-panel{border-radius:22px}.lobby-panel .panel-head{margin-bottom:12px}.lobby-panel li{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:6px 8px}.lobby-panel li.me{background:linear-gradient(90deg,#ff4fa338,#6c4cff2e);border-color:#ff4fa359}.l-tag{font-size:10.5px;font-weight:800;border:1px solid rgba(255,255,255,.15)}.l-tag.at{background:var(--green);color:#053a1e;border-color:transparent}.chat-head{font-family:inherit;font-size:inherit;padding:10px 10px 10px 12px}.modal-head h2{font-size:24px}.seat-name,.hint,.ready-count,.status,.stat,.color-chip,.mode-badge,.claim-chip.muted,.trash,.toast,.deck-count{background:linear-gradient(180deg,#1e0e48e6,#0e0626eb);border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 16px #00000059}.seat-name{border-radius:10px;padding:1px 10px}.deck-count{padding:0 8px;border-radius:8px}.status.my-turn{background:linear-gradient(90deg,var(--pink),var(--violet));border-color:#ffffff59}.stat.warn{background:var(--red)}.toast-big{background:linear-gradient(90deg,var(--pink),var(--violet))}.icon-btn{background:linear-gradient(180deg,#1e0e48eb,#0e0626f2);border-color:#fff3;box-shadow:0 6px 16px #00000059}.icon-btn.help{background:linear-gradient(#ffe066,#ff8a00)}.claim-chip:not(.muted){border-radius:14px}.winner-card{background:linear-gradient(180deg,#30146ef5,#0e0626f7)}.rules section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.tab{background:#ffffff0d}.table-surface{top:11%;right:9.5%;bottom:11%;left:9.5%}@media (max-width: 700px){.table-surface{top:8%;right:7%;bottom:8%;left:7%}}.table-surface{top:7%;right:9.5%;bottom:14%;left:9.5%}.table-center{top:46.5%}.seat.seat-bottom{transform:translate(-50%,-80%)}.seat-actions{display:flex;align-items:center;gap:5px}.stand-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:800;color:#fff;padding:1px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(#ff5a76,#d81f45);box-shadow:0 3px 8px #00000059}.stand-btn:hover{filter:brightness(1.12)}@media (max-width: 700px){.table-surface{top:6%;right:7%;bottom:11%;left:7%}.stand-btn{font-size:10px;padding:0 7px}}.chat-note{text-align:center;font-size:11px;font-weight:700;opacity:.5;padding:2px 10px 4px}.menu-screen{overflow-y:auto}.menu-screen>.topbar,.menu-main{position:relative;z-index:2}.menu-main{width:min(1120px,100%);margin:0 auto;padding:18px 20px 30px;display:flex;flex-direction:column;gap:20px}.menu-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);border-radius:22px;padding:16px 18px}.menu-hello{display:flex;align-items:center;gap:14px}.menu-hello-av{width:62px;height:62px;font-size:40px;display:grid;place-items:center}.menu-hello h1{margin:0;font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;line-height:1.1}.menu-hello p{margin:2px 0 0;font-weight:700;opacity:.75;display:flex;align-items:center;gap:6px}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);display:inline-block}.new-room-btn{display:inline-flex;align-items:center;gap:8px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.room-card{width:auto;opacity:1!important}.room-card.mine{border-color:#ffd24a8c}.room-art{height:118px}.room-art .art-fan{margin-top:30px}.room-status{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:2px 10px;border-radius:10px;background:#0a051ebf;border:1px solid rgba(255,255,255,.25)}.room-status i{width:8px;height:8px;border-radius:50%;display:inline-block}.st-lobby i{background:var(--green);box-shadow:0 0 8px var(--green)}.st-count i{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulse .6s infinite}.st-play i{background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1s infinite}.room-num{position:absolute;right:10px;top:10px;z-index:3;font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;padding:1px 9px;border-radius:10px;background:#fff3;border:1px solid rgba(255,255,255,.4)}.room-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:19px;line-height:1.1}.room-meta{display:flex;justify-content:space-between;gap:8px;margin:6px 0 10px;font-size:12px;font-weight:700;opacity:.75}.room-meta span{display:inline-flex;align-items:center;gap:4px}.room-seats{display:flex;gap:5px;margin-bottom:10px}.room-seat{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex-shrink:0}.room-seat .avatar-img{width:100%;height:100%}.room-seat.empty{border:2px dashed rgba(255,255,255,.22)}.room-seat.bot{opacity:.75}.room-foot{display:flex;align-items:center;justify-content:space-between}.room-watch{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;opacity:.7}.room-join{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:13px;padding:3px 12px;border-radius:10px;background:linear-gradient(#ff72b8,#ff2f7e);box-shadow:0 3px #0000004d}.menu-empty{align-self:center;text-align:center;max-width:420px;padding:28px 24px;border-radius:22px;background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--panel-shadow);display:flex;flex-direction:column;align-items:center;gap:8px}.menu-empty-ico{width:54px;height:54px;border-radius:16px}.menu-empty h2{margin:4px 0 0;font-family:Fredoka,sans-serif;font-weight:700}.menu-empty p{margin:0 0 6px;opacity:.75;font-weight:600}.menu-empty .btn{display:inline-flex;align-items:center;gap:6px}.menu-foot{margin:0;text-align:center;font-size:12px;font-weight:600;opacity:.55;display:flex;align-items:center;justify-content:center;gap:6px}.top-left{display:flex;align-items:center;gap:10px}.back-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:#fff;font-family:inherit;font-weight:800;font-size:14px;padding:7px 12px 7px 9px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#1e0e48eb,#0e0626f2);box-shadow:0 6px 16px #00000059}.back-btn:hover{border-color:var(--gold)}.room-chip{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:4px 16px;border-radius:14px;background:linear-gradient(180deg,#1e0e48e6,#0e0626eb);border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 16px #00000059}.room-chip-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:16px}.room-chip-mode{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;opacity:.7}.icon-btn.danger{color:#ff8aa0}.icon-btn.danger:hover{background:var(--red);color:#fff}@media (max-width: 700px){.menu-main{padding:10px 12px 24px;gap:14px}.menu-hero{padding:12px;border-radius:18px}.menu-hello-av{width:46px;height:46px;font-size:30px}.menu-hello h1{font-size:21px}.menu-hello p{font-size:12px}.new-room-btn{width:100%;justify-content:center}.room-grid{grid-template-columns:1fr 1fr;gap:10px}.room-card .mode-art{height:78px}.room-card .art-fan{position:relative;left:auto;top:auto;transform:scale(.62);margin-top:6px;transform-origin:50% 0}.room-card .mode-text,.room-card .mode-tags{display:block}.room-card .mode-body{padding:8px 9px 10px}.room-card .mode-title-row{justify-content:flex-start}.room-name{font-size:14px}.room-meta{flex-direction:column;gap:1px;margin:4px 0 6px;font-size:10.5px}.room-seats{gap:3px}.room-seat{width:19px;height:19px;font-size:12px}.room-foot{flex-direction:column;align-items:stretch;gap:6px}.room-join{justify-content:center}.room-status{font-size:10px;padding:1px 7px;left:6px;top:6px}.room-num{font-size:11px;right:6px;top:6px;padding:0 6px}.back-btn span{display:none}.back-btn{padding:7px 9px}.room-chip{padding:3px 10px}.room-chip-name{font-size:13px}.top-left .logo-img{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.bg-card{display:none}}