html,body{height:100%;margin:0;padding:0;background-color:#1a1a1d;background-size:cover;background-position:center;background-attachment:fixed;text-align:center;font-size:16px;transition:background-image .5s ease-in-out}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f0f0f0;white-space:normal}.lacquer-regular{font-family:Lacquer,system-ui;font-weight:400;font-style:normal}.permanent-marker-regular{font-family:Permanent Marker,cursive;font-weight:400;font-style:normal}.schoolbell-regular{font-family:Schoolbell,cursive;font-weight:400;font-style:normal}body.auth-background{background-image:url(/images/scenario--10.png);background-size:cover;background-position:top center}body.collection-background{background-color:#2d2b4c;overflow-y:auto}body.play-background{background-image:url(/images/scenario--10.png);overflow-y:auto}body.game-background{background-image:url(/images/scenario--11.png);overflow-y:auto}body.terms-background{background-color:#1a1a1d;overflow-y:auto}#pageContainer{height:100%;margin:0 auto;position:absolute;width:100%}.sidenav{height:100%;width:0;position:fixed;z-index:2000;top:0;left:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.sidenav .sign-out-link{color:#ff4d4d;margin-top:20px}.sidenav .sign-out-link:hover{color:#ff8080}.sidenav-footer{position:absolute;bottom:5px;width:100%;text-align:center}.sidenav-footer a{font-size:.8rem;color:#818181;padding:8px;display:inline-block}.privacy-content,.terms-content{text-align:left;margin-left:15%;margin-right:15%}#main{transition:margin-left .5s;position:relative}.container{padding:0;width:100%;height:100vh;margin-top:0;display:flex;flex-direction:column;background-image:url(/images/game-background.png);background-size:cover;background-position:center}.page-content{padding:70px 20px 20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:2.5rem;color:#c5c6c7;margin-bottom:10px}.page-header p{font-size:1.1rem;color:#66fcf1}.placeholder-content{background-color:#1f2833;border-radius:8px;padding:40px;max-width:800px;margin:0 auto;border:1px solid #45a29e}.collection-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:15px;background-color:#1f283380;border-radius:8px;max-width:1000px;margin-left:auto;margin-right:auto}.collection-controls input,.collection-controls select{background-color:#0000004d;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:10px;font-size:1rem;box-sizing:border-box;transition:all .3s ease;min-width:180px}.collection-controls input:focus,.collection-controls select:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 10px #6f42c180}.collection-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}#setupSection{background-color:#fff;padding:10px;border-radius:12px;box-shadow:0 8px 25px #0000001a;max-width:1200px;margin:5px auto;text-align:center;color:#333}#setupSection h3{color:#333;margin-bottom:25px;font-size:1.8rem}#setupSection input[type=text]{width:80%;max-width:300px;padding:12px 15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:1rem;color:#333;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}#setupSection input[type=text]::placeholder{color:#aaa}#setupSection input[type=text]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}#setupSection button{background-image:linear-gradient(#007bff,#61adff);color:#fff;border:none;padding:12px 25px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;display:inline-block;min-width:150px;margin-bottom:15px;box-shadow:1px 1px 3px #111}#setupSection button:hover{background-color:#0056b3}#setupSection button:active{transform:scale(.98)}#setupSection button:last-of-type{background-image:linear-gradient(45deg,#6f42c1,#a963f7);color:#fff}#setupSection button:last-of-type:hover{background-color:#545b62}#leaderOptions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.pyramid-row{display:flex;justify-content:center;margin:.15rem 0;gap:.25rem}.card-row{display:flex;flex-wrap:nowrap;justify-content:center;overflow:visible;padding:4px;position:relative}.leader-options-row .card{margin-left:.5rem;z-index:1;transition:transform .2s,z-index 0s .1s}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#222;color:#fff;padding:10px 20px;position:fixed;top:0;left:0;right:0;z-index:1000;height:50px;box-sizing:border-box;min-height:40px}.rulebook-content{margin:0 5%}.rulebook-content ul,.rulebook-content ol{text-align:left;margin:0 10%}.menu-toggle{font-size:1.5rem;cursor:pointer}.game-title{display:flex;margin:0 auto}.game-code{font-size:clamp(.6rem,.8rem,1rem);font-style:italic}.player-box{background-color:#222222d9;color:#fff;padding:6px 12px;border:1px solid #555;border-radius:6px;z-index:999;font-weight:700;font-size:.8rem;display:flex;flex-direction:column;min-width:150px;text-align:left}.player-box span{display:block}.player-box.player-box-active-turn{border-color:#28a745;border-width:2px;background-color:#28a74533;box-shadow:0 0 10px #28a74580}.player-score{font-size:.75rem;font-weight:400;margin-top:3px;color:#f0f0f0}.game-grid{display:grid;height:calc(100vh - 70px);width:100%;gap:15px;padding:0 15px;box-sizing:border-box}.side-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px 0}#center-column{display:flex;flex-direction:column;justify-content:center}#boardsAreaContainer{flex-grow:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hand{width:100%;z-index:100;flex-shrink:0}.deck-pile{position:relative;width:6rem;aspect-ratio:2 / 2.8;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-image:url(images/background.png);border-radius:.25rem;border:.125rem solid #333}.deck-pile img{width:100%;height:100%;opacity:.7;object-fit:contain;background-image:url(images/background.png)}.deck-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:1px solid rgba(255,255,255,.5)}.close-modal-btn{position:absolute;top:-5%;right:3%;font-size:2em;color:#aaa;cursor:pointer;transition:color .3s}#joinGameCodeInput{background-color:#0000004d;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:10px;font-size:1rem;margin-bottom:15px;box-sizing:border-box;transition:all .3s ease}.close-modal-btn:hover{color:#fff}.pyramid-board{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:.5rem 0;box-sizing:border-box}.modal-move-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin-top:10px;width:100%}.modal-move-btn:hover{background-color:#0056b3}.card-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.card-modal-content{padding:20px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;background-color:#333}.modal-ability-description{color:#f1f1f1;text-align:left;width:90%;margin:0 auto}.card-modal-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:transparent;border-radius:50%;border:none;font-size:2rem;color:#aaa;cursor:pointer;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding-bottom:2px;z-index:10}.card-modal-close-btn:hover{color:#fff}#gameSection.targeting-active .card:not(.valid-target){opacity:.6;pointer-events:none}#gameSection.targeting-active .empty-slot{opacity:.6;pointer-events:none}#gameSection.targeting-active .valid-target{opacity:1;outline:3px solid #dc3545;box-shadow:0 0 15px #dc3545;cursor:crosshair!important;transform:scale(1.05);pointer-events:auto}.modal-activate-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin-top:10px;width:100%}.modal-activate-btn:hover{background-color:#218838}.modal-activate-btn:disabled{background-color:#6c757d;cursor:not-allowed}.custom-notification{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:15px 25px;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0003;z-index:2000;transition:bottom .5s ease-in-out;min-width:280px;max-width:90%;text-align:center;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.custom-notification.visible{bottom:10%}.custom-notification.info{background-color:#007bff;color:#fff}.custom-notification.success{background-color:#28a745;color:#fff}.custom-notification.error{background-color:#dc3545;color:#fff}.custom-notification.warning{background-color:#ffc107;color:#212529}#customNotificationMessage{margin:0 15px 0 0;flex-grow:1}.custom-notification-close-btn{background:none;border:none;color:inherit;font-size:1.5rem;font-weight:700;cursor:pointer;padding:0 5px;line-height:1}.analyze-modal-content{background-color:#333;color:#fff;padding:20px;border-radius:12px;border:2px solid #555;text-align:center;max-width:90%;position:relative}.analyze-modal-content h3{margin-top:0}#analyzeCardContainer{padding:20px 0;gap:15px;flex-wrap:wrap}.analyze-card{width:120px;font-size:14px;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.analyze-card:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 0 15px #1e90ff}.modal-confirm-btn{background-color:#007bff;color:#fff;border:none;padding:12px 25px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-top:15px}.modal-confirm-btn:hover{background-color:#0056b3}.auth-button.google-signin-btn{color:#444;background-image:linear-gradient(45deg,#fff,#fff);display:flex;justify-content:center}.google-logo{width:1rem;height:1rem;margin:0 1% 0 0}#authPage{background-color:#fbfbfbf2;width:60%;color:#f0f0f0;animation:fadeIn .5s ease-in-out;padding:3%;border-radius:12px;margin:10% auto;text-align:center;border:1px solid #2a4755;flex-direction:column}.image-logo-auth{width:40%;margin:0 auto 2%;position:relative}.image-logo-nav{max-width:45px;display:none}.auth-actions{display:flex;flex-direction:column;justify-content:center;gap:20px}.auth-button{padding:2%;font-size:1rem;font-weight:700;color:#fff;background-image:linear-gradient(45deg,#2a4755,#3344a2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;width:auto;min-width:35%;margin:0 auto}.auth-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}.auth-modal-content{background-color:#1f2833;color:#fff;padding:30px;border-radius:12px;border:1px solid #45a29e;text-align:center;width:90%;max-width:400px;position:relative}.auth-modal-content h4{font-size:1.8rem;color:#66fcf1;margin-top:0;margin-bottom:25px}#usernameInput input,.auth-modal-content input{width:100%;background-color:#0000004d;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:14px;font-size:1rem;margin-bottom:15px;box-sizing:border-box;transition:all .3s ease}.auth-modal-content input::placeholder{color:#888}.auth-modal-content input:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 15px #6f42c180}.auth-modal-content button[type=submit]{background-image:linear-gradient(45deg,#6f42c1,#a963f7)}.auth-modal-content button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}#usernameModal .modal-confirm-btn{width:100%;padding:14px;font-size:1.1rem;font-weight:700;color:#fff;background-image:linear-gradient(45deg,#6f42c1,#a963f7);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;margin-top:15px}#usernameModal .modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}#usernameModal .modal-confirm-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #0003}#quitGameBtn{background-color:#c82333;color:#fff;border:none;padding:6px 12px;font-size:.8rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin:1% 20px 1% auto}#quitGameBtn:hover{background-color:#a71d2a;transform:scale(1.05)}#quitGameBtn:active{transform:scale(.98)}#endTurnBtn{background-image:linear-gradient(45deg,#2a4755,#3344a2);color:#fff;border:none;padding:6px 12px;font-size:.8rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin:1%}#endTurnBtn:hover{background-color:#4b66ff;transform:scale(1.05)}#endTurnBtn:active{transform:scale(.98)}.deck-builder-main{max-width:1400px;margin:0 auto}.deck-builder-controls{display:flex;justify-content:center;gap:10px;margin-bottom:20px;align-items:center}.deck-builder-controls select,.deck-builder-controls button{padding:10px 15px;font-size:1rem;border-radius:6px;border:1px solid #444;background-color:#0000004d;color:#f0f0f0;cursor:pointer;transition:all .2s ease}.deck-builder-controls button:hover{background-color:#6f42c1;border-color:#a963f7}.deck-builder-interface{display:flex;gap:20px}.deck-builder-column{flex:1;background-color:#1a1a1db3;border-radius:8px;padding:15px;height:70vh;display:flex;flex-direction:column}.deck-builder-column h3{text-align:center;color:#66fcf1;margin-top:0}.deck-card-list{flex-grow:1;overflow-y:auto;padding:5px}.deck-card-entry{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-bottom:5px;background-color:#0003;border-radius:4px;cursor:pointer;transition:background-color .2s}.deck-card-entry:hover{background-color:#6f42c166}.deck-card-entry .card-name{font-weight:700}.deck-card-entry .card-count{font-style:italic;color:#aaa}.current-deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#deckNameInput{flex-grow:1;margin-right:10px;background-color:#0000004d;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:10px;font-size:1rem}#deckCardCount{font-size:1.2rem;font-weight:700;color:#66fcf1}#saveDeckBtn{width:30%;min-width:35px;padding:12px;font-size:1.1rem;font-weight:700;color:#fff;background-image:linear-gradient(45deg,#28a745,#218838);border:none;border-radius:6px;cursor:pointer;margin-top:10px}#saveDeckBtn:hover{filter:brightness(1.1)}.card.player-card{border-color:#007bff;box-shadow:0 0 5px #007bff80}.card.opponent-card{border-color:#e4541f;box-shadow:0 0 5px #f29f2c}.card.leader.player-card{border-width:.2rem;box-shadow:0 0 12px #007bffb3}.card.leader.opponent-card{border-width:.2rem;box-shadow:0 0 12px #dc3545b3}#gameSection>.mobile-name-boxes{display:none!important}.profile-content{background-color:#1f2833;border-radius:8px;padding:20px;max-width:800px;margin:0 auto;border:1px solid #45a29e;text-align:left}.profile-section{margin-bottom:30px}.profile-section h2{color:#66fcf1;font-size:1.8rem;margin-bottom:15px;border-bottom:2px solid #45a29e;padding-bottom:5px}.profile-section p{font-size:1.1rem;color:#f0f0f0;margin-bottom:10px}.recent-games-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.95rem}.recent-games-table th,.recent-games-table td{border:1px solid #45a29e;padding:10px;text-align:left;color:#f0f0f0}.recent-games-table th{background-color:#2a4755;font-weight:700;color:#66fcf1}.recent-games-table tr:nth-child(2n){background-color:#0000001a}.recent-games-table tr:hover{background-color:#66fcf11a}.recent-games-table .win{color:#28a745;font-weight:700}.recent-games-table .loss{color:#dc3545;font-weight:700}.recent-games-table .draw{color:#ffc107;font-weight:700}.animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;pointer-events:none;overflow:hidden;display:flex;justify-content:center;align-items:center}.turn-banner{padding:15px 50px;background-color:#111111d9;color:#66fcf1;font-size:2.5rem;font-weight:700;border-radius:12px;border:2px solid #66fcf1;box-shadow:0 0 25px #66fcf180;opacity:0;transform:scale(.5)}.card-is-animating{position:fixed;z-index:5001;pointer-events:none}@media (max-aspect-ratio: 3/4){.leader-slot{width:6rem;height:calc(6rem * 1.4)}}@media (max-width: 768px){.auth-form-container form:first-of-type{border-right:none}#gameSection>.mobile-name-boxes{display:flex!important}#gameSection #opponent-column>#opponentNameBox{display:none!important}#gameSection #player-column>#yourNameBox{display:none!important}.page-content{padding:50px 20px 20px;animation:fadeIn .5s ease-in-out}.player-box{min-width:none}.action-buttons-container{display:flex;justify-content:space-between;width:100%;padding:5px 10px;box-sizing:border-box}.opponent-hand-area{display:none}#quitGameBtn,#endTurnBtn{margin:0;flex-basis:30%;font-size:.9rem}#opponent-column.side-column{flex-direction:row;width:80%}.navbar .game-title,.navbar #userSection{display:none}.game-grid{display:flex;flex-direction:column;width:100%;gap:15px;padding:0 15px;box-sizing:border-box}.deck-pile{display:none}.side-column{gap:0px;padding:0}#leaderOptions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;border-radius:8px;margin-top:15px}.deck-builder-interface{flex-direction:column}#deckSelector{width:70%}.pyramid-row{margin:0;gap:0}.auth-button{font-size:.8rem;width:auto;white-space:nowrap;padding:4%}.auth-button.google-signin-btn{width:auto;white-space:nowrap;padding:4%}#authPage{width:75%;margin:20% auto}#usernameForm input{width:100%;background-color:#0000004d;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:14px;font-size:1rem;margin-bottom:15px;box-sizing:border-box;transition:all .3s ease}.analyze-modal-content{width:80%}.play-mode-container{position:static;display:flex;flex-direction:column;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:1000;padding-top:15px}.play-mode-box{display:flex;justify-content:center;gap:2%}.collection-grid{gap:5px}}@media (max-aspect-ratio: 4/5){#boardsAreaContainer{flex-direction:column}.pyramid-board{flex:1;width:100%}.leader-zone{flex-direction:row}#gameSection>.hand{flex:0 0 auto;z-index:20;display:flex;justify-content:center;align-items:center;min-height:4.5rem;padding:.25rem 0;margin-left:8%}}.card-container{aspect-ratio:500 / 700;position:relative;color:#4a3f3c;font-family:Permanent Marker,cursive;background-color:transparent!important}.card-layer{position:absolute;top:0;left:0;width:100%;height:100%}#character-image-container{z-index:1;overflow:hidden;border-radius:25px;display:flex;justify-content:center;align-items:flex-start}#card-character-image{width:80%;height:80%;object-fit:contain}#card-frame{z-index:2}#card-text-elements{z-index:3}.points-area{position:absolute;top:4.5%;left:5%;width:21%;height:12%;background-image:url(/images/badge.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;font-size:1.4em;padding-bottom:5px;font-weight:700}.points-area span{display:inline-block;transform:rotate(-15deg)}.title-area{position:absolute;top:5.5%;left:28%;width:70%;height:10%;background-image:url(/images/Final-cardTitle.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;font-size:.8em;padding:0 5px;box-sizing:border-box;font-weight:700}.ability-area{position:absolute;bottom:6%;left:10%;width:80%;height:25%;background-image:url(/images/patch-abilities.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center;font-size:.7em;text-align:center;padding:0 10px;box-sizing:border-box;line-height:1.1}.card{background-color:transparent;margin:0;padding:0;border:none;box-shadow:none;width:auto;aspect-ratio:unset;display:block;overflow:visible}.card.selected-for-play,.card.selected-for-move{outline:4px solid #4CAF50;box-shadow:0 0 15px #4caf50;transform:scale(1.05);border-radius:25px}#handCards .card-container{width:10rem;font-size:10px;cursor:pointer}.card-row .card{margin-left:-5rem;transition:transform .2s ease;position:relative}.card-row .card:first-child{margin-left:0}.card-row .card:hover{transform:scale(1.2) translateY(-20px);z-index:10;background-color:transparent}.pyramid-board .card-container{width:5rem;font-size:7px}#leaderOptions .card{margin:.5rem;background-color:transparent;border:none;box-shadow:none;outline:none}#leaderOptions .card .card-container{transition:transform .2s ease,box-shadow .2s ease;border-radius:10%;width:12rem;font-size:12px;cursor:pointer}#leaderOptions .card:hover .card-container{transform:translateY(-5px);box-shadow:0 8px 10px -6px #6e78ffed;background-color:transparent;border-bottom:solid 4px rgba(63,79,254,.93)}.collection-grid .card-container,.card-modal .card-container{width:16rem;font-size:16px}.empty-slot{width:7rem;aspect-ratio:500/700;border:2px dashed #aaa;background-color:#0000001a;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:2rem;box-sizing:border-box;border-radius:25px;margin:.15rem}.empty-slot.playable-slot,.empty-slot.movable-to-slot{border-color:#4caf50;background-color:#4caf5033;cursor:pointer;color:#4caf50}@media (max-width: 768px){.pyramid-board .card-container .empty-slot{width:10vw;max-width:5.5rem;font-size:7px}.pyramid-row{gap:1vw}#handCards .card-container{width:7rem;font-size:7px}#handCards .card-row .card{margin-left:-4rem}}.mobile-game-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:#1a1a1d;position:fixed;top:0;left:0;z-index:50;overflow:hidden}.opponent-zone{flex:1;position:relative;width:100%;transform:rotate(180deg);background:linear-gradient(to bottom,#2c1a1a,#1a1a1d);border-top:2px solid rgba(255,69,58,.3);display:flex;flex-direction:column}.player-zone{flex:1;position:relative;width:100%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#1a1a1d,#1a2c3a)}.waterfall-board{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:10px;margin-bottom:auto}.waterfall-row{display:flex;justify-content:center;gap:6px;margin-bottom:4px}.wf-slot{width:46px;height:62px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center;transition:all .1s}.opponent-zone .wf-slot{transform:rotate(180deg)}.wf-slot.playable{border:1px dashed #4CAF50;background:#4caf5026;box-shadow:0 0 8px #4caf504d}.wf-slot.targetable{border:2px solid #ff4444;background:#ff444426;animation:pulse-target 1s infinite}@keyframes pulse-target{0%{box-shadow:0 0 #f446}50%{box-shadow:0 0 10px #ff4444b3}to{box-shadow:0 0 #f446}}.wf-card{width:100%;height:100%;border-radius:4px;background-size:cover;background-position:center;border:1px solid #777;position:relative}.wf-card.leader{border:2px solid #FFD700;box-shadow:0 0 8px #ffd70066}.wf-card.selected{outline:2px solid #00BFFF;box-shadow:0 0 12px #00bfff;z-index:10}.wf-points{position:absolute;top:-5px;right:-5px;background:#222;color:#fff;border:1px solid #fff;border-radius:50%;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:5}.player-controls-area{margin-top:auto;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #444;padding-bottom:5px;width:100%;display:flex;flex-direction:column;align-items:center}.hud-bar{display:flex;justify-content:space-between;width:92%;padding:4px 0;font-size:.75rem;color:#ccc}.hand-scroll-area{display:flex;width:100%;overflow-x:auto;padding:10px 15px;gap:8px;scrollbar-width:none}.hand-scroll-area::-webkit-scrollbar{display:none}.hand-card-item{width:60px;height:80px;flex-shrink:0;border-radius:5px;background-color:#333;border:1px solid #aaa;background-size:cover;position:relative;transition:transform .15s}.hand-card-item.selected{transform:translateY(-12px);border-color:#00bfff;box-shadow:0 0 10px #00bfff99}.fab-end-turn{position:absolute;bottom:125px;right:15px;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,#007bff,#0056b3);color:#fff;font-weight:700;font-size:.7rem;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 10px #00000080;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.fab-end-turn:disabled{background:#555;color:#aaa;border-color:#777}.wf-slot .card{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wf-slot .card-container{width:5rem!important;font-size:6px!important;transform-origin:center center}#handCards{justify-content:center;margin-top:10px}.wf-slot .title-area,.wf-slot .ability-area,.wf-slot .character-passive-text{display:none!important}.wf-slot .points-area{top:2%;left:2%;width:30%;height:20%;font-size:.8rem}#quitGameBtn{position:absolute;top:60px;left:10px;z-index:5000}.notification-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);min-width:300px;max-width:90%;padding:12px 20px;border-radius:8px;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;animation:slideDownFade .4s ease-out forwards}@keyframes slideDownFade{0%{opacity:0;top:60px;transform:translate(-50%) scale(.9)}to{opacity:1;top:80px;transform:translate(-50%) scale(1)}}.toast-content{font-size:.95rem;text-align:center;line-height:1.4}.turn-banner{pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 768px) and (min-height: 600px){.wf-slot,.card-slot{width:10vh!important;height:13vh!important;border-radius:8px}.wf-slot .card-container{font-size:10px!important;width:100%!important}.hand-card-item{width:12vh;height:16vh}.waterfall-row,.pyramid-row{gap:1.5vh;margin-bottom:1vh}.mobile-game-container{align-items:center;background-image:radial-gradient(circle at 50% 50%,#2a2a2a,#121212)}.opponent-zone,.player-zone{max-width:100vh;width:100%;display:flex;flex-direction:column;align-items:center}}