:root{--background-color: #161616;--surface-color: #272727;--text-color: #f0f0f0;--accent-color: #8963BA;--border-color: #3a3939;--icon-color: #959494;--hover-color: #6d3c88}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;position:fixed;width:100%;height:100%;top:0;left:0}.no-scroll{overflow-y:hidden}.app-container{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.game-layout{display:flex;gap:20px;align-items:flex-start;text-align:center;width:100%;max-width:1900px;min-height:100vh}.game-board{flex-grow:1}h1,h2,h3,h4{margin-bottom:1rem}hr{border:none;border-top:1px solid var(--border-color);margin:20px 0}button,input{font-family:Poppins,sans-serif;font-size:1em;padding:10px 15px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color)}button{cursor:pointer;background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;font-weight:500;border:none;transition:transform .2s,background-color .2s;position:relative;overflow:hidden;z-index:1;transition:color .4s ease-in-out}button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#8963ba,#6d3c88,#8963ba);background-size:250% 250%;transition:opacity .4s ease-in-out;z-index:-1;opacity:0}button:hover:before{opacity:1;animation:wave 3s ease infinite}button:hover{color:#fff;border:none}@keyframes wave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}button:disabled{background-color:#555;border-color:#555;color:#999;cursor:not-allowed}.title-image{max-width:1000px;width:80%;margin-bottom:-40px;margin-top:-80px;z-index:2}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:15px;min-height:180px}.card{background-color:#f8f9fa;color:#212529;border-radius:12px;padding:15px;height:180px;width:130px;font-weight:500;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 6px #0003}.prompt-card{background-color:#212529;color:#f8f9fa;width:220px;font-size:1.1em;font-weight:700;border:2px solid white;position:relative}.card-deck{width:130px;height:180px;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:var(--border-color)}.card-deck:before,.card-deck:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;transition:transform .2s}.card-deck:before{transform:rotate(-5deg);z-index:-1}.card-deck:after{transform:rotate(5deg);z-index:-2}.card-deck:hover:before{transform:rotate(-8deg)}.card-deck:hover:after{transform:rotate(8deg)}@keyframes fly-out{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.revealed-card{animation:fly-out .5s ease-out forwards}.round-winner-overlay{position:fixed;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:1000}.round-winner-overlay h2{font-size:2.5em}.round-winner-prompt{transform:scale(.9);margin-bottom:-.5rem}.winner-card{border-color:var(--text-color);box-shadow:0 0 25px #ffffff80;transform:scale(1.1)}.animated-card{animation:whipIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.scoreboard{flex-shrink:0;border:1px solid var(--border-color);border-radius:8px;padding:15px;background-color:var(--surface-color)}.scoreboard h3{margin-top:0;text-align:center;margin-bottom:15px}.scoreboard ul{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:10px}.scoreboard li{display:grid;gap:2px;align-items:center;padding:5px 0;font-size:1.1em}.scoreboard li.is-me .player-name{color:var(--text-color);font-weight:700}.scoreboard.scoreboard-medium li{font-size:.95em;padding:3px 0;gap:2px}.scoreboard.scoreboard-large li{font-size:.9em;padding:2px 0;gap:1px}.scoreboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;position:relative}.scoreboard-grid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--border-color);transform:translate(-50%)}.scoreboard-column{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:10px}.scoreboard li{grid-template-columns:15px 25px 1fr 30px}.player-name{max-width:120px}.scoreboard.scoreboard-large .player-name{max-width:100px}.player-rank{font-size:1em;color:#888;text-align:right;padding-right:5px}.score-separator{height:1px;background-color:var(--border-color);margin:8px 0}.player-name,.player-name-ingame{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;text-align:left}.player-status-icons{display:flex;justify-content:center;align-items:center;width:30px}.player-score{font-weight:700;text-align:center}.czar-icon{color:#888}.czar-icon,.submitted-icon{font-size:.9em;width:.9em;height:.9em;display:flex;align-items:center;justify-content:center;margin-right:10px}.player-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scoreboard.scoreboard-medium .player-name,.scoreboard.scoreboard-large .player-name{max-width:100%}.scoreboard-grid{gap:0 10px}.submitted-icon{color:#aaa}.kick-button{background:none;border:none;color:#888;padding:0;margin:0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s;width:65px;height:30px}.kick-button:before{border-radius:0}.kick-button:hover{color:#fff;background-color:var(--accent-color);transform:scale(1.1)}.skip-button{position:absolute;bottom:0;right:0;padding:5px 10px;font-size:18px;background-color:#fff0;border:1px solid rgba(255,255,255,0)}.submission-group{display:flex;gap:10px;border-radius:16px;border:4px solid transparent;cursor:pointer;transition:all .2s ease-in-out}.submission-group.czar-view:hover{border-color:var(--accent-color);background-color:none}.card.czar-hand-card{opacity:.6;cursor:default}.card.czar-hand-card:hover{transform:none}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;position:relative}.home-container{background-color:var(--surface-color);padding:40px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000004d;width:100%;max-width:800px;z-index:2}.home-actions{display:flex;justify-content:center;gap:20px;margin-top:20px}.home-box{flex:1;padding:20px;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.home-box button{margin-top:15px}.home-box input{width:100%;margin-top:10px}.background-cards-container{position:absolute;top:0;opacity:.7;filter:blur(5px);left:0;min-height:100vh;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,#000 50% 0%,#534f4f41)}.background-card{position:absolute;opacity:0;transition:opacity 1s ease-in;filter:blur(1px)}.background-card.visible{opacity:1}.background-card .card{box-shadow:none;background-color:#a19f9f;color:#000}.background-card .prompt-card{background-color:#000;border-color:#fff3;color:#ffffffb3}.error-message{color:#e53935;font-weight:500;height:20px;margin-bottom:5px}.game-notification-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1001;font-size:1.5em;text-align:center}.lobby-grid-container{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"lobby chat" "cards chat";gap:30px 50px;align-items:start;height:85vh;padding:10vh}.lobby-container{position:relative;grid-area:lobby;background-color:var(--surface-color);padding:30px 40px;border-radius:16px;border:1px solid var(--border-color);text-align:left;display:flex;font-size:18px;gap:40px}.lobby-details{flex-grow:1}.lobby-players{width:200px;flex-shrink:0;border-left:1px solid var(--border-color);padding-left:40px}.chat-container{grid-area:chat;background-color:var(--surface-color);padding:20px;border-radius:16px;border:1px solid var(--border-color);height:100%;font-size:18px;display:flex;flex-direction:column}.card-count-container{grid-area:cards;display:flex;justify-content:center;gap:20px;padding-top:20px}.card.count-display{height:120px;width:140px;font-size:1em;flex-direction:column;gap:5px;border:none}.card.count-display .count{font-size:2.5em;font-weight:700;line-height:1}.settings-modal button{margin-top:10px}.settings-group{margin-bottom:8px}.settings-group label{display:block;opacity:.7;margin-bottom:5px}.settings-group p,.settings-group select{font-size:1.2em;font-weight:700}.settings-group select{width:100px}.settings-button{position:absolute;top:25px;right:25px;background:none;border:none;padding:5px;font-size:1.5em;color:var(--icon-color);cursor:pointer;transition:transform .2s ease-out,color .2s ease-out}.settings-button:hover{color:var(--text-color);transform:rotate(45deg);background:none;border:none}.settings-button:before{background:none}.player-list{max-height:280px;overflow-y:auto;padding-right:10px}.player-list h4{margin-bottom:15px}.player-list ul{list-style-type:none;padding:0}.player-list li{font-size:1.1em;padding:8px 0}.player-list-trigger{margin-top:20px;background:none;border:1px solid var(--border-color);color:var(--icon-color);display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:8px 15px}.player-list-trigger:hover{border-color:var(--text-color);color:var(--text-color);background-color:var(--surface-color)}.player-list-modal{max-width:400px;width:90%}.player-list-modal .kick-player-list{max-height:30vh;overflow-y:auto;padding-right:10px}.mobile-overlay-container{width:100%;position:relative;top:25%;display:flex;justify-content:center;align-items:center;z-index:100}.kick-modal>.confirmation-buttons button{position:absolute;top:4%;right:42%;background:none;font-size:1.3em;border-radius:0}.kick-modal>.confirmation-buttons button:before{background:none}.overlay-backdrop{position:fixed;inset:0;background-color:#0009;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-overlay-container .kick-modal>.kick-player-list{height:220px;overflow-y:auto}.player-list,.player-list-modal .kick-player-list,.mobile-overlay-container .scoreboard ul,.mobile-overlay-container .kick-player-list{scrollbar-width:thin;scrollbar-color:#3a393998 var(--surface-color)}.player-list::-webkit-scrollbar,.player-list-modal .kick-player-list::-webkit-scrollbar,.mobile-overlay-container .scoreboard ul::-webkit-scrollbar,.mobile-overlay-container .kick-player-list::-webkit-scrollbar{width:8px}.player-list::-webkit-scrollbar-track,.player-list-modal .kick-player-list::-webkit-scrollbar-track,.mobile-overlay-container .scoreboard ul::-webkit-scrollbar-track,.mobile-overlay-container .kick-player-list::-webkit-scrollbar-track{background:var(--surface-color);border-radius:4px}.player-list::-webkit-scrollbar-thumb,.player-list-modal .kick-player-list::-webkit-scrollbar-thumb,.mobile-overlay-container .scoreboard ul::-webkit-scrollbar-thumb,.mobile-overlay-container .kick-player-list::-webkit-scrollbar-thumb{background-color:#3a393998;border-radius:4px;border:2px solid var(--surface-color)}.player-list::-webkit-scrollbar-thumb:hover,.player-list-modal .kick-player-list::-webkit-scrollbar-thumb:hover,.mobile-overlay-container .scoreboard ul::-webkit-scrollbar-thumb:hover,.mobile-overlay-container .kick-player-list::-webkit-scrollbar-thumb:hover{background-color:#3a3939}.mobile-overlay-container .kick-player-list{max-height:32vh;overflow-y:auto;padding-right:10px}.kick-player-list{list-style-type:none;padding:0;margin:10px 0;text-align:left}.lobby-background{filter:brightness(.05)}.lobby-screen{position:relative;width:100%;height:100vh;overflow:hidden;justify-content:center;align-items:center}.chat-messages{flex-grow:1;overflow-y:auto;margin-bottom:10px;text-align:left}.chat-messages p{margin-bottom:8px;word-wrap:break-word}.chat-messages strong{color:var(--accent-color)}.system-message{color:#999;font-style:italic;text-align:center;margin:10px 0}.player-message{word-wrap:break-word}.player-message strong{color:var(--accent-color)}.player-list li{display:flex;justify-content:space-between;align-items:center}.game-sidebar{display:flex;flex-direction:column;gap:25px;width:300px;padding-right:10px;padding-top:10px;flex-shrink:0;height:85vh}.in-game-chat{flex-grow:1;display:flex;flex-direction:column;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:10px;min-height:0;max-height:400px}.image-submit-container{margin-top:30px;padding:15px;background-color:var(--surface-color);border-radius:8px;border:1px solid var(--border-color);max-width:500px;margin-left:auto;margin-right:auto;display:flex}.image-submit-container input{width:calc(100% - 100px);margin-right:10px}.card.image-card{padding:0;overflow:hidden;background-color:#fff}.card.image-card img{width:100%;height:100%;object-fit:contain}.card .image-url-text{font-size:12px;word-break:break-all;padding:10px}.toggle-image-button{position:absolute;bottom:5px;right:5px;padding:3px 8px;font-size:10px;background-color:#0009;border:1px solid rgba(255,255,255,.8);color:#fff;z-index:2}button.card.image-card{padding:0;overflow:hidden}button.card.image-card img{width:100%;height:100%;object-fit:contain}.back-button{position:absolute;top:25px;left:25px;background:none;border:none;padding:5px;font-size:2.5em;color:var(--icon-color);cursor:pointer;z-index:10;transition:.2s}.back-button:hover{color:var(--text-color);font-size:2.8em;background:none;transform:none}.back-button:before{background:none}.confirmation-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1002}.confirmation-box{background-color:var(--surface-color);padding:30px 40px;border-radius:12px;font-size:16px;border:1px solid var(--border-color);text-align:center;max-width:450px}.confirmation-box p{margin:15px 0 25px;color:#ccc}.confirmation-buttons{display:flex;justify-content:center;gap:15px;margin-top:25px}.report-button{position:fixed;bottom:20px;left:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5em;color:var(--icon-color);z-index:10}.report-modal textarea{width:100%;padding:10px;font-family:Poppins,sans-serif;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;margin-bottom:20px;resize:vertical}.report-status{margin-top:15px!important;height:20px}.game-info-display{padding:15px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px}.game-info-display h4{margin-bottom:0;color:#aaa;text-align:center;font-size:1.2em;font-weight:300}.game-info-display .room-code{font-size:1.3em;font-weight:700;letter-spacing:2px;color:var(--text-color);text-align:center;margin-top:-5px}.game-info-display hr{margin:5px 0}.setting-item{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:#ccc}.setting-item span:first-child{display:flex;align-items:center;gap:8px}.setting-item span:last-child{font-weight:700;color:var(--text-color)}@keyframes whipIn{0%{opacity:0;transform:translateY(80px) rotate(20deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.game-over-overlay{position:fixed;inset:0;background-color:#00000096;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:1000}.final-winner-info{display:flex;align-items:center;gap:15px;margin-bottom:2rem}.trophy-icon{font-size:2.5em;color:gold}.final-scores{list-style-type:none;padding:0;width:100%;max-width:300px;margin-bottom:2rem}.final-scores li{display:flex;justify-content:space-between;padding:8px 15px;border-radius:6px;margin-bottom:5px;font-size:1.1em}.player-rank{text-align:left}.score-separator{font-size:1.5em;letter-spacing:5px;margin:-15px 0;color:#555}.your-score{margin-top:0;opacity:.8}.final-scores .is-winner{background-color:gold;color:#212529;font-weight:700}.returning-text{margin-top:2rem;font-style:italic;color:#ccc}.countdown-timer{position:absolute;top:3vw;left:3vw;display:flex;align-items:center;justify-content:center}.countdown-timer svg{position:absolute}.timer-background{stroke:var(--surface-color)}.timer-progress{stroke:var(--icon-color);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text{font-size:2.5em;font-weight:700;color:var(--text-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-div{display:flex;gap:30px}.image-submit-container input{flex-grow:1;min-width:100px}.image-submit-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;background-color:#e9ecef}.image-submit-card input{width:100%;font-size:.8em;text-align:center;padding:5px}.image-submit-card .submit-image-card-button{font-size:.9em;padding:8px 10px;width:100%}.image-submit-card .image-creations-left{font-size:.7em;color:#6c757d;align-self:flex-start}.open-kick-modal-button{position:fixed;bottom:15px;right:15px;width:50px;height:50px;border-radius:50%;background-color:#1e1e1ecc;border:1px solid rgba(80,80,80,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--icon-color);font-size:1.3em;padding:0;display:flex;align-items:center;justify-content:center;z-index:50}.kick-modal{width:90%;max-width:350px}.kick-player-list li{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:1.2em;border-bottom:1px solid var(--border-color)}.kick-modal h3{margin:0}.kick-player-list li:last-child{border-bottom:none}.kick-button-in-modal{background:none;border:none;color:#fff;width:45px;height:45px;margin:5px 0;border-radius:30%;font-size:.8em;display:flex;align-items:center;justify-content:center}.spotlight-svg{pointer-events:none;position:absolute;z-index:1;height:169%;width:138%;opacity:0;animation:spotlight 2s ease-out forwards}@keyframes spotlight{0%{opacity:0;transform:translate(-42%,-42%) scale(.5)}to{opacity:1;transform:translate(-30%,-40%) scale(1.2)}}.spotlight-container{position:relative;background:radial-gradient(circle at 50%,transparent -50%,black 75%);height:100vh}.home-screen>.title-image,.home-screen>.home-container,.background-card{opacity:1}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5;opacity:0;animation:fade-in-particles 2s ease-in .5s forwards}@keyframes fade-in-particles{0%{opacity:0}to{opacity:1}}.particle{position:absolute;border-radius:50%;background:#ffffff26;animation:float-particle infinite}@keyframes float-particle{0%{transform:translate(0);opacity:0}25%{opacity:1}50%{transform:translate(20px,-40px)}75%{opacity:1}to{transform:translate(0);opacity:0}}.lobby-spotlight-wrapper{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;z-index:2}.lobby-spotlight-beam-container{position:absolute;top:0;width:100vw;height:100vh;pointer-events:none}.lobby-spotlight-beam-container.left{left:0}.lobby-spotlight-beam-container.right{right:0}.spotlight-gradient{position:absolute;top:0}.spotlight-gradient.first{left:0}.spotlight-gradient.second,.spotlight-gradient.third{left:0;transform-origin:top left}.lobby-spotlight-beam-container.right .spotlight-gradient.first{right:0;left:auto}.lobby-spotlight-beam-container.right .spotlight-gradient.second,.lobby-spotlight-beam-container.right .spotlight-gradient.third{right:0;left:auto;transform-origin:top right}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:1;background-color:#000000e6;-webkit-mask-image:radial-gradient(ellipse 70% 65% at center,transparent 40%,black 80%);mask-image:radial-gradient(ellipse 60% 45% at 50% 40%,transparent 40%,black 80%)}.game-viewport{box-sizing:border-box}.image-submit-card{cursor:pointer;border:2px dashed var(--border-color);background-color:var(--surface-color);transition:border-color .2s,background-color .2s;color:var(--icon-color)}.image-submit-card:hover{border-color:var(--accent-color);background-color:#333}.upload-instructions{font-size:.9em;font-weight:500;text-align:center}.loader{font-size:1.2em;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.delete-image-button{position:absolute;bottom:-5px;right:-5px;z-index:10;background-color:#e53935;color:#fff;border:2px solid var(--background-color);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;padding:0;box-shadow:0 2px 5px #0006;transition:transform .2s,background-color .2s}.delete-image-button:hover{transform:scale(1.1);background-color:#c62828}.upload-instructions{font-size:.9em;font-weight:500;text-align:center;line-height:1.3}.rotate-device-overlay{display:none;position:fixed;inset:0;background-color:var(--background-color);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;z-index:9999;text-align:center}.rotate-device-icon{font-size:5em;margin-bottom:1rem}.mobile-ui-container{position:fixed;inset:0;z-index:50;pointer-events:none}.mobile-ui-container>*{pointer-events:auto}.player-hand-container{position:relative;width:100%}@keyframes moveGradient{50%{background-position:100% 50%}}.submit-button{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);z-index:10;padding:12px 25px;font-size:1.1em;color:#fff;border-radius:50px;border:2px solid transparent;background:linear-gradient(var(--surface-color),var(--surface-color)) padding-box,linear-gradient(60deg,#905ff2,#c15ff2,#f25fc1,#c15ff2,#905ff2) border-box;background-size:300% 300%;animation:moveGradient 4s alternate infinite}.mobile-action-buttons{display:none}@media (max-width: 1023px) and (orientation: landscape){.revealed-cards-container>h4{position:absolute;top:20px;left:56%}.game-layout{flex-direction:row;align-items:stretch;height:100svh;padding:10px}.mobile-overlay-container{width:100%;position:relative;top:10%;display:flex;justify-content:center;align-items:center;z-index:100}.mobile-overlay-container div{width:500px;flex-grow:0}.in-game-chat{height:200px;position:absolute;display:flex;justify-content:space-between;top:50%}.in-game-chat h4{font-size:1.2rem;position:sticky;margin-bottom:0}.mobile-overlay-container>button,.game-info-display button,.kick-modal>.confirmation-buttons button{position:absolute;top:4%;right:18%;background:none;font-size:1.3em}.kick-modal>.confirmation-buttons button{right:28%;font-size:1.6em;background:none}.game-sidebar{display:none}.game-board{display:flex;flex-direction:row;width:100%;gap:10px}.mobile-prompt-area{flex-basis:30%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;margin-top:-70px}.mobile-main-area{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;margin-top:-60px}.mobile-prompt-area .prompt-card{transform:scale(.7)}.mobile-prompt-area p{margin-top:-20px}.player-hand-container .card-container{gap:8px}.player-hand-container h4{margin-bottom:-10px}.overlay-spotlight{position:absolute;top:-250px;left:-300px;width:1800px;height:800px;opacity:.1;pointer-events:none}.spotlight-svg{animation:spotlight .3s ease-out forwards}.overlay-backdrop{position:fixed;inset:0;background-color:#0009;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-hand-container{transform:scale(.6);width:1000px}.revealed-cards-area .card,.revealed-cards-area .card-deck{transform:scale(.9)}.revealed-cards-area{display:grid;grid-template-columns:repeat(3,1fr)}.revealed-card{padding:5px 0}.revealed-card>img{width:100%;object-fit:contain;height:100%}.mobile-action-buttons{display:flex;position:fixed;bottom:15px;left:15px;z-index:50;background-color:#1e1e1ecc;border:1px solid rgba(80,80,80,.9);border-radius:22px;padding:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-action-buttons button{background:transparent;border:none;color:var(--icon-color);width:60px;height:40px;border-radius:25px;font-size:1.4em;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.mobile-action-buttons button:before{background:none;background:var(--accent-color)}.mobile-action-buttons button:hover{background-color:#ffffff1a;color:var(--text-color)}.mobile-overlay-container .scoreboard li{grid-template-columns:auto 20px 1fr auto;gap:8px}.mobile-overlay-container .scoreboard ul{max-height:150px;overflow-y:auto;padding-right:10px}.mobile-overlay-container .player-status-icons{width:20px;height:20px}.mobile-overlay-container .czar-icon,.mobile-overlay-container .submitted-icon{margin-right:0}.setting-item span:last-child{margin-right:6%}.kick-player-list li>span{flex-grow:1;text-align:left}}@media (max-width: 820px) and (orientation: landscape){.card-container{scale:80%}.submit-button{bottom:-65px}}.rotate-device-overlay{display:none}@media (max-width: 1023px) and (orientation: portrait){body.in-game .game-layout,body.in-game .game-over-overlay{display:none!important}body.in-game .rotate-device-overlay{display:flex;position:fixed;inset:0;background-color:var(--background-color);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;z-index:9999;text-align:center}body.in-game .rotate-device-icon{font-size:5em;margin-bottom:1rem}}@media (max-width: 768px){.home-screen{padding-left:15px;padding-right:15px;justify-content:flex-start;padding-top:5vh}.home-container{font-size:13px;padding:15px 5px 5px;width:85%;height:55%;margin-top:5px}.home-container>input{width:100%;scale:.9}.home-container h1{font-size:2em}.confirmation-box{max-width:340px;font-size:12px;max-height:50%}.confirmation-box .confirmation-buttons{margin-top:-10px}.error-message{font-size:12px;padding-top:20px;padding-bottom:30px;height:20px}.home-actions{flex-direction:column;gap:0px;width:100%;margin-top:0}.home-box{padding:10px;margin:0;flex:0;width:100%;scale:.9}.home-box h4{font-size:1.1em}.title-image{width:115%;max-width:500px;margin-top:-30px}.report-button{width:50px;height:50px;font-size:1.2em;bottom:15px;left:15px}.lobby-details{grid-area:details}.lobby-players{grid-area:players}.lobby-details,.lobby-players,.chat-container{padding:15px;border-radius:12px;background-color:var(--surface-color);border:1px solid var(--border-color)}.lobby-details{max-height:420px}.lobby-players{border-left:none;width:auto;padding-left:15px;padding-top:15px}.lobby-screen{display:block;padding:15px;height:auto;min-height:100vh}.lobby-grid-container{height:auto;padding:50px 0 0;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto auto 1fr;grid-template-areas:"details details" "players chat" "card-counts card-counts";gap:15px}.lobby-container,.chat-container,.lobby-players{width:100%;max-height:none;padding:15px;-webkit-mask-image:none;mask-image:none}.lobby-container{grid-area:details;flex-direction:column;gap:20px;width:90%;font-size:14px;margin-left:5%}.lobby-players{grid-area:players;padding-left:15px;border-left:none}.chat-container{height:250px;grid-area:chat;width:90%;font-size:12px}.chat-container h4{font-size:16px}.back-button{top:5px}.card-count-container{grid-area:card-counts;position:static;padding:15px 20px;pointer-events:auto}.card-count-container .card{height:100px;width:120px;border-radius:12px}.card-count-container .card span{display:block}.card-count-container{grid-area:unset;display:flex;justify-content:left;bottom:0;left:0;right:0;gap:5px;pointer-events:none}.card-count-container .card{height:45px;width:45px;border-radius:10%;padding:0;pointer-events:auto}.card-count-container .card span{display:none}.card-count-container .card .count{display:block;font-size:1.1em}.start-game-section{display:flex;align-items:center;gap:20px}.start-game-section button{max-height:60px}.settings-div{display:flex;gap:20px}@keyframes spotlight{0%{opacity:0;transform:translate(-72%,-62%) scale(.5)}to{opacity:1;transform:translate(-20%,-50%) scale(2)}}.spotlight-container{position:relative;background:radial-gradient(circle at center,transparent 10%,black 90%);height:100vh}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:130vh;pointer-events:none;z-index:1;background-color:#000000e6;-webkit-mask-image:radial-gradient(ellipse 80% 45% at 50% 45%,transparent 50%,black 90%);mask-image:radial-gradient(ellipse 80% 45% at 50% 45%,transparent 50%,black 90%)}.game-scale-wrapper,.app-container{min-width:1100px;width:1100px;box-sizing:border-box}.game-viewport{overflow:auto;-webkit-overflow-scrolling:touch}html,body{overflow-x:hidden}.game-sidebar .in-game-chat,.game-sidebar .game-info-display{display:none!important}.overlay-spotlight{position:absolute;top:0;opacity:.15;pointer-events:none}.mobile-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.mobile-overlay-header h3{margin:0}.mobile-overlay-header button{background:none;border:none;font-size:1.5em;padding:5px;color:var(--icon-color)}body:has(.game-layout){background-color:var(--background-color)}.rotate-device-icon{font-size:5em;margin-bottom:1rem}}.submission-pagination{display:flex;align-items:center;justify-content:center;width:90%;margin-left:10px;margin-top:15px;flex-grow:1;overflow:hidden}.submission-pagination .card-container{width:80%;scale:.7;flex-grow:1}.submission-pagination .page-arrow{background:none;border:none;font-size:2.5em;color:var(--icon-color);cursor:pointer;padding:0;transition:color .2s,transform .2s;z-index:10}.submission-pagination .page-arrow:hover{color:var(--text-color);transform:scale(1.1)}.hand-pagination{display:flex;align-items:center;justify-content:center;width:100%;flex-grow:1;overflow:hidden}.hand-pagination .card-container{width:100%;flex-grow:1}.hand-pagination .page-arrow{position:absolute;background:none;border:none;font-size:2.5em;color:var(--icon-color);cursor:pointer;padding:0;margin:20px;transition:color .2s,transform .2s;z-index:10}.page-arrow.left{left:30px}.page-arrow.right{right:30px}@media (min-width: 1024px) and (max-width: 1339px){.hand-pagination .page-arrow.left{left:0}.hand-pagination .page-arrow.right{right:0}.hand-pagination{scale:.8}.player-hand-container{top:-20px}.player-hand-container h4{margin-bottom:-30px}html,body{overflow-y:visible}}.hand-pagination .page-arrow:hover{color:var(--text-color);transform:scale(1.1)}.page-arrow:before{background:none}.page-indicator{margin-top:-5px;font-size:.9em;color:var(--icon-color)}