.hidden{display:none!important}body{font-family:Inter,sans-serif;overflow-y:auto;color:#f9fafb}body.game-active{overflow:hidden}.card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:10px;overflow:hidden;cursor:grab;position:relative}.card:hover{transform:scale(1.05) translateY(-10px);z-index:50}.drop-target-highlight{background-color:#8b5cf633;border:2px solid #a78bfa;box-shadow:0 0 15px #8b5cf680;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.card-on-board img{width:100%;height:100%;object-fit:cover}.card-on-board:hover{transform:scale(1.05);z-index:50}.is-token{border:3px solid #8b5cf6!important;box-shadow:0 0 15px #8b5cf699}.is-selected{box-shadow:0 0 20px 5px #fde047;border:3px solid #facc15!important;transform:scale(1.03)}.copy-indicator,.token-indicator,.ring-bearer-indicator{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:2px 4px;font-size:.7rem;line-height:1;font-weight:700;text-align:center;pointer-events:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.copy-indicator{background-color:#8b5cf6cc}.token-indicator{background-color:#6b7280cc}.ring-bearer-indicator{background-color:#fcd34dcc;color:#111827;font-weight:700}.sortable-ghost{opacity:0!important;background:transparent!important;border:none!important}.sortable-drag{width:103px!important;height:144px!important}.counter-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#000000bf;color:#fff;padding:4px 6px;font-size:.75rem;line-height:1rem;text-align:center;pointer-events:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#pt-tooltip{position:absolute;background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;z-index:1100;pointer-events:none;white-space:pre;line-height:1.5}.tab-btn.active{background-color:#374151;color:#f9fafb}.tab-btn .unread-indicator{display:inline-block;width:8px;height:8px;background-color:#3b82f6;border-radius:50%;margin-left:8px}.card-in-modal-clickable{cursor:pointer}.tapped{transform:rotate(90deg) translate(30%)}.tapped:hover{transform:rotate(90deg) translate(30%) scale(1.05)}#game-screen{background-color:#000;background-size:cover;background-position:center}.battlefield-area{background-color:#0006;border-radius:8px;border:3px solid var(--player-color-border, #525252);transition:border-color .3s ease-in-out}.zone{padding:8px;overflow-x:auto;overflow-y:auto;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.zone:before{content:"";position:absolute;inset:0;z-index:0}.zone-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#ffffff4d;font-size:1.5rem;text-transform:uppercase;pointer-events:none;z-index:-1}.zone-label{position:absolute;bottom:8px;right:8px;font-size:.8rem;color:#ffffff80;pointer-events:none;z-index:1}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:199;display:flex;align-items:center;justify-content:center}#in-game-menu-modal{z-index:260}#switch-deck-modal{z-index:270}.modal-content{z-index:200;transition:max-width .3s ease-in-out,max-height .3s ease-in-out,height .3s ease-in-out}#stack-modal-content .card-on-board{height:250px;width:auto;flex-shrink:0}#stack-modal{background-color:transparent;pointer-events:none}#stack-modal .modal-content{pointer-events:auto}#stack-modal-title{cursor:move}#card-preview{position:absolute;left:-9999px;top:-9999px;width:auto;z-index:10001!important;pointer-events:none;transition:transform .1s ease-out;will-change:transform;display:flex;justify-content:center;align-items:center;gap:16px}#card-preview img{max-height:500px;width:auto;border-radius:18px;box-shadow:0 10px 25px #00000080;transition:transform .2s ease-in-out}#card-preview.is-split-preview{left:auto;top:auto}#card-preview.is-split-preview img{transform:rotate(90deg)}#context-menu,#player-context-menu,#library-context-menu,#attachment-context-menu,#attachment-flyout-menu{position:absolute;z-index:10001;width:240px;background-color:#1f2937;border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000080}#player-context-menu{width:200px}.context-menu-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:#fff;cursor:pointer;border-radius:4px}.context-menu-item:hover{background-color:#374151}.context-menu-shortcut{color:#9ca3af;font-size:.8em}.status-icon{display:inline-block;font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.status-icon-container{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding-bottom:.5rem}.monarch-icon{color:#facc15}.initiative-icon{color:#93c5fd}.speed-indicator{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.speed-counter{font-size:.75rem;font-weight:700;color:#fff;background-color:#4b5563;border-radius:9999px;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background-color .2s ease-in-out}.speed-indicator:hover .speed-counter{background-color:#6b7280}.owner-me{border:2px solid #3b82f6}.owner-opponent{border:2px solid #ef4444}.player-info-box{transition:all .3s ease-in-out;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:0}.player-info-box:before{content:"";position:absolute;inset:0;background-color:#0009;border-radius:8px;z-index:-1}.player-info-box.viewed{background-color:#ffffff26;box-shadow:0 0 15px 5px #fcd34d99}.commander-zone,.companion-zone{cursor:default;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;overflow-y:auto}#active-player-library,.library-box{overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer}.library-stack-card.face-down{background-color:#374151;border:1px solid #4b5563;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#9ca3af;background-size:cover;background-position:center}.library-stack-card.face-down:before{content:""}#library-modal .modal-content,#graveyard-modal .modal-content,#exile-modal .modal-content,#view-hand-modal .modal-content{max-width:1300px;max-height:95vh;width:auto;height:auto}.modal-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(223px,1fr));grid-auto-rows:minmax(311px,auto);gap:16px;justify-items:center;align-content:flex-start;overflow-y:auto;padding:16px}#library-modal .modal-card-grid,#graveyard-modal .modal-card-grid,#exile-modal .modal-card-grid{grid-template-columns:repeat(5,1fr)}#view-hand-modal .modal-card-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center;justify-content:flex-start;min-height:340px}.library-card{width:223px;height:311px;flex-shrink:0;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000004d}.library-card img{width:100%;height:100%;object-fit:contain;border-radius:10px}#reveal-top-modal .modal-content{max-width:90vw;width:auto;max-height:95vh;height:auto;display:flex;flex-direction:column;align-items:center}#revealed-cards-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:16px;padding:16px;justify-content:flex-start;align-items:flex-start;min-height:350px;width:100%;flex-grow:1}.revealed-card-item{width:223px;height:311px;flex-shrink:0;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000004d;cursor:pointer}.revealed-card-item img{width:100%;height:100%;object-fit:contain;border-radius:10px}#total-attack-damage{background-color:#000c;color:#fff;padding:0 16px;border-radius:8px;font-size:1rem;font-weight:700;border:2px solid #ef4444}#loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px 40px;border-radius:10px;z-index:1000}.mana-control{display:flex;align-items:center;gap:4px;background-color:#0000004d;padding:2px 4px;border-radius:12px}.mana-pip{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;border:1px solid rgba(0,0,0,.5);text-shadow:0 0 2px rgba(0,0,0,.7)}.mana-pip-w{background-color:#f3f4f6;color:#111827}.mana-pip-u{background-color:#3b82f6}.mana-pip-b{background-color:#171717}.mana-pip-r{background-color:#ef4444}.mana-pip-g{background-color:#22c55e}.mana-pip-c{background-color:#6b7280}.mana-count{font-weight:700;font-size:.9rem;width:20px;text-align:center;color:#f9fafb}.mana-arrow{width:16px;height:16px;border-radius:50%;background-color:#4b5563;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:.7rem;line-height:1;transition:background-color .2s}.mana-arrow:hover{background-color:#6b7280}#victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000c;z-index:250}#victory-overlay.hidden{display:none}.victory-content-container{position:relative;text-align:center;z-index:252}#close-victory-btn{position:absolute;top:1.5rem;right:1.5rem;font-size:2.5rem;color:#fff;background:#00000080;border:2px solid white;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;font-weight:700;text-shadow:0 0 5px black;z-index:255;transition:background-color .2s,transform .2s}#close-victory-btn:hover{color:#ccc}.victory-text{font-size:clamp(4rem,20vw,12rem);font-weight:700;color:#fde047;text-shadow:0 0 20px #fde047,0 0 30px #f59e0b}#confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:251}.confetti-piece{position:absolute;width:10px;height:20px;top:-50px;animation:confetti-fall 5s linear infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece:nth-child(1){left:5%;animation-delay:.1s;animation-duration:4.5s;background-color:#fde047}.confetti-piece:nth-child(2){left:10%;animation-delay:1.2s;animation-duration:5.2s;background-color:#f59e0b}.confetti-piece:nth-child(3){left:15%;animation-delay:2.3s;animation-duration:3.8s;background-color:#fff}.confetti-piece:nth-child(4){left:20%;animation-delay:.4s;animation-duration:5.5s;background-color:#facc15}.confetti-piece:nth-child(5){left:25%;animation-delay:3.1s;animation-duration:4.9s;background-color:#fde047}.confetti-piece:nth-child(6){left:30%;animation-delay:1.8s;animation-duration:5.1s;background-color:#f59e0b}.confetti-piece:nth-child(7){left:35%;animation-delay:.9s;animation-duration:4.3s;background-color:#fff}.confetti-piece:nth-child(8){left:40%;animation-delay:4.2s;animation-duration:5.8s;background-color:#facc15}.confetti-piece:nth-child(9){left:45%;animation-delay:2.5s;animation-duration:4s;background-color:#fde047}.confetti-piece:nth-child(10){left:50%;animation-delay:.7s;animation-duration:5.3s;background-color:#f59e0b}.confetti-piece:nth-child(11){left:55%;animation-delay:3.8s;animation-duration:4.6s;background-color:#fff}.confetti-piece:nth-child(12){left:60%;animation-delay:1.5s;animation-duration:5.4s;background-color:#facc15}.confetti-piece:nth-child(13){left:65%;animation-delay:.2s;animation-duration:4.8s;background-color:#fde047}.confetti-piece:nth-child(14){left:70%;animation-delay:2.9s;animation-duration:5.6s;background-color:#f59e0b}.confetti-piece:nth-child(15){left:75%;animation-delay:1.1s;animation-duration:4.1s;background-color:#fff}.confetti-piece:nth-child(16){left:80%;animation-delay:3.5s;animation-duration:5.7s;background-color:#facc15}.confetti-piece:nth-child(17){left:85%;animation-delay:.5s;animation-duration:4.4s;background-color:#fde047}.confetti-piece:nth-child(18){left:90%;animation-delay:2.1s;animation-duration:5s;background-color:#f59e0b}.confetti-piece:nth-child(19){left:95%;animation-delay:1.6s;animation-duration:4.7s;background-color:#fff}.confetti-piece:nth-child(20){left:100%;animation-delay:3.3s;animation-duration:5.9s;background-color:#facc15}#graveyard-card-preview img,#exile-card-preview img{height:144px;width:auto;object-fit:contain;border-radius:8px}.zone-header{justify-content:center!important;gap:.5rem}#confirm-modal{z-index:270}#trigger-tracker-panel .overflow-y-auto{scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748}#trigger-tracker-panel .font-semibold{color:#9ca3af}#my-hand{justify-content:flex-start!important}#my-hand::-webkit-scrollbar{height:8px}#my-hand::-webkit-scrollbar-track{background:transparent}#my-hand::-webkit-scrollbar-thumb{background-color:#6b728000;border-radius:4px;transition:background-color .2s ease-in-out}#my-hand:hover::-webkit-scrollbar-thumb{background-color:#6b728080}#dice-roll-dropdown{transition:all .1s ease-out}#trigger-tracker-panel{overflow:hidden}#video-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10003;cursor:pointer}#card-video-player{max-width:80vw;max-height:80vh;border-radius:12px;box-shadow:0 10px 40px #00000080;cursor:default}#video-overlay.hidden{display:none}.zone .sortable-ghost{height:9rem;width:6.5rem;flex-shrink:0}.commander-zone .sortable-ghost,.companion-zone .sortable-ghost{height:6rem;width:4.3rem;flex-shrink:0}#active-player-graveyard,#active-player-exile,#active-player-commander-zone,#active-player-companion-zone,#active-player-library{min-height:10rem}#library-card-preview .library-stack-card.face-down{width:103px;height:144px;flex-shrink:0;border-radius:8px;background-color:#374151;border:1px solid #4b5563;background-size:cover;background-position:center;box-shadow:0 2px 4px #0000004d}#active-player-commander-zone-container,#active-player-companion-zone-container,#active-player-library,#active-player-graveyard,#active-player-exile{overflow:hidden}#graveyard-card-preview .sortable-ghost,#exile-card-preview .sortable-ghost,#library-card-preview .sortable-ghost{height:144px;width:103px;flex-shrink:0}.zone{min-height:150px}.ability-indicator{position:absolute;top:0;left:0;right:0;background-color:#eab308d9;color:#111827;padding:4px;font-size:.8rem;font-weight:700;text-align:center;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px}.menu-btn{background-color:#1f2937;color:#d1d5db;font-weight:500;padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;border:1px solid #374151;transition:background-color .2s,border-color .2s}.menu-btn:hover{background-color:#374151;border-color:#4b5563}.menu-dropdown{position:absolute;z-index:250;top:100%;left:0;margin-top:.5rem;width:220px;background-color:#262626;border-radius:.5rem;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #4b5563}.menu-item{display:block;padding:.5rem .75rem;color:#d1d5db;cursor:pointer;border-radius:.375rem;text-decoration:none;white-space:nowrap;font-size:.875rem;transition:background-color .15s,color .15s}.menu-item:hover{background-color:#4f46e5;color:#fff}.menu-separator{height:1px;background-color:#374151;margin:.5rem 0}.nav-button{flex-grow:1;padding:.75rem 1rem;font-weight:600;color:#d1d5db;border-radius:.375rem;transition:all .2s ease-in-out;border-bottom:3px solid transparent}.nav-button:hover{color:#f9fafb;background-color:#374151}.nav-button.active-nav{color:#fff;border-bottom-color:#4f46e5}.action-button{padding:.75rem 1rem;font-weight:700;color:#fff;border-radius:.5rem;transition:background-color .2s ease-in-out;text-align:center}#main-hub-screen{flex-grow:1;overflow-y:auto;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:background-image .3s ease-in-out}.deck-preview{position:relative;width:100%;aspect-ratio:4 / 3;cursor:pointer;transition:box-shadow .2s ease-in-out;border-radius:8px;overflow:visible}.deck-preview.selected{box-shadow:0 0 15px 5px #fde047;z-index:10}.deck-preview.multi-selected .deck-preview-image{border:4px solid #3b82f6;box-shadow:0 0 20px #3b82f6cc}.deck-preview:hover{z-index:20}.deck-preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;z-index:1}.deck-preview-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);color:#fff;font-weight:700;text-align:center;padding:1.5rem .5rem .5rem;font-size:.875rem;z-index:11;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.deck-preview.selected .deck-preview-image{border:4px solid #facc15;box-shadow:0 0 20px #facc15cc}.deck-preview.selected .particle-effect{position:absolute;inset:0;border-radius:8px;pointer-events:none;z-index:50;box-shadow:0 0 10px #fde047,0 0 20px #fde047;opacity:0;transition:opacity .3s ease-in-out}.deck-preview.selected:hover .particle-effect{opacity:1}.modal-card-grid .card-in-modal-clickable.selected{border:3px solid #facc15;box-shadow:0 0 15px #facc1599}#decklist-modal-content h4{font-size:1.125rem;font-weight:700;color:#f9fafb;margin-top:1rem;margin-bottom:.5rem;border-bottom:1px solid #404040;padding-bottom:.25rem;grid-column:1 / -1}.price-text{font-size:.75rem;color:#93c5fd}#decklist-modal-content p{color:#d1d5db;padding-left:.5rem}#decklist-modal-content-container{align-content:start}.deck-modal-category-grid{--card-min-width: 180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));gap:1rem}.card-back-option{position:relative;width:120px;aspect-ratio:63 / 88;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:transform .2s ease-in-out,border-color .2s ease-in-out;overflow:hidden;flex-shrink:0}.card-back-options-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:1rem}.card-back-option img{width:100%;height:100%;object-fit:cover;border-radius:5px}.card-back-option:hover{transform:scale(1.05)}.card-back-option.selected{border-color:#facc15;box-shadow:0 0 15px #facc15b3}.profile-plate-option{position:relative;width:200px;height:200px;aspect-ratio:1 / 1;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:transform .2s ease-in-out,border-color .2s ease-in-out;overflow:hidden;flex-shrink:0}.profile-plate-option img{width:100%;height:100%;object-fit:cover;border-radius:5px}.profile-plate-option.selected{border-color:#facc15;box-shadow:0 0 15px #facc15b3}.profile-plate-options-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:1rem}.card-back-option,.profile-plate-option{flex-shrink:0}.selected .particle-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;border-radius:8px;overflow:hidden}.playmat-options-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:1rem}.playmat-option{position:relative;width:240px;aspect-ratio:16 / 9;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:transform .2s ease-in-out,border-color .2s ease-in-out;overflow:hidden;flex-shrink:0}.playmat-option img{width:100%;height:100%;object-fit:cover;border-radius:5px}.playmat-option:hover{transform:scale(1.05)}.playmat-option.selected{border-color:#facc15;box-shadow:0 0 15px #facc15b3}.selected .particle-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;box-shadow:0 0 0 1px #facc15,0 0 0 3px transparent,0 0 0 5px #fde047;animation:shimmer-pulse 3s infinite ease-in-out;opacity:0;transition:opacity .3s ease-in-out}@keyframes shimmer-pulse{0%{transform:scale(1);opacity:0}10%{opacity:1}20%{transform:scale(1.01);opacity:0}30%{opacity:1}40%{transform:scale(1.02);opacity:0}50%{opacity:1}60%{transform:scale(1.03);opacity:0}70%{opacity:1}80%{transform:scale(1.04);opacity:0}90%{opacity:1}to{transform:scale(1);opacity:0}}.selected:hover .particle-effect:before{opacity:1;animation-duration:1.5s}.trending-commander-item{position:relative;width:100%;max-width:128px;aspect-ratio:488 / 370;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out}.trending-commander-item:hover{transform:scale(1.05)}#spotlight-cards-list{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:column;grid-template-rows:repeat(5,auto);gap:1rem;justify-items:center}.spotlight-cards-list-grid::-webkit-scrollbar{height:8px}.spotlight-cards-list-grid::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.spotlight-card-item{width:100%;max-width:150px;aspect-ratio:4 / 3;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:8px;overflow:hidden;cursor:pointer}.spotlight-card-item:hover{transform:scale(1.05);z-index:10;box-shadow:0 8px 16px #0006}.price-overlay{position:absolute;bottom:2px;right:2px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700;z-index:10}.spotlight-card-item a{position:absolute;inset:0;z-index:5}.account-nav-button{width:100%;padding:.75rem 1rem;text-align:left;font-weight:600;color:#d1d5db;border-radius:.375rem;transition:all .2s ease-in-out;border-left:3px solid transparent}.account-nav-button:hover{color:#f9fafb;background-color:#374151}.account-nav-button.active{color:#fff;background-color:#374151;border-left-color:#4f46e5}#profile-picture-upload-label svg{pointer-events:none}#hub-chat-container{position:fixed;bottom:20px;left:20px;width:450px;background-color:#171717d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;z-index:10000;overflow:hidden}#hub-chat-container.expanded #hub-chat-content-wrapper{height:500px}#hub-chat-content-wrapper{height:280px;display:flex;flex-direction:column;transition:all .3s ease-in-out;overflow:hidden}#hub-chat-container.collapsed #hub-chat-content-wrapper{height:0!important;padding:0!important;opacity:0!important}.chat-messages-panel{flex-grow:1;overflow-y:auto;padding-right:.5rem;font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}#hub-chat-messages::-webkit-scrollbar{width:6px}#hub-chat-messages::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px}#hub-chat-input{margin-top:.5rem;width:100%;background-color:#171717;border:1px solid #404040;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.5rem;color:#fff;outline:none;transition:border-color .2s}#hub-chat-input:focus{border-color:#4f46e5}#chat-user-context-menu{position:absolute;z-index:10005;width:200px;background-color:#1f2937;border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000080}.whisper-message{color:#f472b6}#hub-chat-tabs-container::-webkit-scrollbar{height:6px}#hub-chat-tabs-container::-webkit-scrollbar-track{background:transparent}#hub-chat-tabs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}#hub-chat-tabs-container:hover::-webkit-scrollbar-thumb{background-color:#525252}.hub-chat-tab{padding:6px 16px;border:1px solid #1a1a1a;border-top-color:#404040;border-radius:6px 6px 0 0;margin-right:-1px;background:linear-gradient(to bottom,#262626,#171717);box-shadow:inset 0 1px #ffffff0d;text-shadow:0 -1px 0 rgba(0,0,0,.5);font-size:.875rem;font-weight:600;color:#a3a3a3;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:8px;flex-shrink:0}.hub-chat-tab:not(.active-tab):hover{background:linear-gradient(to bottom,#404040,#262626);border-top-color:#525252;color:#fff}.hub-chat-tab.active-tab{background:#171717d9;color:#fff;font-weight:700;text-shadow:none;border-color:#404040;border-bottom-color:transparent;box-shadow:0 0 8px #00000080}.close-tab-btn{font-size:1rem;line-height:1;font-weight:700;color:#a3a3a3;padding:0 2px;border-radius:50%}.close-tab-btn:hover{color:#fff;background-color:#525252}.unread-dot{width:10px;height:10px;background-color:#22c55e;border-radius:50%;border:1px solid #171717;box-shadow:0 0 5px #22c55e}#hub-chat-header{cursor:move}#hub-chat-resize-handle{position:absolute;top:0;right:0;width:20px;height:20px;cursor:nesw-resize;background:linear-gradient(to top right,transparent 48%,rgba(163,163,163,.7) 49%,rgba(163,163,163,.7) 51%,transparent 52%),linear-gradient(to top right,transparent 68%,rgba(163,163,163,.7) 69%,rgba(163,163,163,.7) 71%,transparent 72%)}#hub-chat-container.collapsed #hub-chat-resize-handle{display:none}#game-lobby-list .join-lobby-game-btn{transition:transform .2s ease-in-out}#game-lobby-list .join-lobby-game-btn:hover{transform:scale(1.05)}.game-type-btn{transition:all .2s ease-in-out}#shortcuts-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;max-height:70vh;overflow-y:auto;padding-right:8px}.shortcuts-column{display:flex;flex-direction:column;gap:8px}.shortcut-item,.shortcut-item-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:4px}.shortcut-item{background-color:#ffffff0d}.shortcut-item-header{font-weight:700;color:#fde047;margin-bottom:4px;padding-left:0;border-bottom:1px solid #4b5563}.shortcut-item kbd{background-color:#4b5563;padding:4px 8px;border-radius:4px;font-weight:700;border-bottom:2px solid #374151}.friend-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#404040;border-radius:.375rem}.friend-info{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid #171717}.status-dot.online{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.status-dot.offline{background-color:#6b7280}.friend-actions button{margin-left:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;border-radius:.375rem;transition:background-color .2s}.group:hover #dice-roll-dropdown{display:block!important}#friends-list-panel{transition:opacity .2s ease-in-out,transform .2s ease-in-out;opacity:0;transform:translateY(15px);pointer-events:none}#friends-list-panel:not(.hidden){opacity:1;transform:translateY(0);pointer-events:auto}.icon-btn{width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .1s ease-in-out;border-bottom:3px solid rgba(0,0,0,.4);box-shadow:0 1px 3px #0000004d}.icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.icon-btn:active{transform:translateY(1px);border-bottom:1px solid rgba(0,0,0,.4);box-shadow:0 1px 2px #0000004d}.icon-btn svg{width:60px;height:60px}.friend-actions{display:flex;align-items:center;gap:.75rem}.profile-nav-item{display:block;padding:.75rem 1rem;font-weight:600;color:#9ca3af;border-radius:.375rem;transition:all .2s ease-in-out;border-left:3px solid transparent}.profile-nav-item:hover{color:#f9fafb;background-color:#374151}.profile-nav-item.active{color:#fff;background-color:#374151;border-left-color:#4f46e5}#profile-selection-content{scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748}.cosmetic-option{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;cursor:pointer;border:3px solid #404040;transition:transform .2s ease-in-out,border-color .2s ease-in-out;overflow:hidden;background-color:#171717}.cosmetic-option img{width:100%;height:100%;object-fit:cover}.cosmetic-option:hover{transform:scale(1.05);border-color:#a3a3a3}.cosmetic-option.selected{border-color:#facc15;box-shadow:0 0 15px #facc15b3}#playmat-options .cosmetic-option{aspect-ratio:16 / 9}#card-back-options .cosmetic-option{aspect-ratio:63 / 88}#profile-preview-image{border:2px solid #525252}#slideshow-container{overflow:hidden}.slideshow-slide{transition:opacity .3s ease-in-out}.slideshow-arrow{background-color:#404040;color:#fff;border:none;border-radius:9999px;width:32px;height:32px;font-weight:700;font-size:1.25rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slideshow-arrow:hover{background-color:#525252}.budget-btn{padding:.5rem;border-radius:.375rem;font-weight:600;text-align:center;cursor:pointer;border:2px solid #525252;background-color:#262626;color:#a3a3a3;transition:all .2s ease-in-out}.budget-btn:hover{background-color:#404040;border-color:#737373}.budget-btn.selected{background-color:#4f46e5;border-color:#818cf8;color:#fff}.party-member-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#404040;border-radius:.375rem}.party-member-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fff}.party-leader-icon{color:#fde047}#party-panel-resize-handle{background:linear-gradient(to top left,transparent 48%,rgba(163,163,163,.5) 49%,rgba(163,163,163,.5) 51%,transparent 52%)}#party-panel-content{transition:all .3s ease-in-out;overflow:hidden}#party-panel.collapsed #party-panel-content{min-height:0!important;height:0!important;padding:0;opacity:0}#party-panel.collapsed #party-panel-resize-handle{display:none}.bracket-btn{padding:.5rem;border-radius:.375rem;font-weight:600;text-align:center;cursor:pointer;border:2px solid #525252;background-color:#262626;color:#a3a3a3;transition:all .2s ease-in-out}.bracket-btn:hover{background-color:#404040;border-color:#737373}.bracket-btn.selected{background-color:#4f46e5;border-color:#818cf8;color:#fff}.lobby-filter-btn{width:100%;padding:.5rem;border-radius:.375rem;font-weight:600;text-align:left;font-size:.875rem;background-color:transparent;color:#a3a3a3;transition:all .2s ease-in-out}.lobby-filter-btn:hover{background-color:#404040;color:#fff}.lobby-filter-btn.selected{background-color:#4f46e5;color:#fff}#grid-view-overlay{position:fixed;top:1rem;bottom:1rem;height:auto;left:50%;transform:translate(-50%);width:80vw;max-width:1600px;background-color:#171717d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #404040;border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:9999;display:flex;flex-direction:column;padding:0}#grid-view-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;align-items:center;justify-items:center;width:100%;height:100%;padding:1.5rem}#grid-view-close-btn{position:absolute;top:1.5rem;right:1.5rem;font-size:2.5rem;color:#fff;background:#00000080;border:2px solid white;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;z-index:10000}.grid-player-board{border:2px solid #404040;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;aspect-ratio:4 / 3;width:100%;max-width:800px}.grid-player-board.active-turn-grid{border-color:#fde047;box-shadow:0 0 20px #fde047}.grid-player-board-header{font-size:1.25rem;font-weight:700;text-align:center;padding:.5rem;flex-shrink:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.grid-scale-wrapper{flex-grow:1;overflow:hidden;position:relative}.board-replica-inner{width:1600px;height:1200px;transform-origin:top left;position:absolute;top:0;left:0;padding:8px;display:flex;flex-direction:column;gap:8px}.board-replica-inner .library-box .library-stack-card.face-down{width:103px;height:144px;flex-shrink:0;border-radius:8px}#grid-card-preview{position:absolute;left:-9999px;top:-9999px;width:auto;z-index:10001;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:16px}#grid-card-preview img{max-height:500px;width:auto;border-radius:18px;box-shadow:0 10px 25px #00000080}#grid-view-overlay .card-on-board{height:176px;width:126px}#grid-view-overlay .grid.grid-cols-5{height:260px}#graveyard-modal,#exile-modal{z-index:10000!important}#auth-welcome-panel{background-color:#111}#auth-slideshow{background-size:cover;background-position:center;transition:background-image 1.5s ease-in-out}#auth-slideshow:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0009,#000c);z-index:1}.auth-feature-list li{padding-left:2rem;position:relative}.auth-feature-list li:before{content:"✦";position:absolute;left:0;top:2px;color:#a78bfa;font-size:1.25em;line-height:1}#player-counters-modal{z-index:10001}#deck-select-modal{z-index:10002}#reveal-hand-modal,#random-reveal-modal,#reveal-top-modal,#graveyard-modal,#view-hand-modal{z-index:10000}.plan-card{background-color:#171717;border:2px solid #404040;border-radius:.75rem;padding:2rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.plan-card.recommended{border-color:#6366f1;box-shadow:0 0 25px #6366f166}.recommended-badge{position:absolute;top:-1px;right:1.5rem;background-color:#6366f1;color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:0 0 .5rem .5rem}.plan-title{font-size:1.5rem;font-weight:700;text-align:center;color:#fff}.plan-price{font-size:2.25rem;font-weight:700;text-align:center;color:#fff;margin:1rem 0}.plan-features{list-style:none;padding:0;margin:1rem 0;flex-grow:1;space-y:.75rem;color:#d4d4d8}.plan-button{width:100%;padding:.75rem;font-size:1rem;font-weight:700;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.selected-plan-button{background-color:#404040;color:#a3a3a3;cursor:not-allowed}.subscribe-btn{background-color:#4f46e5;color:#fff}.subscribe-btn:hover{background-color:#4338ca}#one-time-donation-btn{transition:transform .2s}#one-time-donation-btn:hover{transform:scale(1.05)}.locked-cosmetic{cursor:not-allowed;position:relative}.locked-cosmetic img{filter:grayscale(70%) brightness(60%);transition:filter .2s ease-in-out}.locked-cosmetic:hover img{filter:grayscale(50%) brightness(70%)}.locked-overlay{position:absolute;inset:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;pointer-events:none;border-radius:5px}.chat-badge{display:inline-block;height:1.2em;width:auto;vertical-align:-.2em;margin-right:4px;filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}#player-status-container{display:flex;align-items:center;gap:1rem;background-color:#262626;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid #404040}#player-status-container .status-icon-container{color:#a3a3a3}#player-status-container .status-text-container{display:flex;flex-direction:column;color:#d4d4d8;font-size:.875rem;font-weight:600}#player-status-container{transition:background-color .2s}#player-status-container:hover{background-color:#404040}.user-list-item{display:flex;align-items:center;padding:.75rem;gap:.75rem;border-radius:.375rem}.user-list-pfp{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-list-info{flex-grow:1}.user-list-name{font-weight:600;color:#fff}.user-list-status{font-size:.875rem;color:#a3a3a3}.user-list-status.in-game{color:#60a5fa}.user-list-status.online{color:#4ade80}.user-list-badge{height:1.8rem;width:auto;flex-shrink:0;filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}#online-users-list::-webkit-scrollbar{width:8px}#online-users-list::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.founder-crown-icon{font-size:1.5rem;color:#fde047;filter:drop-shadow(0 0 5px #f59e0b);line-height:1;margin-right:-4px}.user-list-actions{display:flex;align-items:center;gap:.5rem;margin-right:.5rem}.user-list-action-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease-in-out;opacity:.7}.user-list-action-btn:hover{opacity:1;transform:scale(1.1)}.user-list-action-btn svg{width:16px;height:16px}.btn-whisper{background-color:#7c3aed}.btn-add-friend{background-color:#16a34a}.btn-block{background-color:#dc2626}#active-player-commander-zone-container,#active-player-companion-zone-container,#active-player-library,#active-player-graveyard,#active-player-exile,#mana-controls-zone,#player-status-bar,#player-list-sidebar,#my-hand-container,#trigger-tracker-panel,#game-screen>div:first-child{border:3px solid #525252;border-radius:.5rem}#log-trigger-column>div:first-child{border:3px solid #525252;border-radius:.5rem}.admin-grant-btn{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#fff;transition:background-color .2s}.admin-grant-btn:disabled{background-color:#4b5563;cursor:not-allowed}#granted-accounts-list{overflow-y:auto;max-height:55vh}#granted-accounts-list::-webkit-scrollbar{width:8px}#granted-accounts-list::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}.account-nav{max-height:24rem;overflow-y:auto;padding-right:.5rem}.account-nav::-webkit-scrollbar{width:8px}.account-nav::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}#auth-video-bg{object-fit:cover}.attached-card{position:absolute;top:0;width:103px;height:144px;transition:all .2s ease-in-out}.attached-card:hover{z-index:100!important;transform:translate(75px) scale(1.05)!important}.permanent-wrapper{position:relative;height:144px;flex-shrink:0;transition:transform .2s ease-in-out}.card-on-board{position:absolute;top:0;left:0;width:103px;height:144px;border-radius:8px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:grab}#game-screen>div:first-child{position:relative;z-index:30;transform:translateZ(0)}#grid-view-container{display:grid;gap:1.5rem;align-items:center;justify-items:center;width:100%;height:100%}#grid-view-container.player-count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}#grid-view-container.player-count-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}#grid-view-container.player-count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#grid-view-overlay{transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translate(-50%) scale(.95);opacity:0}#grid-view-overlay:not(.hidden){transform:translate(-50%) scale(1);opacity:1}.grid-player-board{transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.grid-player-board:hover{transform:scale(1.02);box-shadow:0 0 20px #fff3}#profile-preview-chat-message{font-size:.875rem;display:flex;align-items:center}#profile-preview-chat-badge{height:2em;width:auto;margin-right:8px;vertical-align:middle}#profile-preview-chat-name{font-weight:700}#chat-badge-options .cosmetic-option{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:1rem}#chat-badge-options .cosmetic-option img{max-width:80%;max-height:80%;object-fit:contain}#chat-badge-options .cosmetic-option.locked-cosmetic img{filter:grayscale(70%) brightness(60%) contrast(80%)}#turn-change-modal{z-index:10002}.status-dot.afk{background-color:#facc15;box-shadow:0 0 6px #facc15}.user-list-status.afk{color:#facc15}#main-hub-screen{position:relative}#player-status-container{position:absolute;top:1rem;left:1rem;z-index:50}.token-option{cursor:pointer;transition:background-color .2s}.token-option:hover{background-color:#4f46e5;color:#fff}.has-submenu{position:relative}.submenu{position:absolute;top:0;left:0;width:100%;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:30}.permanent-wrapper.is-attacking:after{content:"A";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ef444440;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff9;pointer-events:none;border-radius:8px;z-index:20}.permanent-wrapper.is-host:before{content:"HOST";position:absolute;top:0;left:0;right:0;background-color:#60a5fad9;color:#fff;padding:4px;font-size:.8rem;font-weight:700;text-align:center;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px;z-index:20}#board-preview-tooltip{position:fixed;z-index:10000;width:640px;aspect-ratio:4 / 3;background-color:#171717e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #404040;border-radius:12px;box-shadow:0 8px 24px #00000080;pointer-events:none;transition:opacity .15s ease-in-out}#board-preview-tooltip.hidden{opacity:0}#main-hub-screen.bg-home{background-image:url(/assets/main_hub/dragon_angel.webp)}#main-hub-screen.bg-decks{background-image:url(/assets/main_hub/goblin_kraken.webp)}#main-hub-screen.bg-profile{background-image:url(/assets/main_hub/zombie_elf.webp)}#main-hub-screen.bg-friends{background-image:url(/assets/main_hub/fighting.webp)}.deck-hover-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;transition:opacity .2s ease-in-out;z-index:51;background-color:#171717cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:600;border:1px solid rgba(255,255,255,.3);white-space:nowrap}#main-deck-grid .deck-preview:hover .deck-hover-button{display:block}#deck-grid-container{--card-min-width: 180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));gap:1rem;align-content:start}.deck-modal-card-item{position:relative;width:100%;aspect-ratio:63 / 88;border-radius:8px;overflow:hidden;background-color:#171717}.deck-modal-card-item img{width:100%;height:100%;object-fit:cover}.deck-modal-card-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0000);color:#fff;padding:1rem .5rem .5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.875rem;font-weight:600}.deck-modal-card-count{background-color:#0009;padding:2px 8px;border-radius:9999px;justify-self:start}.deck-modal-card-price{background-color:#0009;padding:2px 8px;border-radius:9999px;color:#6ee7b7;justify-self:center}.deck-modal-card-item.selected{border:3px solid #3b82f6;box-shadow:0 0 15px #3b82f6b3;transform:scale(1.03)}