:root{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:#0d0d0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;justify-content:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center}.phone{background:#111;width:100%;min-height:100vh;position:relative}.screen{padding:18px 16px 80px}.logo-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logo{display:flex;align-items:center;gap:8px}.logo-mark{width:32px;height:32px;border-radius:9px;background:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff}.logo-text{font-size:17px;font-weight:600;letter-spacing:.3px}.logo-text span{color:#ff6b35}.balance-chip{background:#1a1a1a;border:.5px solid #2a2a2a;border-radius:20px;padding:6px 14px;font-size:13px;color:#aaa;cursor:pointer;display:flex;align-items:center;gap:6px}.balance-chip b{color:#4ade80;font-weight:500}.header-label{font-size:11px;color:#555}.user-card{background:#1a1a1a;border:.5px solid #252525;border-radius:14px;padding:14px;display:flex;align-items:center;gap:13px;margin-bottom:18px}.av{width:50px;height:50px;border-radius:50%;background:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;flex-shrink:0;position:relative}.uinfo{flex:1;min-width:0}.uname{font-size:14px;font-weight:500;margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ustats{font-size:11px;color:#666}.ustats span{color:#888;margin-right:10px}.rbadge{background:#ff6b351a;border:.5px solid rgba(255,107,53,.3);border-radius:7px;padding:4px 10px;font-size:11px;color:#ff6b35;flex-shrink:0}.rank-badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:500}.rank-bronze{background:#cd7f3226;border:.5px solid rgba(205,127,50,.4);color:#cd7f32}.rank-silver{background:#c0c0c01f;border:.5px solid rgba(192,192,192,.35);color:silver}.rank-gold{background:#ffd7001f;border:.5px solid rgba(255,215,0,.35);color:gold}.stitle{font-size:11px;color:#444;text-transform:uppercase;letter-spacing:.9px;margin-bottom:9px}.play-btn{width:100%;background:#ff6b35;border:none;border-radius:13px;padding:15px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;margin-bottom:11px;transition:opacity .15s}.play-btn:active{opacity:.88}.play-btn:disabled{opacity:.45;cursor:default}.cancel-btn{background:#1a1a1a;border:.5px solid #2a2a2a;border-radius:11px;padding:11px 30px;font-size:14px;color:#777;cursor:pointer;transition:color .15s}.cancel-btn:active{color:#aaa}.btn-secondary{width:100%;background:#1a1a1a;border:.5px solid #2a2a2a;border-radius:13px;padding:13px;font-size:14px;color:#666;cursor:pointer}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;display:flex;border-top:.5px solid #1a1a1a;background:#111;z-index:100}.ni{flex:1;padding:11px 4px;text-align:center;cursor:pointer;font-size:10px;color:#444;transition:color .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.ni.active{color:#ff6b35}.ni.disabled{cursor:default}.ni svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.back-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.back-btn{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:15px;font-weight:500}.back-icon{font-size:20px;color:#888}.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.sbtn{background:#1a1a1a;border:.5px solid #252525;border-radius:11px;padding:11px 6px;text-align:center;cursor:pointer;transition:all .15s}.sbtn:active{transform:scale(.97)}.sbtn.sel{border-color:#ff6b35;background:#ff6b3514}.sbtn:disabled{opacity:.4;cursor:default}.s-amount{font-size:14px;font-weight:600;margin-bottom:2px}.s-level{font-size:10px;color:#555;margin-bottom:4px}.s-win{background:#4ade8012;border-radius:4px;padding:3px 5px;font-size:9px;color:#4ade80;font-weight:500}.online-row{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:#555;margin-top:4px}.online-dot{width:6px;height:6px;border-radius:50%;background:#4ade80}.online-row b{color:#4ade80}.mm-error{background:#ef444414;border:.5px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 12px;font-size:12px;color:#ef4444;margin-bottom:14px}.search-wrap{text-align:center;padding:40px 20px}.pulse-ring{width:88px;height:88px;border-radius:50%;background:#ff6b351a;border:2px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;animation:pulse 1.5s ease-in-out infinite}.pulse-core{width:54px;height:54px;border-radius:50%;background:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:22px}.s-title{font-size:18px;font-weight:600;margin-bottom:7px}.s-sub{font-size:14px;color:#555;margin-bottom:6px}.s-timer-label{font-size:12px;color:#ff6b35;margin-bottom:28px}.s-stats{display:flex;justify-content:center;gap:28px;margin-bottom:28px}.sstat{text-align:center}.sstat-v{font-size:19px;font-weight:500}.sstat-l{font-size:10px;color:#555;margin-top:2px}.wbal{background:#1a1a1a;border:.5px solid #252525;border-radius:14px;padding:20px;text-align:center;margin-bottom:14px}.wbal-label{font-size:11px;color:#555;margin-bottom:6px}.wbal-amount{font-size:30px;font-weight:600;color:#4ade80;margin-bottom:4px}.wbal-sub{font-size:12px;color:#444}.dep-card{background:#1a1a1a;border:.5px solid #252525;border-radius:14px;padding:18px;margin-bottom:12px}.dep-input{width:100%;background:#111;border:.5px solid #333;border-radius:10px;padding:14px;font-size:20px;font-weight:600;color:#fff;font-family:inherit;outline:none;text-align:center}.dep-input:focus{border-color:#ff6b35}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.pay-card{background:#1a1a1a;border:.5px solid #252525;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s}.pay-card.sel{border-color:#4ade8066}.pay-coin{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.pay-name{font-size:13px;font-weight:500}.pay-sub{font-size:10px;color:#555;margin-top:1px}.pay-sub.ok{color:#4ade80}.dep-note{background:#4ade800f;border:.5px solid rgba(74,222,128,.2);border-radius:8px;padding:9px;font-size:11px;color:#4ade80;margin-bottom:12px}.dep-msg{margin-top:12px;font-size:13px;color:#aaa;text-align:center}.game-screen{background:radial-gradient(120% 60% at 50% 42%,#12281a,#0d1a10 60%,#081109);height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden}.game-topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#00000059;flex-shrink:0}.game-opponent{display:flex;align-items:center;gap:9px}.game-av{width:38px;height:38px;border-radius:50%;background:#1a3d6e;border:2px solid #2a5090;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.game-name{font-size:13px;font-weight:600}.game-cards-left{font-size:11px;color:#7fd7a0;margin-top:1px}.game-pot{display:flex;flex-direction:column;align-items:center;background:#ff6b3524;border:1px solid rgba(255,107,53,.35);border-radius:14px;padding:4px 16px;line-height:1.1}.game-pot-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#d99;color:#ff6b35b3}.game-pot-value{font-size:15px;font-weight:700;color:#ff6b35}.game-timer{display:flex;align-items:center;gap:4px;min-width:46px;justify-content:center;font-size:15px;font-weight:700;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:5px 9px}.game-timer-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.game-timer.urgent{color:#ff5b5b;background:#ff3c3c26;border-color:#ff3c3c80;animation:timer-pulse .9s ease-in-out infinite}.fan{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%}.fan>*{position:absolute;transition:transform .22s cubic-bezier(.22,1,.36,1);transform-origin:bottom center}.opp-hand{display:flex;justify-content:center;padding:6px 16px 2px;flex-shrink:0}.card-back{border-radius:7px;background:repeating-linear-gradient(45deg,#1a3d6e 0,#1a3d6e 6px,#163461 6px,#163461 12px);border:1.5px solid #2a5090;box-shadow:inset 0 0 0 3px #ffffff0f}.card-back-sm{width:40px;height:58px}.card-back-md{width:52px;height:74px}.card-back-lg{width:62px;height:88px}.game-center{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:4px 8px}.table-area{flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;padding:8px 4px}.table-empty{padding-left:0}.table-hint{color:#ffffff59;font-size:14px;letter-spacing:.3px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:14px 22px}.card-pair{position:relative;width:68px;height:94px;flex-shrink:0}.pair-attack{position:absolute;top:0;left:0}.pair-defend{position:absolute;left:14px;top:16px;z-index:3;filter:drop-shadow(-2px 2px 4px rgba(0,0,0,.45))}.card-pair.needs-defend:after{content:"";position:absolute;left:14px;top:16px;width:54px;height:78px;border:2px dashed rgba(255,215,0,.5);border-radius:8px;transform:rotate(8deg);pointer-events:none}.card-pair.needs-defend .pair-attack .card{box-shadow:0 0 0 2px #ff6b35,0 0 14px #ff6b3580;animation:needs-defend-glow 1.4s ease-in-out infinite}.card{border-radius:8px;background:linear-gradient(160deg,#fff,#f2f3f5);border:.5px solid #cfd3da;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;font-weight:700;color:#16181d;cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform .15s,box-shadow .15s,filter .15s,opacity .15s;flex-shrink:0;position:relative;overflow:hidden}.card-sm{width:40px;height:58px}.card-md{width:54px;height:78px}.card-lg{width:62px;height:88px}.card.red{color:#c20}.card.trump{box-shadow:0 0 0 2px gold,0 2px 8px #00000073;border-color:gold}.card-corner{display:flex;flex-direction:column;align-items:center;line-height:.95}.card-corner-tl{align-self:flex-start}.card-corner-br{align-self:flex-end;transform:rotate(180deg)}.card-rank{font-size:14px}.card-md .card-rank{font-size:15px}.card-lg .card-rank{font-size:16px}.card-suit-sm{font-size:11px}.card-lg .card-suit-sm{font-size:12px}.card-pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;opacity:.9;pointer-events:none}.card-md .card-pip{font-size:30px}.card-lg .card-pip{font-size:34px}.card.raised{box-shadow:0 -2px 0 2px #ff6b358c,0 6px 12px #00000080}.card.raised.trump{box-shadow:0 0 0 2px gold,0 6px 12px #00000080}.card.dimmed{opacity:.4;filter:grayscale(.6) brightness(.75);cursor:default}.trump-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 16px;font-size:12px;color:#8fa596;flex-shrink:0}.trump-row b{color:gold;font-weight:600}.trump-row .red-suit{color:#ff6b6b}.trump-dot{margin:0 6px;color:#445}.trump-mini-stack{position:relative;width:34px;height:46px;flex-shrink:0}.trump-mini-stack .mini-deck{position:absolute;top:0;right:0;bottom:0;left:0;width:32px;height:44px}.trump-mini-card{position:absolute;left:8px;top:4px;transform:rotate(90deg);background:#fff;color:#1a1a1a;border-radius:4px;font-size:11px;font-weight:700;padding:3px 5px;border:1px solid #ffd700}.trump-mini-card.red{color:#c20}.status-bar{margin:4px 14px 6px;padding:8px 14px;border-radius:12px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.status-main{font-size:15px;font-weight:700;color:#c8d2cb}.status-sub{font-size:11px;color:#fff6;margin-top:1px}.status-bar.status-active{background:#ff6b3529;border-color:#ff6b3580;animation:status-pulse 1.6s ease-in-out infinite}.status-bar.status-active .status-main{color:#ff6b35}.status-bar.status-active .status-sub{color:#ff6b35bf}.my-hand{display:flex;justify-content:center;padding:14px 8px 8px;flex-shrink:0;overflow:visible}.hand-row{display:flex;align-items:flex-end;justify-content:center;min-height:100px;width:100%;overflow:hidden}.row-card{position:relative;transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}.row-card.dragging{transition:none}.row-card.playable .card{cursor:pointer}.row-card.playable{z-index:5}.game-footer{flex-shrink:0;padding:6px 14px calc(12px + env(safe-area-inset-bottom,0px));background:#0000004d}.game-stake-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7a70;margin-bottom:8px}.game-stake-row b{color:#4ade80}.game-commission{color:#55655b}.game-actions{display:flex;gap:10px}.game-btn-take,.game-btn-pass{flex:1;border-radius:13px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .12s,opacity .12s;animation:action-rise .2s ease-out}.game-btn-take:active,.game-btn-pass:active{transform:scale(.97)}.game-btn-take{background:#ff6b35;border:none;color:#fff;box-shadow:0 4px 14px #ff6b3566}.game-btn-pass{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#d5ddd7}.game-toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);background:#ef4444f2;color:#fff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:22px;z-index:20;white-space:nowrap;box-shadow:0 6px 18px #00000080;animation:toast-in .2s ease-out}@keyframes status-pulse{0%,to{box-shadow:0 0 #ff6b3500}50%{box-shadow:0 0 14px 1px #ff6b3559}}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes needs-defend-glow{0%,to{box-shadow:0 0 0 2px #ff6b35,0 0 10px #ff6b3566}50%{box-shadow:0 0 0 2px #ff6b35,0 0 18px #ff6b35b3}}@keyframes action-rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.row-card.selected .card{border-color:#ff6b35}.card-pair.drop-target{outline:2px solid #ffd700;outline-offset:3px;border-radius:10px}.table-area.drop-ready{box-shadow:inset 0 0 0 2px #ffd70059;border-radius:14px}.game-btn-play{flex:1;background:#ff6b35;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:600;color:#fff}.game-btn-play:disabled{opacity:.35}@media (prefers-reduced-motion: reduce){.fan>*,.fan-card,.card,.status-bar.status-active,.game-timer.urgent,.card-pair.needs-defend .pair-attack .card,.game-btn-take,.game-btn-pass,.game-toast{animation:none!important;transition:none!important}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 24px 24px;z-index:200;overflow-y:auto}.result-emoji{font-size:56px;margin-bottom:12px}.result-emoji.pop{animation:pop .5s ease-out}.result-title{font-size:28px;font-weight:700;margin-bottom:6px}.result-sub{font-size:14px;color:#555;margin-bottom:28px;text-align:center}.result-box{width:100%;max-width:340px;background:#1a1a1a;border-radius:14px;padding:20px;margin-bottom:20px;text-align:center}.result-box-label{font-size:13px;color:#555;margin-bottom:6px}.result-amount{font-size:42px;font-weight:700;margin-bottom:4px}.result-box-note{font-size:12px;color:#444}.result-actions{width:100%;max-width:340px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.crash-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#0d0d0d}.crash-emoji{font-size:44px}.crash-title{font-size:18px;font-weight:600}.crash-msg{font-size:12px;color:#888;max-width:320px;word-break:break-word;font-family:monospace}