.privacy-policy-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.privacy-policy-modal{background:#1a1a2e;border-radius:12px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;border:2px solid #dc2626}.privacy-policy-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px 10px 0 0}.privacy-policy-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.privacy-policy-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s ease}.privacy-policy-close:hover{opacity:1}.privacy-policy-content{padding:24px;overflow-y:auto;flex:1;color:#ffffffe6;font-size:14px;line-height:1.6}.privacy-policy-updated{color:#ffffff80;font-size:13px;margin-bottom:24px;font-style:italic}.privacy-policy-content section{margin-bottom:24px}.privacy-policy-content h3{color:#fbbf24;font-size:16px;font-weight:600;margin:0 0 12px}.privacy-policy-content p{margin:0 0 12px}.privacy-policy-content ul{margin:0 0 12px;padding-left:24px}.privacy-policy-content li{margin-bottom:8px}.privacy-policy-content strong{color:#fff}.privacy-policy-contact{margin-top:8px}.privacy-policy-contact a{color:#60a5fa;text-decoration:none}.privacy-policy-contact a:hover{text-decoration:underline}.login-container{display:flex;width:100%;height:100vh;overflow:hidden}.login-panel{width:400px;min-width:400px;background:linear-gradient(135deg,#dc2626,#991b1b);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 20px #0000004d;z-index:10}.title{color:#fff;font-size:32px;font-weight:700;margin-bottom:60px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input{padding:12px 16px;border:none;border-radius:8px;font-size:16px;background:#ffffffe6;transition:all .3s ease}.form-group input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #dc26264d}.login-button,.donate-button,.toggle-mode-button{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:disabled,.toggle-mode-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{background:#fff;color:#dc2626}.login-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.login-button:active{transform:translateY(0)}.donate-button{background:transparent;color:#fff;border:2px solid white}.donate-button:hover{background:#ffffff1a;transform:translateY(-2px)}.donate-button:active{transform:translateY(0)}.toggle-mode-button{background:transparent;color:#fff;border:none;font-size:14px;font-weight:500;text-decoration:underline;margin-top:5px}.toggle-mode-button:hover{opacity:.8}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;animation:slideIn .3s ease}.error-message.success{background:#22c55e33;border-color:#22c55e80}.background-area{flex:1;background:linear-gradient(#0000004d,#0000004d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.background-area:not([style*=background-image]){background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.privacy-link{background:transparent;border:none;color:#ffffffb3;font-size:12px;cursor:pointer;margin-top:20px;text-decoration:underline;transition:color .2s ease}.privacy-link:hover{color:#fff}.add-to-homescreen-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUpFade .3s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.add-to-homescreen-content{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(139,92,246,.5);border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px #0006;max-width:340px}.add-to-homescreen-icon{font-size:24px;flex-shrink:0}.add-to-homescreen-text{display:flex;flex-direction:column;gap:2px}.add-to-homescreen-text strong{color:#fff;font-size:14px}.add-to-homescreen-text span{color:#ffffffb3;font-size:12px}.add-to-homescreen-close{width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.add-to-homescreen-close:active{background:#fff3}@media(max-height:500px)and (orientation:landscape){.add-to-homescreen-prompt{bottom:auto;top:60px}}.menu-container{display:flex;width:100%;height:100vh;overflow:hidden}.menu-panel{width:400px;min-width:400px;height:100%;background:linear-gradient(135deg,#dc2626,#991b1b);padding:40px;display:flex;flex-direction:column;box-shadow:2px 0 20px #0000004d;z-index:10}.menu-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.welcome-text{color:#fff;font-size:18px;text-align:center;margin-bottom:40px;opacity:.9}.menu-buttons{display:flex;flex-direction:column;flex:1;justify-content:space-between}.menu-buttons-main{display:flex;flex-direction:column;gap:16px}.menu-buttons-footer{display:flex;flex-direction:column;gap:10px}.menu-button{padding:16px 24px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.menu-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.menu-button.primary{background:#fff;color:#dc2626}.menu-button.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.menu-button.primary:active{transform:translateY(0)}.menu-button.solo-mode{background:linear-gradient(135deg,#9333ea,#7e22ce);color:#fff}.menu-button.solo-mode:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8);transform:translateY(-2px);box-shadow:0 4px 12px #9333ea66}.menu-button.solo-mode:active{transform:translateY(0)}.menu-button.tutorial{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #60a5fa}.menu-button.tutorial:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.menu-button.tutorial:active{transform:translateY(0)}.menu-button-row{display:flex;gap:12px;width:100%}.menu-button.small{flex:1;padding:10px 16px;font-size:14px;margin-top:0}.menu-button.secondary{background:transparent;color:#fff;border:2px solid white}.menu-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.menu-button.secondary:active{transform:translateY(0)}.menu-button.feedback{background:transparent;color:#a78bfa;border:2px solid #a78bfa}.menu-button.feedback:hover{background:#a78bfa1a;transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa4d}.menu-button.feedback:active{transform:translateY(0)}.menu-button.logout{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-size:14px;padding:12px 24px;margin-top:10px}.menu-button.logout:hover{background:#ffffff0d;border-color:#fff}.menu-privacy-link{background:none;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:8px;margin-top:8px;text-decoration:underline;transition:color .2s ease}.menu-privacy-link:hover{color:#fffc}.menu-background-area{flex:1;background:linear-gradient(#0000004d,#0000004d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.menu-background-area:not([style*=background-image]){background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}@media(max-height:500px)and (orientation:landscape){.menu-container{overflow:hidden}.menu-panel{width:320px;min-width:320px;padding:20px;overflow-y:auto}.menu-title{font-size:24px;margin-bottom:12px}.welcome-text{font-size:14px;margin-bottom:20px}.menu-buttons-main{gap:10px}.menu-button{padding:12px 16px;font-size:14px}.menu-button.small{padding:8px 12px;font-size:12px}.menu-button.logout{padding:10px 16px;font-size:12px;margin-top:6px}.menu-buttons-footer{gap:6px}}.private-match-container{display:flex;width:100%;height:100vh;overflow:hidden}.private-match-panel{width:400px;min-width:400px;background:linear-gradient(135deg,#dc2626,#991b1b);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 20px #0000004d;z-index:10}.private-match-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.private-match-subtitle{color:#fff;font-size:16px;text-align:center;margin-bottom:40px;opacity:.9;line-height:1.5}.private-match-buttons{display:flex;flex-direction:column;gap:16px}.private-match-button{padding:16px 24px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.private-match-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.private-match-button.primary{background:#fff;color:#dc2626}.private-match-button.primary:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.private-match-button.primary:active{transform:translateY(0)}.private-match-button.secondary{background:transparent;color:#fff;border:2px solid white}.private-match-button.secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.private-match-button.secondary:active{transform:translateY(0)}.private-match-button.back{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);font-size:16px;margin-top:10px}.private-match-button.back:hover{background:#ffffff0d;border-color:#fff}.form-group{margin-bottom:30px}.form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.room-code-input{width:100%;padding:16px 20px;border:none;border-radius:8px;font-size:24px;font-weight:700;text-align:center;letter-spacing:4px;background:#ffffffe6;transition:all .3s ease;text-transform:uppercase}.room-code-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px #dc26264d}.room-code-input:disabled{opacity:.6;cursor:not-allowed}.room-code-display{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:30px 20px;margin-bottom:40px;text-align:center}.room-code-label{color:#fff;font-size:14px;margin-bottom:15px;opacity:.9}.room-code-value{background:#fff;color:#dc2626;font-size:36px;font-weight:700;letter-spacing:8px;padding:20px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 12px #0003;-webkit-user-select:all;user-select:all}.room-code-hint{color:#fff;font-size:14px;opacity:.8;animation:pulse 2s ease-in-out infinite}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.private-match-background-area{flex:1;background:linear-gradient(#0000004d,#0000004d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.private-match-background-area:not([style*=background-image]){background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.findmatch-container{display:flex;height:100vh;width:100%}.findmatch-panel{width:500px;background-color:#fffffff2;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:4px 0 15px #0000001a;position:relative;z-index:10}.findmatch-background-area{flex:1;background:linear-gradient(135deg,#dc143c,#8b0000);position:relative}.findmatch-title{font-size:48px;font-weight:700;color:#dc143c;margin-bottom:20px;text-align:center}.findmatch-subtitle{font-size:18px;color:#555;text-align:center;margin-bottom:40px;line-height:1.5}.findmatch-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.findmatch-button{padding:15px 30px;font-size:18px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.findmatch-button.primary{background-color:#dc143c;color:#fff}.findmatch-button.primary:hover:not(:disabled){background-color:#b01030;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c66}.findmatch-button.cancel{background-color:#ff6b6b;color:#fff}.findmatch-button.cancel:hover:not(:disabled){background-color:#ee5a52;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.findmatch-button.back{background-color:#f0f0f0;color:#333}.findmatch-button.back:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-2px)}.findmatch-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#ffe6e6;color:#d32f2f;padding:15px 20px;border-radius:8px;margin-bottom:20px;width:100%;text-align:center;border:1px solid #ffcdd2;font-size:16px}.searching-status{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px 0;width:100%}.searching-spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #dc143c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searching-text{font-size:24px;font-weight:600;color:#dc143c;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.queue-info{font-size:18px;color:#666;margin:0;text-align:center}.phase-controls{position:absolute;bottom:20px;left:20px;right:20px}.phase-controls-row{display:flex;gap:8px;align-items:stretch}.quick-chat-btn{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;border-radius:8px;background:#4f46e54d;border:2px solid #6366f1;font-size:18px;cursor:pointer;transition:all .2s ease}.quick-chat-btn:hover{background:#4f46e580;transform:scale(1.05)}.quick-chat-btn.active{background:#4f46e599;box-shadow:0 0 12px #6366f180}.quick-chat-dropdown{background:#0f172af2;border-radius:8px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px;border:1px solid #334155;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.quick-chat-dropdown .quick-chat-row{display:flex;gap:6px}.quick-chat-dropdown button{flex:1;padding:6px 8px;background:#374151;border:1px solid #4b5563;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;white-space:nowrap;transition:all .15s ease}.quick-chat-dropdown button:hover{background:#4f46e5;border-color:#6366f1}.phase-header{margin-bottom:15px}.phase-name{color:#fbbf24;font-size:20px;font-weight:700;margin:0 0 8px;text-shadow:0 0 10px rgba(251,191,36,.5)}.turn-info{color:#ffffffb3;font-size:14px;font-weight:600}.phase-description{color:#ffffffe6;font-size:14px;margin-bottom:12px;line-height:1.4}.active-player{color:#fffc;font-size:14px;margin-bottom:15px;padding:8px 12px;background:#ffffff0d;border-left:3px solid #fbbf24;border-radius:4px}.active-player strong{color:#fbbf24}.phase-guidance{margin:15px 0;padding:12px;background:#0003;border-radius:6px}.phase-guidance p{color:#ffffffe6;font-size:14px;margin:8px 0;line-height:1.4}.phase-guidance p:first-child{margin-top:0}.phase-guidance p:last-child{margin-bottom:0}.phase-guidance strong{color:#fbbf24;font-weight:600}.phase-hint{color:#fff9!important;font-size:13px!important;font-style:italic}.battle-results{display:flex;gap:20px;margin-top:12px;padding:12px;background:#fbbf241a;border-radius:4px}.battle-results div{color:#fff;font-size:14px}.battle-results strong{color:#fbbf24;font-size:18px;font-weight:700}.game-over{padding:20px;text-align:center;background:linear-gradient(135deg,#fbbf2433,#dc262633);border-radius:8px;border:2px solid #fbbf24}.winner-text{color:#fbbf24;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 20px rgba(251,191,36,.8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.priority-turn-indicator{background:#ffd70033;border:2px solid rgba(255,215,0,.5);border-radius:8px;padding:8px 12px;margin:8px 0;text-align:center;color:gold;font-size:14px}.advance-phase-button{flex:1;padding:14px 24px;border:2px solid #fbbf24;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fbbf24;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px rgba(251,191,36,.5)}.advance-phase-button:hover:not(:disabled){background:linear-gradient(135deg,#fbbf244d,#fbbf2433);border-color:#fde68a;transform:translateY(-2px);box-shadow:0 0 20px #fbbf2466}.advance-phase-button:active:not(:disabled){transform:translateY(0)}.advance-phase-button:disabled{opacity:.5;cursor:not-allowed;border-color:#ffffff4d;color:#ffffff80;background:#ffffff1a}.back-arrow-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:8px 12px;line-height:1;transition:all .2s ease;text-align:center;flex-shrink:0}.back-arrow-button:hover{background:#ffffff26;border-color:#fff6;transform:translate(-2px);text-shadow:0 0 10px rgba(255,255,255,.5)}.phase-guidance-tooltip{position:absolute;left:120px;z-index:9999;max-width:250px;padding:16px;background:#000000f2;border:2px solid rgba(251,191,36,.5);border-radius:8px;box-shadow:0 4px 20px #000000b3;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase-guidance-tooltip p{color:#ffffffe6;font-size:14px;margin:8px 0;line-height:1.4}.phase-guidance-tooltip p:first-child{margin-top:0}.phase-guidance-tooltip p:last-child{margin-bottom:0}.phase-guidance-tooltip strong{color:#fbbf24;font-weight:600}.phase-guidance-tooltip .phase-hint{color:#fff9;font-size:13px;font-style:italic}.phase-guidance-tooltip .priority-turn-indicator{background:#ffd70033;border:2px solid rgba(255,215,0,.5);border-radius:8px;padding:8px 12px;margin:8px 0;text-align:center;color:gold;font-size:14px}.phase-guidance-tooltip .battle-results{display:flex;gap:20px;margin-top:12px;padding:12px;background:#fbbf241a;border-radius:4px}.phase-guidance-tooltip .battle-results div{color:#fff;font-size:14px}.phase-guidance-tooltip .battle-results strong{color:#fbbf24;font-size:18px;font-weight:700}.phase-guidance-tooltip .game-over{padding:20px;text-align:center;background:linear-gradient(135deg,#fbbf2433,#dc262633);border-radius:8px;border:2px solid #fbbf24}.phase-guidance-tooltip .winner-text{color:#fbbf24;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 20px rgba(251,191,36,.8)}.phase-indicator{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.phase-indicator-header{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3)}.player-role-item{display:flex;align-items:center;gap:6px}.role-label{color:#fff9;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-value{color:#fbbf24;font-size:10px;font-weight:700;text-shadow:0 0 5px rgba(251,191,36,.5)}.phase-indicator-item{display:flex;align-items:center;gap:6px;opacity:.5;transition:opacity .3s ease;cursor:pointer}.phase-indicator-item:hover{opacity:.8}.phase-indicator-item.active{opacity:1}.phase-indicator-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:1px solid rgba(255,255,255,.6);transition:all .3s ease;flex-shrink:0}.phase-indicator-item.active .phase-indicator-dot{width:12px;height:12px;background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2499}.phase-indicator-label{color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.phase-indicator-item.active .phase-indicator-label{font-weight:700;text-shadow:0 0 5px rgba(251,191,36,.5)}.card-preview-container{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-preview-container.empty{aspect-ratio:63/88}.highlight-hint{color:#fbbf2499;font-size:11px;margin:8px 0 0;text-align:center;outline:none;border:none}.preview-placeholder{text-align:center;color:#fff6;font-size:14px;font-style:italic;padding:20px}.card-preview-image{width:100%;aspect-ratio:63/88;border-radius:8px;overflow:hidden;background:#00000080;box-shadow:0 4px 12px #00000080}.card-preview-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card-preview-image img.face-down{filter:brightness(.3)}.reveal-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.reveal-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a0000);border:2px solid #fbbf24;border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.reveal-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(251,191,36,.3)}.reveal-modal-header h3{color:#fbbf24;font-size:18px;margin:0}.reveal-modal-close{background:none;border:none;color:#fbbf24;font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.reveal-modal-close:hover{color:#fde68a}.reveal-modal-discard-btn{background:linear-gradient(135deg,#dc2626,#991b1b);border:1px solid #fbbf24;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;transition:all .2s ease}.reveal-modal-discard-btn:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#fde68a;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.reveal-modal-discard-btn:active{transform:translateY(0);box-shadow:0 2px 4px #dc26264d}.reveal-modal-cards-container{display:flex;align-items:center;gap:20px}.deck-order-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px}.deck-order-label{color:#fbbf24;font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(251,191,36,.5)}.deck-order-arrow{color:#fbbf24;font-size:32px;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.5)}.reveal-modal-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.reveal-modal-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:move;transition:all .2s ease;padding:8px;border-radius:8px}.reveal-modal-card.dragging{opacity:.4;transform:scale(.95)}.reveal-modal-card.drag-over{background:#fbbf2426;border:2px dashed #fbbf24}.reveal-modal-card.card-highlighted{background:#fbbf2440;border-radius:8px;box-shadow:0 0 20px #fbbf2499,0 0 40px #fbbf244d;animation:highlightPulse 1.5s ease-in-out infinite}.reveal-modal-card.card-highlighted img{border-color:#fbbf24;box-shadow:0 0 15px #fbbf24cc}@keyframes highlightPulse{0%,to{box-shadow:0 0 20px #fbbf2499,0 0 40px #fbbf244d}50%{box-shadow:0 0 30px #fbbf24cc,0 0 60px #fbbf2480}}.reveal-modal-card img{width:90px;height:126px;border-radius:8px;border:2px solid rgba(251,191,36,.5);object-fit:cover}.reveal-modal-backdrop.modal-dragging{pointer-events:none}.reveal-modal-backdrop.modal-dragging .reveal-modal-content{pointer-events:auto}.deck-placement-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:flex-end;padding-right:50px;padding-bottom:60px;z-index:10000;animation:fadeIn .15s ease-in-out}.deck-placement-modal{background:linear-gradient(135deg,#1a1a1a,#2a0000);border:2px solid #fbbf24;border-radius:12px;padding:24px;min-width:320px}.deck-placement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(251,191,36,.3)}.deck-placement-header h3{color:#fbbf24;font-size:16px;margin:0}.deck-placement-close{background:none;border:none;color:#fbbf24;font-size:28px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:28px;height:28px}.deck-placement-close:hover{color:#fde68a}.deck-placement-buttons{display:flex;flex-direction:column;gap:12px}.deck-placement-button{padding:14px 20px;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:2px solid #fbbf24;border-radius:8px;color:#fbbf24;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.deck-placement-button:hover{background:linear-gradient(135deg,#fbbf244d,#fbbf2433);border-color:#fde68a;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.deck-placement-button:active{transform:translateY(0)}.discards-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.discards-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a0000);border:2px solid #fbbf24;border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.discards-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(251,191,36,.3)}.discards-modal-header h3{color:#fbbf24;font-size:18px;margin:0}.discards-modal-close{background:none;border:none;color:#fbbf24;font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.discards-modal-close:hover{color:#fde68a}.discards-modal-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.discards-modal-card{display:flex;flex-direction:column;align-items:center;gap:8px}.card-position{color:#fbbf24;font-size:12px;font-weight:600}.discards-modal-card img{width:90px;height:126px;border-radius:8px;border:2px solid rgba(251,191,36,.5);object-fit:cover;cursor:grab;transition:all .2s ease}.discards-modal-card img:hover{transform:scale(1.05);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2499}.discards-modal-card img:active{cursor:grabbing}.card-info{color:#ffffffe6;font-size:11px;text-align:center;max-width:90px}.discards-modal-backdrop.modal-dragging{pointer-events:none}.discards-modal-backdrop.modal-dragging .discards-modal-content{pointer-events:auto}.exile-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.exile-modal-content{background:linear-gradient(135deg,#1a1a2e,#2d1b3d);border:2px solid #a78bfa;border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.exile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(167,139,250,.3)}.exile-modal-header h3{color:#a78bfa;font-size:18px;margin:0}.exile-modal-close{background:none;border:none;color:#a78bfa;font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.exile-modal-close:hover{color:#c4b5fd}.exile-modal-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.exile-modal-card{display:flex;flex-direction:column;align-items:center;gap:8px}.exile-modal-card .card-position{color:#a78bfa;font-size:12px;font-weight:600}.exile-modal-card img{width:90px;height:126px;border-radius:8px;border:2px solid rgba(167,139,250,.5);object-fit:cover;cursor:grab;transition:all .2s ease}.exile-modal-card img:hover{transform:scale(1.05);border-color:#a78bfa;box-shadow:0 0 15px #a78bfa99}.exile-modal-card img:active{cursor:grabbing}.exile-modal-card .card-info{color:#ffffffe6;font-size:11px;text-align:center;max-width:90px}.exile-modal-backdrop.modal-dragging{pointer-events:none}.exile-modal-backdrop.modal-dragging .exile-modal-content{pointer-events:auto}.field-stack-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:10000;animation:fadeIn .2s ease-in-out}.field-stack-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a0000);border:2px solid #fbbf24;border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow:auto}.field-stack-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(251,191,36,.3)}.field-stack-modal-header h3{color:#fbbf24;font-size:18px;margin:0}.field-stack-modal-close{background:none;border:none;color:#fbbf24;font-size:32px;font-weight:700;cursor:pointer;line-height:1;padding:0;width:32px;height:32px}.field-stack-modal-close:hover{color:#fde68a}.field-stack-modal-cards{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.field-stack-card{display:flex;flex-direction:column;align-items:center;gap:8px}.stack-position{color:#fbbf24;font-size:14px;font-weight:700;min-width:70px;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#fbbf241a;padding:8px 12px;border-radius:6px;border:1px solid rgba(251,191,36,.3)}.field-stack-card img{width:90px;height:126px;border-radius:8px;border:2px solid rgba(251,191,36,.5);object-fit:cover;cursor:grab;transition:all .2s ease}.field-stack-card img:hover{transform:scale(1.05);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2499}.field-stack-card img:active{cursor:grabbing}.card-info{color:#ffffffe6;font-size:13px;flex:1}.face-down-indicator{color:#60a5fa;font-style:italic;font-size:11px}.field-stack-modal-backdrop.modal-dragging{pointer-events:none}.field-stack-modal-backdrop.modal-dragging .field-stack-modal-content{pointer-events:auto}.game-screen-container{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.game-screen-sidebar{width:300px;min-width:300px;background:linear-gradient(135deg,#dc2626,#991b1b);padding:20px;display:flex;flex-direction:column;box-shadow:2px 0 20px #0000004d;z-index:10;overflow-y:auto;position:relative}.sidebar-feedback-link{padding:4px 8px;text-align:center;color:#c4b5fd;font-size:11px;text-decoration:none;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:4px;transition:all .2s ease;margin-bottom:8px}.sidebar-feedback-link:hover{color:#e9d5ff;background:#8b5cf640;border-color:#8b5cf680}.game-screen-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc2626,#991b1b)}.game-screen-title{color:#fff;font-size:32px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.3)}.top-info-row{display:flex;gap:8px;margin-bottom:16px}.compact-info-row{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;flex-wrap:wrap;flex:1}.compact-info-item{display:flex;align-items:center;gap:4px;font-size:11px}.compact-label{color:#fff9;font-weight:500}.compact-value{color:#fff;font-weight:600}.player-you{color:#fbbf24}.player-opponent{color:#60a5fa}.game-screen-main{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000);position:relative}.game-screen-background-area{flex:1;background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.game-placeholder{text-align:center;padding:60px;max-width:600px}.placeholder-title{color:#fff;font-size:48px;font-weight:700;margin-bottom:30px;text-shadow:0 0 10px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.5)}.placeholder-text{color:#ffffffb3;font-size:18px;line-height:1.6;margin-bottom:20px}.placeholder-icon{font-size:120px;margin-top:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.game-field{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;gap:0}.opponent-field,.player-field{flex:1;display:flex;flex-direction:column;gap:15px}.field-middle{position:relative;display:flex;align-items:center;justify-content:center;margin:10px 0}.field-middle:after{content:"";width:70px;flex-shrink:0}.field-divider{position:absolute;width:100%;height:3px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);box-shadow:0 0 10px #fbbf2480;z-index:1}.deck-area,.discard-area{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;position:relative;z-index:6}.deck-stack{width:90px;height:126px;background:linear-gradient(135deg,#dc2626,#991b1b);border:3px solid #fbbf24;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d,0 0 20px #fbbf244d;position:relative;cursor:pointer;transition:transform .2s ease}.deck-stack:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0006,0 0 30px #fbbf2480}.deck-stack:before{content:"";position:absolute;top:-3px;left:-3px;width:90px;height:126px;background:linear-gradient(135deg,#dc2626,#991b1b);border:3px solid #fbbf24;border-radius:8px;z-index:-1;opacity:.5}.deck-count{color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.discard-pile{width:90px;height:126px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.discard-pile:hover{background:#ffffff1a;border-color:#ffffff80}.zone-label{color:#fbbf24;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(251,191,36,.5)}.deck-discard-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px}.exile-button{width:60px;height:60px;border:2px dashed rgba(167,139,250,.5);border-radius:50%;background:#a78bfa1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;margin-right:10px;flex-shrink:0}.exile-button:hover{background:#a78bfa33;border-color:#a78bfacc;box-shadow:0 0 15px #a78bfa80}.exile-button.drop-zone-active{border-color:#a78bfa;border-style:solid;background:#a78bfa4d;box-shadow:0 0 20px #a78bfa99}.exile-icon{color:#a78bfa;font-size:28px;font-weight:700;line-height:1}.exile-count{color:#a78bfa;font-size:11px;font-weight:600;position:absolute;bottom:4px}.exile-button.clickable:hover{cursor:pointer;transform:scale(1.05)}.scene-area{border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;margin:0 20px;padding:10px;display:flex;align-items:center;justify-content:center;position:relative}.shared-scene{z-index:2;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:126px;height:90px;min-width:126px;min-height:90px;border:2px dashed #fbbf24;box-shadow:0 0 20px #fbbf244d;overflow:visible}.scene-label{color:#ffffff80;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.shared-scene .scene-label{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.battle-area{min-height:140px;display:flex;gap:12px;align-items:center;padding:10px 0}.opponent-battle,.player-battle{justify-content:flex-end;padding-right:137px;padding-left:20px}.character-slot{width:90px;height:126px;border:2px solid rgba(139,0,0,.5);border-radius:8px;background:#8b00001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;min-height:126px}.character-slot:hover{background:#8b000033;border-color:#dc2626b3;box-shadow:0 0 15px #dc26264d}.character-slot:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(139,0,0,.3);border-radius:6px;pointer-events:none}.character-slot.occupied{border-color:#fbbf2499;box-shadow:0 0 10px #fbbf244d}.card-stack{position:relative;width:100%;height:100%}.stacked-card{box-shadow:0 2px 4px #0000004d}.character-slot-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.stack-bp{color:#fbbf24;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px rgba(251,191,36,.8),0 2px 4px rgba(0,0,0,.5);background:#0009;padding:3px 8px;border-radius:4px;border:1px solid rgba(251,191,36,.4);white-space:nowrap}@keyframes battle-bump-upward{0%{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(-10px)}75%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes battle-bump-downward{0%{transform:translateY(0)}25%{transform:translateY(15px)}50%{transform:translateY(10px)}75%{transform:translateY(15px)}to{transform:translateY(0)}}.battle-bump-host{animation:battle-bump-upward .8s ease-in-out}.battle-bump-guest{animation:battle-bump-downward .8s ease-in-out}@keyframes defeated-rotation{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.defeated-rotate{animation:defeated-rotation 1.2s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:forwards}.already-defeated{transform:rotate(90deg)}.hand-zone{display:flex;gap:10px;justify-content:center;align-items:flex-start;padding:15px 20px;position:fixed;bottom:-63px;left:320px;right:0;overflow-x:auto;overflow-y:hidden;z-index:5}.opponent-hand{top:-63px;bottom:auto;align-items:flex-end}.hand-card{width:90px;height:126px;flex-shrink:0;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.hand-card:active{cursor:grabbing}.hand-card:hover{transform:translateY(-10px);z-index:10}.opponent-hand-card:hover{transform:translateY(10px)}.hand-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #fbbf24;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 8px #0000004d}.hand-card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#1e40af,#1e3a8a);border:2px solid #3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:48px;font-weight:700;box-shadow:0 4px 8px #0000004d;position:relative;overflow:hidden}.hand-card-back:before{content:"?";position:absolute;font-size:64px;opacity:.2}.drop-zone-active{background:#fbbf244d!important;border-color:#fbbf24!important;box-shadow:0 0 20px #fbbf2499!important;transform:scale(1.05);transition:all .2s ease}.dragging .character-slot:not(.occupied),.dragging .scene-area,.dragging .discard-pile{border-style:solid!important;border-color:#fbbf2480!important}.dragging .deck-area{border-color:#fbbf2480;cursor:copy}.clickable{cursor:pointer}.clickable:hover{filter:brightness(1.2)}.discard-pile.clickable:hover{box-shadow:0 0 10px #fbbf2499}.character-slot.clickable:hover{border-color:#fbbf24cc}.character-slot.swap-mode-active{cursor:pointer;border:2px solid rgba(251,191,36,.5);box-shadow:0 0 10px #fbbf2466}.character-slot.swap-mode-active:hover{border-color:#fbbf24e6;box-shadow:0 0 15px #fbbf2499}.character-slot.swap-first-selected{border:3px solid #fbbf24!important;box-shadow:0 0 20px #fbbf24cc!important;background:#fbbf241a}.hand-zone.drop-zone-active{background:#fbbf241a;border:2px dashed rgba(251,191,36,.6);border-radius:8px}.face-down{filter:brightness(.5)}.effect-panel{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;z-index:100;width:120px}.effect-panel-header{width:100%;padding:8px;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:none;border-radius:8px;color:#a78bfa;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:left}.effect-panel-header:hover{background:linear-gradient(135deg,#8b5cf64d,#8b5cf633)}.effect-panel-content{padding:8px;display:flex;flex-direction:column;gap:6px}.effect-section{display:flex;flex-direction:column;gap:6px}.effect-section label{color:#ffffffe6;font-size:12px;font-weight:600}.effect-buttons{display:flex;gap:8px}.effect-btn{padding:6px 8px;font-size:10px;font-weight:600;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000004d;width:100%}.effect-btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0006}.effect-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d}.effect-btn.bp-plus{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.effect-btn.bp-plus:hover{background:linear-gradient(135deg,#34d399,#10b981)}.effect-btn.bp-plus.selected{border-color:#10b981;box-shadow:0 0 12px #10b98199,0 2px 4px #0000004d}.effect-btn.bp-minus{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.effect-btn.bp-minus:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.effect-btn.bp-minus.selected{border-color:#ef4444;box-shadow:0 0 12px #ef444499,0 2px 4px #0000004d}.effect-btn.grade-up{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.effect-btn.grade-up:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.effect-btn.grade-up.selected{border-color:#3b82f6;box-shadow:0 0 12px #3b82f699,0 2px 4px #0000004d}.effect-btn.grade-down{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.effect-btn.grade-down:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.effect-btn.grade-down.selected{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b99,0 2px 4px #0000004d}.effect-btn.type-power{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.effect-btn.type-power:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.effect-btn.type-power.selected{border-color:#dc2626;box-shadow:0 0 12px #dc262699,0 2px 4px #0000004d}.effect-btn.type-speed{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff}.effect-btn.type-speed:hover{background:linear-gradient(135deg,#06b6d4,#0891b2)}.effect-btn.type-speed.selected{border-color:#0891b2;box-shadow:0 0 12px #0891b299,0 2px 4px #0000004d}.effect-btn.type-wild{background:linear-gradient(135deg,#65a30d,#4d7c0f);color:#fff}.effect-btn.type-wild:hover{background:linear-gradient(135deg,#84cc16,#65a30d)}.effect-btn.type-wild.selected{border-color:#65a30d;box-shadow:0 0 12px #65a30d99,0 2px 4px #0000004d}.effect-btn.type-give{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.effect-btn.type-give:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.effect-btn.type-give.selected{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf699,0 2px 4px #0000004d}.effect-btn.type-change{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.effect-btn.type-change:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.effect-btn.type-change.selected{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b99,0 2px 4px #0000004d}.effect-btn.swap-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.effect-btn.swap-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.effect-btn.swap-btn.selected{border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf699,0 2px 4px #0000004d}.effect-selected-info{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:4px;color:#a78bfa;font-size:9px;font-weight:600}.effect-clear-btn{padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#fff;font-size:10px;cursor:pointer;transition:all .2s ease}.effect-clear-btn:hover{background:#fff3}.effect-instructions{text-align:center;color:#fff9;font-size:8px;font-style:italic}.character-slot.effect-targetable{border:2px solid #a78bfa;box-shadow:0 0 16px #a78bfa80;cursor:pointer}.character-slot.effect-targetable:hover{border-color:#c4b5fd;box-shadow:0 0 20px #a78bfab3}.effect-icons{position:absolute;bottom:100%;left:0%;transform:translate(-0%);display:flex;flex-wrap:wrap-reverse;gap:4px;z-index:10;width:120px;justify-content:flex-start;margin-bottom:2px}.effect-icon{position:relative;min-width:28px;max-width:fit-content;height:28px;padding:0 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff3;flex:0 0 auto;flex-shrink:0}.effect-icon.clickable-icon{cursor:pointer;transition:all .2s ease}.effect-icon.clickable-icon:hover{transform:scale(1.15);box-shadow:0 4px 8px #0009,inset 0 1px 2px #ffffff4d;filter:brightness(1.2)}.effect-icon.positive{background:linear-gradient(135deg,#10b981d9,#059669e6);border-color:#10b981cc}.effect-icon.negative{background:linear-gradient(135deg,#ef4444d9,#dc2626e6);border-color:#ef4444cc}.effect-icon.grade-up{background:linear-gradient(135deg,#3b82f6d9,#2563ebe6);border-color:#3b82f6cc}.effect-icon.grade-down{background:linear-gradient(135deg,#f59e0bd9,#d97706e6);border-color:#f59e0bcc}.effect-icon.type-power{background:linear-gradient(135deg,#dc2626d9,#991b1be6);border-color:#dc2626cc}.effect-icon.type-speed{background:linear-gradient(135deg,#3b82f6d9,#2563ebe6);border-color:#3b82f6cc}.effect-icon.type-armed{background:linear-gradient(135deg,#22c55ed9,#16a34ae6);border-color:#22c55ecc}.effect-icon.type-basic{background:linear-gradient(135deg,#64748bd9,#475569e6);border-color:#64748bcc}.effect-symbol{font-size:12px;font-weight:900;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.5);line-height:1;white-space:nowrap}.effect-count{position:absolute;top:-2px;right:-2px;color:#fff;font-size:8px;font-weight:900;text-align:center;line-height:1;text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0 0 4px rgba(0,0,0,1)}.effect-btn.reveal-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.effect-btn.reveal-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.effect-btn.reveal-btn.selected{background:linear-gradient(135deg,#c4b5fd,#a78bfa);box-shadow:0 0 20px #8b5cf699}.hand-card.reveal-mode-active{cursor:pointer;box-shadow:0 0 16px #8b5cf6cc;border:2px solid #a78bfa;transition:all .2s ease}.hand-card.reveal-mode-active:hover{transform:translateY(-8px);box-shadow:0 0 24px #8b5cf6;border-color:#c4b5fd}.effect-btn.deck-tools-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.effect-btn.deck-tools-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1)}.effect-btn.deck-tools-btn.selected{background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 0 20px #6366f199}.deck-tools-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.deck-tools-modal-content{background:#1a1a2e;border-radius:12px;border:2px solid #6366f1;min-width:280px;max-width:320px;box-shadow:0 8px 32px #00000080}.deck-tools-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px 10px 0 0}.deck-tools-modal-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.deck-tools-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8}.deck-tools-modal-close:hover{opacity:1}.deck-tools-modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.deck-tools-section{display:flex;align-items:center;gap:10px}.deck-tools-section label{color:#fffc;font-size:14px;white-space:nowrap}.deck-tools-select{flex:1;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer}.deck-tools-select:focus{outline:none;border-color:#6366f1}.deck-tools-reveal{display:flex;align-items:center;gap:8px}.deck-tools-input{width:50px;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;text-align:center}.deck-tools-input:focus{outline:none;border-color:#6366f1}.deck-tools-number-control{display:flex;align-items:center;gap:4px}.deck-tools-stepper{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.deck-tools-stepper:hover{background:#6366f14d;border-color:#6366f1}.deck-tools-stepper:active{transform:scale(.95)}.deck-tools-number-display{width:36px;text-align:center;font-size:16px;font-weight:600;color:#fff}.deck-tools-action-btn{flex:1;padding:10px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.deck-tools-action-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px)}.deck-tools-action-btn:active{transform:translateY(0)}.reveal-flash-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:flashFadeIn .2s ease-out}@keyframes flashFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reveal-flash-content{position:relative;animation:flashPulse .4s ease-out}@keyframes flashPulse{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reveal-flash-card{max-width:500px;max-height:700px;border-radius:12px;box-shadow:0 0 60px #8b5cf6cc,0 0 120px #8b5cf666,0 20px 80px #000c;border:3px solid rgba(139,92,246,.6)}.type-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.type-modal-content{background:linear-gradient(135deg,#1a1a1a,#2d1a3d);border:2px solid rgba(139,92,246,.5);border-radius:12px;padding:24px;min-width:400px;box-shadow:0 20px 60px #000c;animation:slideUp .3s ease-out}.type-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(139,92,246,.3)}.type-modal-header h3{color:#a78bfa;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 10px rgba(167,139,250,.5)}.type-modal-close{background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.type-modal-close:hover{color:#fff}.type-modal-body{display:flex;flex-direction:column;gap:16px}.type-modal-instructions{color:#ffffffb3;font-size:14px;margin:0;text-align:center}.type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-option-btn{padding:16px 24px;font-size:14px;font-weight:700;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #0006;color:#fff}.type-option-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0009}.type-option-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0006}.type-option-btn.type-power{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc262680}.type-option-btn.type-power:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 6px 12px #dc262699}.type-option-btn.type-speed{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b280}.type-option-btn.type-speed:hover{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0891b2;box-shadow:0 6px 12px #0891b299}.type-option-btn.type-armed{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed80}.type-option-btn.type-armed:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;box-shadow:0 6px 12px #7c3aed99}.type-option-btn.type-basic{background:linear-gradient(135deg,#64748b,#475569);border-color:#64748b80}.type-option-btn.type-basic:hover{background:linear-gradient(135deg,#94a3b8,#64748b);border-color:#64748b;box-shadow:0 6px 12px #64748b99}.opponent-disconnected-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.opponent-disconnected-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:2px solid #10b981;padding:32px 48px;text-align:center;box-shadow:0 8px 32px #10b9814d}.opponent-disconnected-content h2{color:#10b981;font-size:28px;margin:0 0 16px}.opponent-disconnected-content p{color:#a0aec0;font-size:18px;margin:0 0 24px}.opponent-disconnected-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.opponent-disconnected-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.action-pending-indicator{position:fixed;bottom:20px;right:20px;background:#6366f1e6;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #6366f166;z-index:1000}.action-pending-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.charge-indicator{position:absolute;bottom:-12px;right:-8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer;z-index:15;border:2px solid #f59e0b;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.charge-indicator:hover{transform:scale(1.1)}.charge-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1f2937!important}.charge-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.charge-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.charge-modal-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:16px;padding:0;min-width:350px;max-width:450px;box-shadow:0 20px 40px #00000080;border:2px solid #fbbf24}.charge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(251,191,36,.3)}.charge-modal-header h3{margin:0;color:#fbbf24;font-size:18px}.charge-modal-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;line-height:1}.charge-modal-close:hover{color:#fff}.charge-modal-body{padding:20px}.charge-card-display{display:flex;justify-content:center;margin-bottom:16px}.charge-card-image{width:120px;height:168px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0006}.charge-instructions{text-align:center;color:#d1d5db;margin-bottom:16px;font-size:14px}.charge-battle-areas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.charge-area-btn{padding:10px 20px;background:linear-gradient(135deg,#374151,#1f2937);border:2px solid #4b5563;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.charge-area-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-color:#fbbf24}.opponent-reveal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.opponent-reveal-content{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:16px;padding:0;min-width:280px;max-width:350px;box-shadow:0 20px 40px #0009;border:2px solid #3b82f6}.opponent-reveal-header{padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.3)}.opponent-reveal-header h3{margin:0;color:#3b82f6;font-size:16px;text-align:center}.opponent-reveal-body{padding:20px;text-align:center}.opponent-reveal-card-display{display:flex;justify-content:center;margin-bottom:16px}.opponent-reveal-card-image{width:140px;height:196px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #3b82f666;border:2px solid #3b82f6}.opponent-reveal-info{color:#fff;font-size:16px;font-weight:700;margin-bottom:12px}.opponent-reveal-waiting{color:#9ca3af;font-size:13px;font-style:italic}.opponent-deck-reveal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.opponent-deck-reveal-content{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:16px;padding:0;min-width:300px;max-width:90vw;max-height:90vh;box-shadow:0 20px 40px #0009;border:2px solid #3b82f6}.opponent-deck-reveal-header{padding:16px 20px;border-bottom:1px solid rgba(59,130,246,.3)}.opponent-deck-reveal-header h3{margin:0;color:#3b82f6;font-size:16px;text-align:center}.opponent-deck-reveal-body{padding:20px;text-align:center}.opponent-deck-reveal-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.opponent-deck-reveal-card{width:90px;height:126px;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.opponent-deck-reveal-card-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.opponent-deck-reveal-card.card-highlighted{box-shadow:0 0 20px 5px #fbbf24,0 0 40px 10px #fbbf2480;animation:pulseHighlight 1.5s infinite;z-index:10}.opponent-deck-reveal-info{color:#9ca3af;font-size:13px;font-style:italic}.my-reveal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease-out}.my-reveal-content{background:linear-gradient(135deg,#3d2a1a,#1a1207);border-radius:16px;padding:0;min-width:280px;max-width:350px;box-shadow:0 20px 40px #fbbf244d;border:2px solid #fbbf24;animation:scaleIn .2s ease-out}.my-reveal-header{padding:16px 20px;border-bottom:1px solid rgba(251,191,36,.3)}.my-reveal-header h3{margin:0;color:#fbbf24;font-size:16px;text-align:center}.my-reveal-body{padding:20px;text-align:center}.my-reveal-card-display{display:flex;justify-content:center;margin-bottom:16px}.my-reveal-card-image{width:140px;height:196px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #fbbf2466}.my-reveal-info{color:#fff;font-size:16px;font-weight:700;margin:0}.charge-viewer-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.charge-viewer-backdrop.modal-dragging{pointer-events:none}.charge-viewer-backdrop.modal-dragging .charge-viewer-content{pointer-events:auto}.charge-viewer-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:16px;padding:0;min-width:300px;max-width:500px;box-shadow:0 20px 40px #00000080;border:2px solid #fbbf24}.charge-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(251,191,36,.3)}.charge-viewer-header h3{margin:0;color:#fbbf24;font-size:16px}.charge-viewer-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:0;line-height:1}.charge-viewer-close:hover{color:#fff}.charge-viewer-body{padding:20px;color:#d1d5db}.charge-cards-container{display:flex;flex-direction:column;gap:8px}.charge-order-indicators{display:flex;justify-content:space-between;padding:0 4px}.charge-order-label{font-size:11px;color:#fbbf24;font-weight:700;text-transform:uppercase}.charge-helper-text{text-align:center;font-size:12px;color:#9ca3af;margin:8px 0 0;font-style:italic}.charge-cards-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.charge-card-item{width:80px;height:112px;border-radius:6px;overflow:hidden;cursor:grab;transition:transform .2s ease}.charge-card-item.owned{border:2px solid #fbbf24}.charge-card-item.opponent{border:2px solid #6b7280}.charge-card-item:hover{transform:scale(1.05)}.charge-card-img{width:100%;height:100%;object-fit:cover}.charged-card-tint{filter:brightness(.6) saturate(.8)}.charge-card-back{width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#1e40af,#1e3a8a);display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:32px;font-weight:700}.quick-chat-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;box-shadow:0 8px 24px #4f46e580;z-index:200;animation:toastFadeInOut 3s ease;border:1px solid #818cf8}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.quick-chat-toast.sent{background:linear-gradient(135deg,#059669,#10b981);border-color:#34d399;box-shadow:0 8px 24px #10b98180}.card-highlighted{box-shadow:0 0 20px 5px #fbbf24,0 0 40px 10px #fbbf2480!important;animation:pulseHighlight 1.5s infinite;z-index:10!important}@keyframes pulseHighlight{0%,to{box-shadow:0 0 20px 5px #fbbf24,0 0 40px 10px #fbbf2480}50%{box-shadow:0 0 30px 10px #fbbf24,0 0 50px 15px #fbbf2499}}.rematch-panel{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100}.rematch-button,.rematch-accept{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #34d399;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.rematch-button:hover,.rematch-accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.leave-button,.rematch-decline{padding:10px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.leave-button:hover,.rematch-decline:hover{border-color:#ffffff80;color:#fff}.rematch-waiting,.rematch-prompt{color:#fff;font-size:16px;text-align:center;padding:10px 20px;background:#00000080;border-radius:8px}.rematch-waiting{animation:rematchPulse 1.5s infinite}@keyframes rematchPulse{0%,to{opacity:1}50%{opacity:.7}}.mobile-sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:550;animation:fadeIn .2s ease-out}.mobile-toggle-buttons{display:none}.game-screen-container.mobile-landscape .mobile-toggle-buttons{display:flex;position:fixed;top:8px;left:8px;gap:8px;z-index:500}.mobile-menu-toggle,.mobile-effects-toggle{display:none}.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-menu-toggle,.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-effects-toggle{display:flex;width:40px;height:40px;background:linear-gradient(135deg,#374151,#1f2937);border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:18px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#fff}.game-screen-container.mobile-landscape .mobile-toggle-buttons .mobile-effects-toggle{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.mobile-menu-toggle:active,.mobile-effects-toggle:active{transform:scale(.95)}.mobile-effects-backdrop{position:fixed;inset:0;background:#00000080;z-index:400;animation:fadeIn .2s ease-out}.mobile-effects-drawer{display:none}.game-screen-container.mobile-landscape .mobile-effects-drawer{display:block;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1f2937,#111827);border-top:2px solid rgba(139,92,246,.5);border-radius:16px 16px 0 0;padding:12px 16px 16px;z-index:450;animation:slideUp .3s ease-out}.mobile-effects-close{position:absolute;top:8px;right:12px;width:28px;height:28px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-effects-close:active{background:#ffffff40}.mobile-next-phase-btn{display:none}.game-screen-container.mobile-landscape .mobile-next-phase-btn{display:flex;position:fixed;bottom:8px;left:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;align-items:center;justify-content:center;z-index:500;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-screen-container.mobile-landscape .mobile-next-phase-btn:active{transform:scale(.95)}.game-screen-container.mobile-landscape .mobile-next-phase-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:.6;cursor:not-allowed}.game-screen-container.mobile-landscape .mobile-next-phase-btn.game-over{background:linear-gradient(135deg,#dc2626,#991b1b)}.mobile-effect-indicator{display:none}.game-screen-container.mobile-landscape .mobile-effect-indicator{display:flex;position:fixed;bottom:8px;right:8px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:12px;font-weight:600;color:#fff;align-items:center;gap:8px;z-index:500;box-shadow:0 4px 12px #0000004d;animation:fadeIn .2s ease-out}.mobile-effect-clear{width:20px;height:20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobile-effect-clear:active{background:#ffffff4d}.mobile-card-preview-overlay{display:none}.game-screen-container.mobile-landscape .mobile-card-preview-overlay{display:flex;position:fixed;inset:0;background:#000c;z-index:700;align-items:center;justify-content:flex-start;padding-left:20px;animation:fadeIn .15s ease-out}.mobile-card-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-card-preview img{width:200px;height:280px;border-radius:12px;box-shadow:0 8px 32px #00000080;object-fit:cover}.mobile-card-preview-name{font-size:14px;font-weight:600;color:#fff;text-align:center;max-width:200px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mobile-sidebar-close{display:none}.game-screen-sidebar.mobile-sidebar .mobile-sidebar-close{display:flex;position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;align-items:center;justify-content:center;z-index:15}.mobile-sidebar-close:active{background:#ffffff40}.game-screen-sidebar.mobile-sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;min-width:280px!important;height:100vh!important;height:100dvh!important;transform:translate(-100%)!important;transition:transform .3s ease-out;z-index:600;padding-top:48px;overflow-y:auto}.game-screen-sidebar.mobile-sidebar.open{transform:translate(0)!important}.game-screen-container.mobile-landscape .effect-panel{display:none}.game-screen-container.mobile-landscape .game-screen-main{width:100%;display:grid;grid-template-columns:1fr 5fr;grid-template-areas:"phases game";height:100%}.game-screen-container.mobile-landscape .phase-indicator{grid-area:phases;position:static!important;top:auto!important;left:auto!important;transform:none!important;height:100%;display:flex;flex-direction:column;justify-content:center;padding:4px;font-size:10px}.game-screen-container.mobile-landscape .game-field{width:100%}.game-screen-container.mobile-landscape .game-field{grid-area:game;display:grid;grid-template-columns:60px 1fr 60px;grid-template-rows:auto auto auto auto;grid-template-areas:"opp-deck    opp-hand       opp-disc" "opp-battle  opp-battle     exile" "my-battle   my-battle      scene" "my-disc     my-hand        my-deck";gap:4px;padding:4px;height:100%;align-content:space-between}.game-screen-container.mobile-landscape .opponent-field,.game-screen-container.mobile-landscape .player-field,.game-screen-container.mobile-landscape .opp-deck-discard-row,.game-screen-container.mobile-landscape .player-deck-discard-row,.game-screen-container.mobile-landscape .field-middle{display:contents}.game-screen-container.mobile-landscape .opponent-hand{grid-area:opp-hand;position:static!important;inset:auto!important;flex-direction:row;justify-content:center;align-items:center;overflow-x:auto;padding:2px;gap:4px}.game-screen-container.mobile-landscape .opp-deck-area{grid-area:opp-deck;min-width:auto}.game-screen-container.mobile-landscape .opp-discard-area{grid-area:opp-disc}.game-screen-container.mobile-landscape .opponent-battle{grid-area:opp-battle;display:flex;justify-content:flex-end;align-items:center;gap:4px;height:70px;min-height:70px!important;padding-right:90px}.game-screen-container.mobile-landscape .scene-area{grid-area:scene;width:55px;height:auto;min-width:auto;min-height:auto!important;justify-self:center}.game-screen-container.mobile-landscape .player-battle{grid-area:my-battle;display:flex;justify-content:flex-end;align-items:center;gap:4px;height:70px;min-height:70px!important;padding-right:90px}.game-screen-container.mobile-landscape .player-deck-area{grid-area:my-deck;min-width:auto}.game-screen-container.mobile-landscape .player-discard-area{grid-area:my-disc;min-width:auto}.game-screen-container.mobile-landscape .player-hand{grid-area:my-hand;position:static!important;inset:auto!important;flex-direction:row;justify-content:center;align-items:center;overflow-x:auto;padding:2px;gap:4px}.game-screen-container.mobile-landscape .field-divider{display:none}.game-screen-container.mobile-landscape .exile-button{grid-area:exile;position:static;transform:none;z-index:10;width:50px;height:50px;justify-self:center;align-self:center}.game-screen-container.mobile-landscape .deck-area,.game-screen-container.mobile-landscape .discard-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:auto}.game-screen-container.mobile-landscape .deck-stack,.game-screen-container.mobile-landscape .discard-pile{width:50px;height:70px}.game-screen-container.mobile-landscape .zone-label{font-size:8px;margin-top:2px}.game-screen-container.mobile-landscape .character-slot{width:45px;height:63px;min-height:63px!important}.game-screen-container.mobile-landscape .character-slot-wrapper{gap:2px}.game-screen-container.mobile-landscape .stack-bp{font-size:9px;padding:1px 4px}.game-screen-container.mobile-landscape .hand-card{width:45px;height:63px;flex-shrink:0}.game-screen-container.mobile-landscape .hand-card:hover,.game-screen-container.mobile-landscape .opponent-hand-card:hover{transform:none}@media(max-height:500px)and (orientation:landscape){.hand-card{width:50px;height:70px;flex-shrink:0}.hand-card:hover{transform:translateY(-3px)}.opponent-hand-card:hover{transform:translateY(3px)}.character-slot{width:55px;height:77px}.character-slot-wrapper{gap:3px}.deck-pile,.discard-pile{width:55px;height:77px}.deck-count{font-size:14px}.scene-area{width:80px;height:112px}.hand-zone{padding:4px 8px;gap:4px}.battle-area-row{gap:6px}.bp-indicator{font-size:11px;padding:2px 6px}.turn-indicator,.phase-indicator{font-size:10px;padding:4px 8px}.game-field{padding:4px;gap:4px}.field-row{gap:8px}.drag-preview{width:70px;height:98px}}.touch-drag-preview{position:fixed;z-index:9999;pointer-events:none;opacity:.9;transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.touch-drag-preview img{width:70px;height:98px;border-radius:4px;object-fit:cover}.hand-card.touch-dragging{opacity:.4;transform:scale(.95)}.mobile-effects-header{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;text-align:center}.mobile-effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-effects-grid .effect-btn{padding:8px 4px;font-size:11px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s}.mobile-effect-hint{font-size:10px;color:#ffffffb3;text-align:center;margin-top:8px;font-style:italic}.mobile-effects-drawer .mobile-effects-header{font-size:12px;margin-bottom:6px}.mobile-effects-drawer .mobile-effects-grid{grid-template-columns:repeat(5,1fr);gap:4px}.mobile-effects-drawer .mobile-effects-grid .effect-btn{padding:6px 2px;font-size:9px}.mobile-effects-drawer .mobile-effect-hint{margin-top:6px}.rotate-phone-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.rotate-phone-content{text-align:center;color:#fff;max-width:300px}.rotate-phone-icon{position:relative;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.phone-outline{width:60px;height:100px;border:4px solid white;border-radius:10px;position:relative;background:#ffffff1a;animation:tiltPhone 2s ease-in-out infinite}.phone-screen{position:absolute;inset:8px 4px 16px;background:#ffffff4d;border-radius:4px}.phone-outline:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:20px;height:6px;background:#fff;border-radius:3px}@keyframes tiltPhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-arrows{display:flex;justify-content:center;gap:60px;margin-top:15px}.arrow{font-size:40px;color:#fff;animation:spinArrow 1.5s ease-in-out infinite}.arrow-left{animation-delay:0s}.arrow-right{animation-delay:.75s}@keyframes spinArrow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.rotate-phone-title{font-size:24px;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rotate-phone-message{font-size:16px;line-height:1.5;margin:0;opacity:.9}.deck-builder-container{height:100vh;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;flex-direction:column;overflow:hidden}.deck-builder-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1);flex-shrink:0}.deck-builder-title{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.deck-builder-header-actions{display:flex;gap:15px;align-items:center}.view-mode-toggle{display:flex;gap:0;background:#ffffff1a;border-radius:8px;padding:4px}.mode-toggle-btn{padding:8px 16px;background:transparent;color:#ffffffb3;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.mode-toggle-btn:hover{color:#fff;background:#ffffff1a}.mode-toggle-btn.active{background:#fff;color:#dc2626}.deck-builder-back-btn{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-builder-back-btn:hover{background:#fff;color:#dc2626;transform:translateY(-2px)}.deck-builder-filters{display:flex;gap:12px;align-items:flex-end;padding:12px 20px;background:#fffffff2;border-bottom:2px solid rgba(0,0,0,.1);flex-shrink:0}.filter-group{flex:1;min-width:0}.filter-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:13px}.filter-input,.filter-select{width:100%;padding:8px 10px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#dc2626}.filter-clear-btn{padding:8px 20px;background:#f3f4f6;color:#666;border:2px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.filter-clear-btn:hover{background:#e5e7eb;border-color:#999}.deck-builder-content{position:relative;flex:1;display:grid;grid-template-columns:1fr 300px 300px;gap:15px;padding:15px;overflow:hidden;min-height:0}.layout-mode .deck-builder-content{grid-template-columns:1fr 1fr 300px;gap:15px}.layout-mode .deck-builder-cards,.layout-mode .deck-builder-deck{min-height:0;margin:0}.layout-mode .cards-header h2{font-size:16px}.layout-mode .card-grid,.layout-mode .deck-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}.layout-mode .card-number{font-size:7px;padding:2px 4px}.layout-mode .card-emoji{font-size:16px}.layout-mode .card-info{padding:4px}.layout-mode .card-name{font-size:8px;margin-bottom:3px}.layout-mode .card-tag,.layout-mode .type-badge{font-size:6px;padding:1px 3px}.layout-mode .card-level{font-size:6px}.layout-mode .deck-quantity-badge{font-size:8px;padding:2px 5px;border-radius:8px;bottom:2px;right:2px}.deck-builder-cards{background:#fffffff2;border-radius:12px;padding:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:0}.cards-header{margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #dc2626;flex-shrink:0}.cards-header h2{margin:0;font-size:20px;color:#dc2626}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;flex:1;align-content:start;padding-right:8px}.card-item{cursor:pointer;transition:transform .2s ease}.card-item:hover{transform:translateY(-4px)}.card-placeholder{background:#fff;border:2px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.card-item:hover .card-placeholder{border-color:#dc2626;box-shadow:0 4px 8px #dc26264d}.card-number{background:#dc2626;color:#fff;padding:3px 6px;font-size:9px;font-weight:600;text-align:center}.card-image-placeholder{aspect-ratio:2/3;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;min-height:0}.card-emoji{font-size:32px;opacity:.5}.card-info{padding:8px}.card-name{font-size:12px;font-weight:600;color:#333;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-details{display:flex;flex-direction:column;gap:4px}.card-tag{display:inline-block;padding:2px 4px;font-size:9px;border-radius:3px;font-weight:600;background:#f3f4f6;color:#666}.type-badge{background:#3b82f6;color:#fff}.type-badge.type-power{background:#dc2626}.type-badge.type-speed{background:#eab308}.type-badge.type-armed{background:#6b7280}.type-badge.type-invasion{background:#7c3aed}.type-badge.type-devastation{background:#991b1b}.type-badge.type-hazard{background:#ea580c}.type-badge.type-meteo{background:#0891b2}.card-level{font-size:9px;color:#666;font-weight:600}.deck-builder-deck{background:#fffffff2;border-radius:12px;padding:15px;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a;min-height:0;position:relative}.deck-builder-preview-panel{background:#fffffff2;border-radius:12px;padding:15px;box-shadow:0 4px 6px #0000001a;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:40px 20px}.preview-placeholder p{font-size:14px;margin:0}.deck-header{margin-bottom:2px;padding-bottom:10px;border-bottom:2px solid #dc2626;flex-shrink:0}.deck-header h2{margin:0 0 6px;font-size:20px;color:#dc2626}.deck-count{font-size:14px;font-weight:600;color:#666}.layout-mode .deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px}.layout-mode .deck-header>div:first-child{display:flex;flex-direction:column;gap:4px}.layout-mode .deck-header h2{margin:0;font-size:16px}.layout-mode .deck-count{font-size:12px;margin:0}.layout-mode .deck-actions{flex-direction:row;gap:6px;margin:0}.layout-mode .deck-save-btn,.layout-mode .deck-clear-btn{padding:6px 12px;font-size:12px}.deck-list{flex:1;overflow-y:auto;margin-bottom:15px;min-height:0}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;flex:1;align-content:start;padding-right:8px;margin-bottom:15px}.deck-card-grid-item,.deck-card-grid-item .card-placeholder{position:relative}.deck-card-grid-item:hover .card-placeholder{border-color:#dc2626;box-shadow:0 4px 8px #dc26264d}.deck-quantity-badge{position:absolute;bottom:4px;right:4px;background:#dc2626;color:#fff;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;z-index:10;box-shadow:0 2px 4px #0003}.deck-empty{text-align:center;padding:30px 15px;color:#999}.deck-empty p{margin:10px 0}.deck-empty-hint{font-size:14px;color:#bbb}.deck-card-item{display:flex;justify-content:space-between;align-items:center;padding:2px 5px;margin-bottom:2px;background:#fff;border:2px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.deck-card-item:hover{border-color:#dc2626;background:#fef2f2}.deck-card-thumb{width:40px;height:56px;flex-shrink:0;margin-right:10px;border-radius:4px;overflow:hidden;background:#f3f4f6}.deck-card-thumb img{width:100%;height:100%;object-fit:cover}.deck-card-info{flex:1;min-width:0}.deck-card-name{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.deck-card-number{display:inline-block;font-size:11px;font-weight:700;color:#dc2626;margin-left:8px;padding:2px 6px;background:#fef2f2;border-radius:4px}.deck-card-description{font-size:11px;color:#999;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-controls{display:flex;align-items:center;gap:12px}.deck-card-quantity{font-size:14px;font-weight:600;color:#666;min-width:24px;text-align:right}.deck-card-remove{width:24px;height:24px;background:#fee2e2;color:#dc2626;border:1px solid #dc2626;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.deck-card-remove:hover{background:#dc2626;color:#fff}.deck-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.deck-save-btn,.deck-clear-btn{padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-save-btn{background:#16a34a;color:#fff}.deck-save-btn:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 8px #16a34a4d}.deck-save-btn:disabled{background:#d1d5db;cursor:not-allowed}.deck-clear-btn{background:#ef4444;color:#fff}.deck-clear-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.deck-clear-btn:disabled{background:#d1d5db;cursor:not-allowed}.card-preview-header{background:#dc2626;padding:6px 12px}.card-preview-number{color:#fff;font-size:12px;font-weight:600;text-align:center}.card-preview-image{aspect-ratio:2/3;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center}.card-preview-emoji{font-size:64px;opacity:.5}.card-preview-info{padding:12px;background:#fafafa}.card-preview-name{font-size:16px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.card-preview-details{display:flex;flex-direction:column;gap:6px}.card-preview-details .card-tag,.card-preview-details .type-badge{padding:4px 8px;font-size:11px;text-align:center}.card-preview-meta{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:12px;color:#666}.deck-builder-cards::-webkit-scrollbar,.deck-list::-webkit-scrollbar,.deck-grid::-webkit-scrollbar{width:8px}.deck-builder-cards::-webkit-scrollbar-track,.deck-list::-webkit-scrollbar-track,.deck-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.deck-builder-cards::-webkit-scrollbar-thumb,.deck-list::-webkit-scrollbar-thumb,.deck-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.deck-builder-cards::-webkit-scrollbar-thumb:hover,.deck-list::-webkit-scrollbar-thumb:hover,.deck-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.save-modal-overlay,.load-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.save-modal-panel,.load-modal-panel{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.save-modal-panel h2,.load-modal-panel h2{margin:0 0 20px;color:#dc2626;font-size:24px;font-weight:700}.load-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.load-modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:#dc2626}.save-mode-selector{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:10px}.save-mode-selector label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.save-mode-selector input[type=radio]{cursor:pointer}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#dc2626}.modal-buttons{display:flex;gap:12px;margin-top:20px}.btn-primary,.btn-secondary{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#16a34a;color:#fff}.btn-primary:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 4px 8px #16a34a4d}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#666;border:2px solid #ddd}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#999}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:40px 20px;color:#666;font-size:16px}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state p{margin:10px 0}.empty-state .hint{font-size:14px;color:#bbb}.deck-list{display:flex;flex-direction:column;gap:1px;margin-top:0;max-height:400px;overflow-y:auto}.deck-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.deck-item:hover{border-color:#dc2626;background:#fff;box-shadow:0 2px 8px #dc26261a}.deck-info{flex:1;min-width:0}.deck-name{font-size:16px;font-weight:600;color:#333;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-meta{display:flex;gap:12px;font-size:13px;color:#666}.deck-actions-modal{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.load-btn{background:#3b82f6;color:#fff}.load-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 2px 6px #3b82f64d}.duplicate-btn{background:#f59e0b;color:#fff}.duplicate-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 2px 6px #f59e0b4d}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 2px 6px #ef44444d}.error-message{margin:15px 0;padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:14px}.unsaved-indicator{color:#f59e0b;margin-left:6px;font-size:18px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deck-load-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.deck-load-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.layout-mode .deck-load-btn{padding:6px 12px;font-size:12px}.card-thumbnail,.card-layout-image{width:100%;height:auto;border-radius:4px}.card-preview-image-full{width:100%;height:auto;max-height:400px;object-fit:contain}.refresh-cards-btn{padding:8px 16px;background:#059669;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.refresh-cards-btn:hover:not(:disabled){background:#047857}.refresh-cards-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-filter-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:#fff3;border:2px solid white;border-radius:8px;color:#fff;font-size:20px;cursor:pointer}.mobile-tabs{display:none;background:#0003;padding:8px;gap:8px}.mobile-tab-btn{flex:1;padding:12px 16px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-tab-btn.active{background:#fff;border-color:#fff;color:#dc2626}.mobile-tab-btn .tab-count{background:#fff3;padding:2px 8px;border-radius:10px;margin-left:6px;font-size:12px}.mobile-tab-btn.active .tab-count{background:#dc26261a;color:#dc2626}.mobile-action-bar{display:none;padding:12px 16px;background:#0000004d;gap:8px}.mobile-action-bar button{flex:1;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.mobile-action-bar .load-btn{background:#3b82f6;color:#fff}.mobile-action-bar .save-btn{background:#16a34a;color:#fff}.mobile-action-bar .clear-btn{background:#ef4444;color:#fff}@media(max-width:768px){.deck-builder-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.deck-builder-title{font-size:20px;flex:1}.deck-builder-header-actions{gap:8px}.mobile-filter-toggle{display:flex}.refresh-cards-btn{padding:8px 12px;font-size:12px}.view-mode-toggle,.deck-builder-filters{display:none}.mobile-tabs{display:flex}.deck-builder-content{grid-template-columns:1fr;padding:12px;gap:12px}.deck-builder-preview-panel{display:none}.deck-builder-cards{padding:12px;border-radius:8px}.deck-builder-container.show-deck .deck-builder-cards{display:none}.deck-builder-container.show-deck .deck-builder-deck{display:flex}.deck-builder-deck{display:none;padding:12px;border-radius:8px}.card-grid{grid-template-columns:repeat(3,1fr);gap:8px}.card-info{padding:6px}.card-name{font-size:10px;margin-bottom:4px}.card-tag,.type-badge{font-size:8px;padding:2px 4px}.card-level{font-size:8px}.card-number{font-size:8px;padding:2px 4px}.cards-header{margin-bottom:10px;padding-bottom:8px}.cards-header h2{font-size:16px}.mobile-action-bar{display:flex}.deck-actions{display:none}.deck-header{margin-bottom:10px;padding-bottom:8px}.deck-header h2{font-size:16px}.deck-grid{grid-template-columns:repeat(3,1fr);gap:8px}.save-modal-panel,.load-modal-panel{width:95%;padding:20px;max-height:90vh}.save-modal-panel h2,.load-modal-panel h2{font-size:20px}.deck-item{flex-direction:column;align-items:flex-start;gap:12px}.deck-actions-modal{width:100%}.deck-actions-modal .action-btn{flex:1;padding:10px}.deck-builder-back-btn{padding:8px 16px;font-size:13px}}@media(max-width:480px){.card-grid,.deck-grid{grid-template-columns:repeat(2,1fr)}.deck-builder-header{padding:10px 12px}.deck-builder-title{font-size:18px}.mobile-tabs{padding:6px}.mobile-tab,.mobile-tab-btn{padding:10px 12px;font-size:13px}}.mobile-tab{flex:1;padding:12px 16px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-tab.active{background:#fff;border-color:#fff;color:#dc2626}.mobile-hidden{display:none!important}.mobile-action-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.mobile-action-btn.load{background:#3b82f6;color:#fff}.mobile-action-btn.save{background:#16a34a;color:#fff}.mobile-action-btn.clear{background:#ef4444;color:#fff}.mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-filter-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.mobile-filter-drawer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#1e3a8a,#1e1b4b);border-radius:16px 16px 0 0;z-index:1001;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-filter-header h3{margin:0;font-size:18px;color:#fff}.close-drawer-btn{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-filter-content{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.mobile-filter-group{display:flex;flex-direction:column;gap:6px}.mobile-filter-group label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.mobile-filter-group input,.mobile-filter-group select{padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px}.mobile-filter-group input::placeholder{color:#ffffff80}.mobile-filter-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.mobile-filter-group select option{background:#1e3a8a;color:#fff}.mobile-filter-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.mobile-filter-clear{flex:1;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.mobile-filter-apply{flex:1;padding:14px;background:#dc2626;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.deck-builder-container.mobile-landscape .deck-builder-header{padding:8px 12px}.deck-builder-container.mobile-landscape .deck-builder-title{font-size:16px}.deck-builder-container.mobile-landscape .deck-builder-filters{display:none}.deck-builder-container.mobile-landscape .mobile-filter-toggle{display:flex}.deck-builder-container.mobile-landscape .mobile-tabs,.deck-builder-container.mobile-landscape .mobile-action-bar,.deck-builder-container.mobile-landscape .view-mode-toggle{display:none}.deck-builder-container.mobile-landscape .deck-builder-content{grid-template-columns:1fr 280px;padding:8px;gap:8px}.deck-builder-container.mobile-landscape .deck-builder-preview-panel{display:none}.deck-builder-container.mobile-landscape .deck-builder-cards{padding:8px}.deck-builder-container.mobile-landscape .cards-header h2{font-size:14px;margin-bottom:8px}.deck-builder-container.mobile-landscape .card-grid{grid-template-columns:repeat(4,1fr);gap:6px}.deck-builder-container.mobile-landscape .card-number{font-size:7px;padding:1px 3px}.deck-builder-container.mobile-landscape .deck-builder-deck{display:flex;padding:8px;width:240px;min-width:240px}.deck-builder-container.mobile-landscape .deck-header{margin-bottom:6px;padding-bottom:6px}.deck-builder-container.mobile-landscape .deck-header h2{font-size:14px}.deck-builder-container.mobile-landscape .deck-count{font-size:11px}.deck-builder-container.mobile-landscape .deck-list{display:none}.deck-builder-container.mobile-landscape .deck-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px}.deck-builder-container.mobile-landscape .deck-grid .card-item{min-height:auto}.deck-builder-container.mobile-landscape .deck-grid .card-placeholder{padding:0}.deck-builder-container.mobile-landscape .deck-grid .card-number{font-size:6px;padding:1px 2px}.deck-builder-container.mobile-landscape .deck-grid .deck-quantity-badge{font-size:10px;padding:1px 4px}.deck-builder-container.mobile-landscape .deck-card-item{padding:4px 6px;margin-bottom:4px}.deck-builder-container.mobile-landscape .deck-card-thumb{width:30px;height:42px;margin-right:8px}.deck-builder-container.mobile-landscape .deck-card-name{font-size:12px}.deck-builder-container.mobile-landscape .deck-card-number{font-size:9px;padding:1px 4px}.deck-builder-container.mobile-landscape .deck-card-description{font-size:10px}.deck-builder-container.mobile-landscape .deck-card-quantity{font-size:12px}.deck-builder-container.mobile-landscape .deck-card-remove{width:24px;height:24px;font-size:16px}.deck-builder-container.mobile-landscape .deck-actions{display:flex;padding:6px 0;gap:6px}.deck-builder-container.mobile-landscape .deck-actions button,.deck-builder-container.mobile-landscape .refresh-cards-btn,.deck-builder-container.mobile-landscape .deck-builder-back-btn{padding:6px 10px;font-size:11px}.deck-builder-container.mobile-portrait .mobile-tabs,.deck-builder-container.mobile-portrait .mobile-action-bar{display:flex}.deck-builder-container.mobile-portrait .view-mode-toggle,.deck-builder-container.mobile-portrait .deck-builder-filters,.deck-builder-container.mobile-portrait .deck-builder-preview-panel{display:none}.deck-selection-container{min-height:100vh;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:20px;display:flex;flex-direction:column}.deck-selection-header{text-align:center;margin-bottom:30px;position:relative}.deck-selection-header h1{font-size:36px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.room-code{font-size:20px;color:#fbbf24;font-weight:700;margin-bottom:20px}.back-btn{position:absolute;top:0;left:0;padding:10px 20px;background-color:#ffffff1a;border:2px solid white;color:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease}.back-btn:hover{background-color:#fff3;transform:scale(1.05)}.deck-selection-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;flex:1;margin-bottom:30px}.deck-selector-section{background-color:#ffffff1a;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck-selector-section h2{font-size:24px;margin-bottom:20px;color:#fbbf24;text-align:center;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:10px}.deck-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:10px}.deck-list::-webkit-scrollbar{width:8px}.deck-list::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.deck-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.deck-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.deck-item{background-color:#fff;color:#1f2937;border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border:2px solid transparent}.deck-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0003}.deck-item.selected{border-color:#fbbf24;background-color:#fffbeb}.deck-info{flex:1}.deck-name{font-size:18px;font-weight:700;margin-bottom:5px}.deck-count{font-size:14px;color:#6b7280}.select-deck-btn{padding:8px 20px;background-color:#dc2626;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease}.select-deck-btn:hover:not(:disabled){background-color:#991b1b;transform:scale(1.05)}.select-deck-btn:disabled{background-color:#fbbf24;cursor:default}.no-decks-message{text-align:center;padding:40px 20px;color:#fffc;font-size:16px}.opponent-deck-status{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px}.deck-selected{background-color:#22c55e33;border:2px solid #22c55e;padding:20px 30px;border-radius:8px;text-align:center}.deck-waiting{background-color:#fbbf2433;border:2px solid #fbbf24;padding:20px 30px;border-radius:8px;text-align:center}.deck-selection-footer{display:flex;justify-content:center;padding:20px 0}.start-game-btn{padding:15px 50px;background-color:#22c55e;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0003}.start-game-btn:hover:not(:disabled){background-color:#16a34a;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.start-game-btn:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.6}.waiting-for-host{padding:15px 50px;background-color:#6366f133;border:2px solid #6366f1;color:#a5b4fc;border-radius:8px;font-size:18px;font-weight:500;text-align:center}.deck-selection-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:24px}@media(max-width:1024px){.deck-selection-content{grid-template-columns:1fr}}@media(max-width:768px){.deck-selection-header h1{font-size:28px}.room-code{font-size:16px}.back-btn{position:static;margin-bottom:20px;width:100%}.deck-selector-section{padding:15px}.deck-selector-section h2{font-size:20px}.start-game-btn{padding:12px 40px;font-size:18px}}.tutorial-modal-backdrop{position:fixed;top:00px;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;z-index:10000;pointer-events:none;animation:fadeIn .3s ease;padding:20px 20px 20px 410px}.tutorial-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:600px;width:auto;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;pointer-events:auto;border:2px solid #dc2626}.tutorial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px 10px 0 0}.tutorial-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#fff}.tutorial-modal-close{background:none;border:none;font-size:32px;line-height:1;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:.8}.tutorial-modal-close:hover{background:#fff3;opacity:1}.tutorial-modal-body{padding:20px;overflow-y:auto;flex:1}.tutorial-modal-body p{margin:0;font-size:15px;line-height:1.6;color:#374151;white-space:pre-line}.tutorial-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.tutorial-continue-btn{padding:10px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-continue-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.tutorial-continue-btn:active{transform:translateY(0)}.cardinfo-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cardinfo-modal-content{background:#1a1a2e;border-radius:16px;box-shadow:0 8px 48px #0009;max-width:1100px;width:95%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;border:2px solid #dc2626;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cardinfo-modal-header{padding:20px 24px;background:linear-gradient(135deg,#dc2626,#991b1b);text-align:center}.cardinfo-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.cardinfo-modal-body{padding:24px;overflow-y:auto;flex:1}.cardinfo-layout{display:flex;gap:32px;align-items:flex-start}.cardinfo-image-container{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.cardinfo-image{max-width:400px;max-height:60vh;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 20px #0006}.cardinfo-descriptions{flex:1;min-width:0}.cardinfo-list{display:flex;flex-direction:column;gap:12px}.cardinfo-field{display:flex;gap:12px;align-items:flex-start;background:#ffffff0d;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.cardinfo-field:hover{background:#ffffff14;border-color:#dc262666}.cardinfo-field-number{flex:0 0 28px;height:28px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cardinfo-field-content{flex:1;min-width:0}.cardinfo-field-name{font-weight:600;font-size:15px;color:#fbbf24;margin-bottom:4px}.cardinfo-field-description{font-size:13px;line-height:1.5;color:#fffc}.cardinfo-modal-footer{padding:16px 24px;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.cardinfo-pagination{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffff80}.cardinfo-pagination span.active{color:#fbbf24;font-weight:700}.cardinfo-pagination .pagination-separator{color:#ffffff4d}.cardinfo-buttons{display:flex;gap:12px}.cardinfo-back-btn{padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cardinfo-back-btn:hover{background:#ffffff26;border-color:#ffffff4d}.cardinfo-next-btn{padding:12px 28px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.cardinfo-next-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 16px #dc262666}.cardinfo-next-btn:active{transform:translateY(0)}.cardinfo-welcome{max-width:600px}.cardinfo-welcome-content{text-align:center;padding:20px 40px}.cardinfo-welcome-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;box-shadow:0 4px 20px #dc262666}.cardinfo-welcome-content h3{font-size:22px;font-weight:700;color:#fbbf24;margin:0 0 20px}.cardinfo-welcome-content p{font-size:16px;line-height:1.7;color:#ffffffd9;margin:0 0 16px}.cardinfo-welcome-warning{background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:16px;margin-top:24px!important;color:#fca5a5!important;font-weight:500}@media(max-width:900px){.cardinfo-layout{flex-direction:column;align-items:center}.cardinfo-image{max-width:300px;max-height:40vh}.cardinfo-descriptions{width:100%}}.zone-tour-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:9400;pointer-events:none}.zone-highlight{position:fixed;border:3px solid #fbbf24;border-radius:8px;box-shadow:0 0 0 9999px #0009,0 0 30px #fbbf24cc;animation:zonePulse 1.5s infinite;pointer-events:none;z-index:9500}@keyframes zonePulse{0%,to{box-shadow:0 0 0 9999px #0009,0 0 20px #fbbf2499}50%{box-shadow:0 0 0 9999px #0009,0 0 40px #fbbf24}}.zone-info-modal{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#0f172afa;border:2px solid #fbbf24;border-radius:12px;padding:20px 24px;max-width:420px;min-width:320px;z-index:9600;color:#fff;box-shadow:0 8px 32px #00000080}.zone-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.zone-info-step{background:#fbbf2433;color:#fbbf24;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.zone-info-header h3{color:#fbbf24;margin:0;font-size:20px;font-weight:700}.zone-info-description{color:#ffffffe6;font-size:15px;line-height:1.5;margin:0 0 16px}.zone-info-interactions{background:#ffffff0d;border-radius:8px;padding:12px 16px;margin-bottom:16px}.zone-info-label{color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.zone-info-interactions ul{margin:0;padding-left:18px}.zone-info-interactions li{color:#ffffffd9;font-size:14px;margin:6px 0;line-height:1.4}.zone-info-buttons{display:flex;gap:10px;justify-content:flex-end}.zone-info-back{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.zone-info-back:hover{border-color:#ffffff80;color:#fff}.zone-info-next{padding:10px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.zone-info-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2466}.tutorial-wrapper{position:relative;width:100%;height:100vh}.tutorial-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:linear-gradient(135deg,#1a1a1a,#4a0000,#8b0000)}.tutorial-loading-content{text-align:center;color:#fff}.tutorial-loading-content h2{font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 0 10px rgba(255,255,255,.5)}.tutorial-loading-content p{font-size:18px;opacity:.9;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.tutorial-hand-filter{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}