@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{--font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #0a0e17;--panel-bg: rgba(18, 25, 41, .92);--panel-border: rgba(255, 255, 255, .12);--neon-cyan: #05d9e8;--neon-pink: #ff2a6d;--neon-yellow: #fee801;--neon-green: #00ff66;--neon-purple: #9b51e0;--neon-orange: #ff7700;--text-main: #ffffff;--text-muted: #8b9bb4}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#05070c;font-family:var(--font-family);color:var(--text-main);touch-action:manipulation}#app{width:100%;max-width:480px;height:100%;height:100dvh;margin:0 auto;position:relative;background:radial-gradient(circle at 50% 20%,#17223b,#080c16);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #000c}.view{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;transition:opacity .25s ease,transform .25s ease;overflow:hidden}.hidden{display:none!important}.view.hidden{display:none!important;opacity:0;pointer-events:none;transform:scale(.98)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;font-weight:800;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,filter .15s ease,box-shadow .15s ease}button:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5);pointer-events:none;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg,#ff2a6d,#ff5e3a);color:#fff;padding:13px 20px;font-size:.95rem;letter-spacing:1px;box-shadow:0 4px 18px #ff2a6d66}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:12px 18px;font-size:.9rem;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff24}.btn-danger{background:#ff2a6d2e;border:1px solid rgba(255,42,109,.4);color:#ff6b8b;padding:12px 18px;font-size:.9rem}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(45deg);animation:shineGlow 3s infinite}@keyframes shineGlow{0%{transform:translate(-100%) rotate(45deg)}25%,to{transform:translate(100%) rotate(45deg)}}.app-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0e1420d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:50;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:8px;background:#ffffff0f;padding:4px 12px 4px 6px;border-radius:20px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.user-chip:active{transform:scale(.95);background:#ffffff1f}.user-chip-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden;flex-shrink:0;background:#ffffff1a}.user-chip-avatar img,.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-chip-name{font-size:.86rem;font-weight:800;color:#fff;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-badge{font-size:.72rem;opacity:.7}.header-right-tools{display:flex;align-items:center;gap:8px}.btn-icon-circle{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer}#lobby-view{flex:1;overflow:hidden;display:flex;flex-direction:column}.lobby-scroll{flex:1;overflow-y:auto;padding:14px 16px 24px;display:flex;flex-direction:column;gap:14px}.hero-banner{background:linear-gradient(135deg,#e52d27,#b31217);border-radius:20px;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #e52d2759;position:relative;overflow:hidden}.hero-content{flex:1;display:flex;flex-direction:column;gap:4px}.hero-tag{display:inline-block;background:#0000004d;color:gold;font-size:.68rem;font-weight:800;letter-spacing:.8px;padding:3px 8px;border-radius:12px;width:fit-content}.hero-title{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.hero-desc{font-size:.78rem;color:#ffffffe6;line-height:1.35}.hero-bomb{font-size:3.2rem;margin-left:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.mode-card{background:#121929e6;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #0000004d}.mode-card-header{display:flex;align-items:center;gap:12px}.mode-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.orange-box{background:#ff77002e;border:1px solid rgba(255,119,0,.35)}.blue-box{background:#0ea5e92e;border:1px solid rgba(14,165,233,.35)}.purple-box{background:#a855f72e;border:1px solid rgba(168,85,247,.35)}.mode-header-texts{display:flex;flex-direction:column;gap:2px}.mode-title{font-size:1.05rem;font-weight:800;color:#fff}.mode-desc{font-size:.76rem;color:var(--text-muted)}.segment-group{display:flex;flex-direction:column;gap:6px}.segment-label{font-size:.74rem;font-weight:700;color:var(--text-muted)}.segmented-control{display:flex;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3px;gap:4px}.seg-btn{flex:1;padding:8px 4px;border-radius:9px;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:700;transition:all .2s}.seg-btn.active{background:linear-gradient(135deg,#ff4500,#e52d27);color:#fff;box-shadow:0 2px 10px #ff450066}.online-card{border-color:#a855f74d}.online-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-online-primary{padding:12px;border-radius:12px;background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;font-size:.88rem;font-weight:800;box-shadow:0 4px 14px #a855f759}.btn-online-secondary{padding:12px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.88rem;font-weight:800}.join-room-box{background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.join-room-title{font-size:.72rem;font-weight:800;color:var(--text-muted);letter-spacing:.8px}.join-input-group{display:flex;gap:8px;align-items:center}.join-room-input{flex:1;min-width:0;background:#0006;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 12px;color:#fff;font-family:var(--font-family);font-size:.95rem;font-weight:800;letter-spacing:2px;outline:none;text-align:center}.join-room-input:focus{border-color:#05d9e8;box-shadow:0 0 10px #05d9e84d}.btn-paste{padding:10px 12px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.8rem;font-weight:800;white-space:nowrap;flex-shrink:0}.btn-join{padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#05d9e8,#0284c7);color:#05070c;font-size:.84rem;font-weight:900;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 10px #05d9e859}.btn-rules-card{padding:14px;border-radius:14px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);color:var(--text-muted);font-size:.84rem;font-weight:700;width:100%}@keyframes pulseBomb{0%{transform:scale(.95)}to{transform:scale(1.1) rotate(6deg)}}.hero-info h2{font-size:1.05rem;font-weight:900;letter-spacing:1px;color:var(--neon-yellow)}.hero-info p{font-size:.78rem;color:var(--text-muted);line-height:1.35;margin-top:3px}.lobby-menu{display:flex;flex-direction:column;gap:10px;width:100%}.lobby-menu button{width:100%;padding:14px;font-size:.95rem}.join-room-row{display:flex;gap:8px;width:100%;margin-top:2px}.room-input{flex:1;background:#121929e6;border:1px solid var(--panel-border);border-radius:14px;padding:12px 14px;color:#fff;font-family:var(--font-family);font-size:.95rem;font-weight:800;letter-spacing:2px;text-align:center;outline:none}.room-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px #05d9e859}.btn-icon-join{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#05d9e8,#09f);color:#fff;padding:0;box-shadow:0 4px 14px #05d9e866}.rules-card{background:#12192999;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin-top:10px}.rules-header{font-size:.8rem;font-weight:900;color:var(--neon-cyan);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-bottom:6px}.rules-list{list-style:none;display:flex;flex-direction:column;gap:4px}.rules-list li{font-size:.72rem;color:var(--text-muted);line-height:1.35}#room-view{padding:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 10%,#17243d,#080c16)}.room-container{display:flex;flex-direction:column;height:100%;gap:14px;justify-content:space-between}.room-code-card{background:#121929f2;border:1px solid rgba(5,217,232,.35);border-radius:18px;padding:16px;text-align:center;box-shadow:0 8px 24px #00000080,inset 0 0 20px #05d9e80f;display:flex;flex-direction:column;align-items:center;gap:6px}.room-card-label{font-size:.76rem;font-weight:800;letter-spacing:2px;color:var(--neon-cyan);text-transform:uppercase}.room-code-number{font-size:2.2rem;font-weight:900;letter-spacing:8px;color:#fff;font-family:monospace;text-shadow:0 0 16px rgba(5,217,232,.6);line-height:1.2;padding:2px 0}.room-share-buttons{display:flex;gap:10px;width:100%;margin-top:6px}.share-btn{flex:1;padding:10px 14px;font-size:.84rem;font-weight:800;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.share-btn:active{transform:scale(.96)}.share-btn-link{background:linear-gradient(135deg,#05d9e833,#00a8ff40);border-color:#05d9e873;color:var(--neon-cyan)}.room-players-panel{flex:1;display:flex;flex-direction:column;background:#121929d9;border:1px solid var(--panel-border);border-radius:18px;padding:14px;min-height:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.players-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px;font-size:.82rem;font-weight:800;color:var(--text-muted);letter-spacing:.8px}.player-count-badge{background:#05d9e826;color:var(--neon-cyan);border:1px solid rgba(5,217,232,.3);padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:900}.player-slots-vertical{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding-right:2px}.player-slot{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px 14px;box-shadow:0 4px 12px #00000040;transition:all .2s}.player-slot.slot-is-me{border-color:#05d9e873;background:#05d9e814}.player-slot.slot-empty{border:1px dashed rgba(255,255,255,.12);background:#ffffff04;opacity:.65}.slot-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.slot-avatar{width:40px;height:40px;border-radius:50%;background:#141c2e;border:2px solid var(--neon-cyan);display:flex;align-items:center;justify-content:center;font-size:1.15rem;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0006}.slot-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.slot-avatar.empty-avatar{border:2px dashed rgba(255,255,255,.25);background:transparent;font-size:.95rem;color:var(--text-muted)}.slot-info-col{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-align:left}.slot-name{font-size:.92rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.slot-player-title{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-empty-title{color:var(--text-muted);font-style:italic;font-weight:600}.slot-role{font-size:.72rem;font-weight:700;color:var(--text-muted)}.badge-tag{font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:6px;white-space:nowrap}.tag-host{background:#fee80126;color:#fee801;border:1px solid rgba(254,232,1,.35)}.tag-you{background:var(--neon-pink);color:#fff}.tag-bot{background:#05d9e833;color:var(--neon-cyan);border:1px solid rgba(5,217,232,.35)}.slot-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.ready-badge{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:8px}.ready-badge.is-ready{background:#00ff6629;color:var(--neon-green);border:1px solid var(--neon-green)}.ready-badge.not-ready{background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.12)}.btn-remove-bot{background:#ff2a6d33;color:#ff2a6d;width:28px;height:28px;border-radius:50%;font-size:.8rem;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,42,109,.4)}.room-bottom-actions,.host-controls-group{display:flex;flex-direction:column;gap:10px;width:100%}.room-bottom-actions button{width:100%;padding:13px;font-size:.95rem;letter-spacing:.5px}.guest-waiting-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:14px;color:var(--neon-cyan);font-size:.88rem;font-weight:700}.dot-spinner{width:8px;height:8px;border-radius:50%;background:var(--neon-cyan);box-shadow:12px 0 0 0 var(--neon-cyan),24px 0 0 0 var(--neon-cyan);animation:dotFlashing 1s infinite alternate;margin-right:18px}@keyframes dotFlashing{0%{opacity:.3}to{opacity:1}}#game-view{padding:10px 14px 14px;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 25%,#182846,#080c16)}.game-top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;width:100%;flex-shrink:0}.btn-icon-subtle{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;width:36px;height:36px;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.btn-icon-subtle:active{transform:scale(.94);background:#ffffff24}.game-turn-banner{flex:1;background:#121929e6;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 12px;font-size:.85rem;font-weight:900;text-align:center;letter-spacing:.8px;color:var(--neon-yellow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px #0000004d}.game-turn-banner.turn-pulse{background:linear-gradient(90deg,#ff2a6d47,#fee80147);border-color:var(--neon-yellow);box-shadow:0 0 16px #fee80159;animation:pulseTurn 1.2s infinite alternate}@keyframes pulseTurn{0%{transform:scale(.99)}to{transform:scale(1.02)}}.game-room-tag{font-size:.78rem;font-weight:800;color:var(--neon-cyan);background:#05d9e824;border:1px solid rgba(5,217,232,.35);padding:6px 10px;border-radius:10px;font-family:monospace;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.opponents-orbit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;margin:2px 0;padding:4px 0;min-height:72px;flex-shrink:0}.opponent-chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:#121929d9;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px 10px;min-width:76px;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;position:relative}.opponent-chip.active-turn{border-color:var(--neon-yellow);box-shadow:0 0 14px #fee80173;transform:translateY(-2px)}.opponent-chip.eliminated{opacity:.35;filter:grayscale(1)}.opponent-avatar-wrap{position:relative;width:42px;height:42px}.opponent-avatar{width:100%;height:100%;border-radius:50%;background:#141c2e;border:2px solid var(--neon-cyan);display:flex;align-items:center;justify-content:center;font-size:1.15rem;overflow:hidden;box-shadow:0 2px 8px #0006}.opponent-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.opponent-dead-cross{position:absolute;top:-4px;left:-4px;font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.opponent-cards-badge{position:absolute;bottom:-4px;right:-6px;background:#ff2a6d;color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.4);box-shadow:0 2px 6px #00000080;white-space:nowrap}.opponent-name{font-size:.74rem;font-weight:800;color:#fff;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-center{background:radial-gradient(circle at 50% 50%,#16223ae6,#0a0f1af2);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px 20px;display:flex;justify-content:space-around;align-items:center;margin:4px 0;box-shadow:inset 0 0 30px #000000a6,0 8px 24px #00000059;flex-shrink:0}.deck-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.deck-card-visual{width:90px;height:124px;border-radius:14px;background:linear-gradient(135deg,#ff2a6d,#75002b);border:2px solid #ff7700;box-shadow:0 8px 20px #ff2a6d59,0 4px 12px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.deck-card-visual:active{transform:scale(.95);box-shadow:0 4px 12px #ff2a6d33}.deck-card-visual.is-shuffling{animation:deckShuffleShake .85s ease-in-out infinite;box-shadow:0 0 35px #ffaa00e6,0 0 70px #ff2a6db3;border-color:#fee801}@keyframes deckShuffleShake{0%{transform:scale(1.06) rotate(0) translate(0)}15%{transform:scale(1.1) rotate(-8deg) translate(-14px)}35%{transform:scale(1.1) rotate(9deg) translate(14px)}55%{transform:scale(1.1) rotate(-6deg) translate(-10px)}75%{transform:scale(1.1) rotate(6deg) translate(10px)}90%{transform:scale(1.08) rotate(-2deg) translate(-4px)}to{transform:scale(1.06) rotate(0) translate(0)}}.deck-face-pattern{display:flex;flex-direction:column;align-items:center;gap:2px}.deck-brand-icon{font-size:2.2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));animation:floatPaw 2s ease infinite alternate}@keyframes floatPaw{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.deck-brand-sub{font-size:.72rem;font-weight:900;color:#fff;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6)}.deck-count-badge{position:absolute;top:-8px;right:-8px;background:#fee801;color:#0a0e17;font-size:.76rem;font-weight:900;padding:2px 7px;border-radius:10px;border:2px solid #0a0e17;box-shadow:0 2px 8px #00000080;z-index:5}.bomb-meter-badge{background:#0e1420f2;border:1px solid #ff7700;border-radius:16px;padding:4px 10px;font-size:.76rem;font-weight:900;color:#fa0;display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px #0006}.bomb-meter-badge.danger{border-color:#ff2a6d;color:#ff2a6d;box-shadow:0 0 12px #ff2a6d80;animation:pulseDanger .8s infinite alternate}@keyframes pulseDanger{0%{transform:scale(.96)}to{transform:scale(1.04)}}.discard-container{display:flex;flex-direction:column;align-items:center;gap:8px}.discard-card{width:90px;height:124px;background:#121929b3;border:2px dashed rgba(255,255,255,.22);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:8px 6px;box-shadow:0 4px 12px #0000004d}.discard-empty-pattern{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%}.discard-empty-pattern span{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.8px}.top-card-icon{font-size:2.2rem;line-height:1}.top-card-name{font-size:.72rem;font-weight:900;color:#fff;text-align:center;text-transform:uppercase;line-height:1.15}.discard-label{font-size:.72rem;font-weight:800;color:var(--text-muted)}.game-log-ticker{background:#0e1420d9;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 12px;font-size:.76rem;font-weight:700;color:#c8d6e5;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;word-break:break-word;margin:2px 0;box-shadow:0 2px 6px #0003;flex-shrink:0}.player-hand-section{display:flex;flex-direction:column;gap:6px;width:100%;flex-shrink:0}.hand-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:800;padding:0 4px}.hand-count-label{color:var(--text-muted);display:flex;align-items:center;gap:4px}.hand-count-val{color:var(--neon-cyan);font-weight:900}.selected-action-hint{color:var(--neon-yellow);font-size:.74rem}.hand-carousel{display:flex;gap:10px;overflow-x:auto;padding:22px 6px 8px;min-height:156px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:flex-end}.hand-carousel::-webkit-scrollbar{height:4px}.hand-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.kitten-card{width:96px;min-width:96px;height:138px;flex-shrink:0;border-radius:14px;padding:8px 7px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:#182238;border:2px solid rgba(255,255,255,.16);box-shadow:0 6px 16px #00000080;transition:transform .18s cubic-bezier(.18,.89,.32,1.28),box-shadow .18s ease;position:relative;-webkit-user-select:none;user-select:none}.kitten-card:active{transform:translateY(-8px)}.kitten-card.selected{transform:translateY(-22px)!important;border-color:var(--neon-yellow)!important;box-shadow:0 0 20px #fee801bf!important;z-index:10}.card-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header-badge{display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:4px}.card-type-icon{font-size:.95rem;line-height:1;flex-shrink:0}.card-type-label{font-size:.66rem;font-weight:900;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.card-art-area{flex:1;display:flex;align-items:center;justify-content:center}.card-main-symbol{font-size:2.3rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.card-footer-desc{font-size:.56rem;font-weight:700;color:#ffffffe0;line-height:1.15;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);padding-top:4px}.card-bomb{background:linear-gradient(135deg,#4d0a1b,#240008);border-color:#ff2a6d;box-shadow:0 6px 16px #ff2a6d66}.card-defuse{background:linear-gradient(135deg,#09381e,#031c0e);border-color:#0f6;box-shadow:0 6px 16px #00ff6659}.card-attack{background:linear-gradient(135deg,#32104e,#170425);border-color:#9b51e0}.card-skip{background:linear-gradient(135deg,#073545,#02171e);border-color:#05d9e8}.card-shuffle{background:linear-gradient(135deg,#422600,#1e1100);border-color:#fa0}.card-future{background:linear-gradient(135deg,#450a3d,#1f031b);border-color:#f368e0}.card-favor{background:linear-gradient(135deg,#423600,#1e1900);border-color:#fee801}.card-nope{background:linear-gradient(135deg,#420d15,#1f0307);border-color:#ff4757}.card-cat{background:linear-gradient(135deg,#17263d,#0c1421);border-color:#48dbfb}.player-action-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px}.btn-action-play{background:linear-gradient(135deg,#05d9e8,#08c);color:#fff;padding:13px;font-size:.95rem;font-weight:900;letter-spacing:.5px}.btn-action-play:disabled{opacity:.45;filter:grayscale(.8);cursor:not-allowed;box-shadow:none}.btn-action-draw{background:linear-gradient(135deg,#ff2a6d,#ff5e3a);color:#fff;padding:13px;font-size:.95rem;font-weight:900;letter-spacing:.5px;box-shadow:0 4px 18px #ff2a6d73}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#060a12e0;display:flex;align-items:center;justify-content:center;padding:18px;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{width:100%;max-width:420px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 36px #0009}.modal-icon{font-size:2.5rem;line-height:1}.modal-title{font-size:1.35rem;font-weight:900;letter-spacing:1.5px;background:linear-gradient(135deg,#fee801,#ff2a6d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-desc{font-size:.8rem;color:var(--text-muted)}.future-cards-row{display:flex;gap:10px;justify-content:center;align-items:stretch;margin:16px 0;width:100%}.future-empty{font-size:.85rem;color:var(--text-muted);padding:20px 0}.future-card-item{flex:1;max-width:106px;min-height:148px;border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-shadow:0 8px 24px #00000080;border:2px solid rgba(255,255,255,.28);position:relative;animation:cardDealPop .35s ease-out backwards}.future-card-item:nth-child(1){animation-delay:.05s}.future-card-item:nth-child(2){animation-delay:.15s}.future-card-item:nth-child(3){animation-delay:.25s}@keyframes cardDealPop{0%{opacity:0;transform:translateY(22px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.future-card-badge{font-size:.62rem;font-weight:800;color:#ffffffe6;background:#00000073;padding:3px 6px;border-radius:8px;text-transform:uppercase;margin-bottom:2px}.future-card-icon{font-size:2.2rem;margin:4px 0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.future-card-title{font-size:.76rem;font-weight:900;color:#fff;line-height:1.2}.future-card-desc{font-size:.62rem;color:#fffc;line-height:1.2;margin-top:2px}.drawn-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#060a12b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:250;animation:fadeIn .15s ease}.drawn-card-popup{display:flex;flex-direction:column;align-items:center;gap:12px;animation:popInCard .35s cubic-bezier(.18,.89,.32,1.28)}@keyframes popInCard{0%{opacity:0;transform:scale(.6) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.drawn-card-badge{background:linear-gradient(135deg,#fee801,#f70);color:#121620;padding:6px 18px;border-radius:20px;font-size:.82rem;font-weight:900;letter-spacing:.8px;box-shadow:0 4px 16px #fee80173;text-align:center;max-width:90%;line-height:1.3}.drawn-card-badge.badge-danger{background:linear-gradient(135deg,#ff4757,#ff2a6d);color:#fff;box-shadow:0 4px 20px #ff2a6d99}.drawn-card-badge.badge-success{background:linear-gradient(135deg,#0f6,#00b894);color:#061019;box-shadow:0 4px 20px #00ff6680}.drawn-card-body{width:142px;height:205px;border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:3px solid #ffffff;box-shadow:0 12px 35px #0009,0 0 35px #05d9e873;text-align:center}.drawn-card-body .drawn-icon{font-size:3.2rem;margin-top:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.drawn-card-body .drawn-title{font-size:1.05rem;font-weight:900;color:#fff;letter-spacing:.5px}.drawn-card-body .drawn-desc{font-size:.72rem;color:#ffffffd9;line-height:1.25;margin-bottom:6px}.deck-notice-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffaa00f2,#ff2a6df2);border:2px solid #ffffff;padding:10px 22px;border-radius:30px;font-size:.95rem;font-weight:900;color:#fff;letter-spacing:.5px;box-shadow:0 8px 30px #f709;z-index:150;pointer-events:none;animation:noticePop 1.3s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes noticePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}25%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.85)}}.flying-card-anim{position:absolute;width:90px;height:124px;border-radius:14px;background:linear-gradient(135deg,#ff2a6d,#75002b);border:2px solid #ff7700;box-shadow:0 10px 30px #ff2a6d80;z-index:180;pointer-events:none;transition:all .45s cubic-bezier(.25,1,.5,1)}.target-players-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.target-player-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff}.target-player-btn:hover{background:#05d9e826;border-color:var(--neon-cyan)}.modal-backdrop.hidden{display:none!important}.bomb-drama-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:300;display:flex;align-items:center;justify-content:center;pointer-events:none}.bomb-drama-overlay.hidden{display:none!important}.drama-backdrop-pulse{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#f059,#0a0005f2);animation:alarmPulse .5s infinite alternate}@keyframes alarmPulse{0%{opacity:.5}to{opacity:.95}}.drama-center-box{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:shakeBomb .3s infinite}@keyframes shakeBomb{0%{transform:translate(1px,1px) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-1deg)}50%{transform:translate(-1px,2px) rotate(1deg)}75%{transform:translate(2px,1px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.drama-bomb-icon{font-size:5rem;filter:drop-shadow(0 0 30px #ff2a6d)}.drama-title{font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 0 20px #ff2a6d}.drama-desc{font-size:1rem;font-weight:800;color:var(--neon-yellow)}.results-header{display:flex;flex-direction:column;align-items:center;gap:2px}.trophy-icon{font-size:2.6rem;filter:drop-shadow(0 0 16px rgba(254,232,1,.7));animation:bounceTrophy 1.4s ease infinite alternate}@keyframes bounceTrophy{0%{transform:translateY(0)}to{transform:translateY(-6px) scale(1.1)}}.results-subtitle{font-size:.75rem;font-weight:800;letter-spacing:2px;color:var(--neon-cyan)}.standings-list{display:flex;flex-direction:column;gap:7px;margin:8px 0}.standing-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-weight:700}.standing-item.winner{border-color:var(--neon-yellow);background:linear-gradient(90deg,#fee80129,#fee80105);box-shadow:0 0 16px #fee80133}.standing-item.is-me{border-color:#ff2a6d66;background:#ff2a6d1a}.modal-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px}.toast-popup{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#121929f2;border:1px solid var(--neon-cyan);box-shadow:0 6px 20px #0009,0 0 12px #05d9e859;color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:800;z-index:9999;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:90%;white-space:normal;text-align:center;line-height:1.35}.toast-popup.hidden{opacity:0;transform:translate(-50%) translateY(-20px)}.modal-profile-content{max-width:360px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.avatar-pick-item{font-size:1.8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.avatar-pick-item:active{transform:scale(.9)}.avatar-pick-item.selected{border-color:#05d9e8;background:#05d9e833;box-shadow:0 0 12px #05d9e866}.profile-input-group{display:flex;flex-direction:column;gap:6px;text-align:left;margin:10px 0}.profile-input-label{font-size:.76rem;font-weight:700;color:var(--text-muted)}.profile-text-input{background:#0006;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;color:#fff;font-family:var(--font-family);font-size:.95rem;font-weight:700;outline:none}.profile-text-input:focus{border-color:#ff2a6d}.modal-rules-content{max-width:420px;max-height:80vh;display:flex;flex-direction:column}.rules-scroll-body{overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:12px 0;text-align:left;padding-right:4px}.rule-item{display:flex;gap:12px;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}.rule-icon{font-size:1.4rem;flex-shrink:0}.rule-text{font-size:.8rem;line-height:1.4;color:var(--text-muted)}.rule-text strong{color:#fff}.handover-content{text-align:center;max-width:340px}.handover-icon{font-size:3rem;margin-bottom:6px}.handover-player-box{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff0f;border:1px solid rgba(5,217,232,.3);border-radius:14px;padding:12px;margin:12px 0}.handover-avatar{font-size:1.8rem}.handover-name{font-size:1.15rem;font-weight:900;color:#fff}