:root{--color-primary: #f9a140;--color-secondary: #ffde9e;--color-accent-light: #ffe466;--color-accent-dark: #ffbfc3;--color-background: #fcffc8;--color-border: #0f6480;--color-text-default: #082e3b;--color-shadow: rgba(249, 161, 64, .5);--color-text-light: #fcffc8;--color-text-dark: #0a0a0a;--color-light-blue: #6fe8f9;--clip-path-container: polygon(0 0, 100% 0, 98% 99%, 2% 99%);--clip-path-container-inner: polygon(0 0, 100% 0, 98% 98%, 2% 98%);--clip-path-container-innerd: polygon( 0 0, 100% 0, 99% 70%, 100% 100%, 0 100%, 1% 70% );--gradient-primary: linear-gradient(135deg, #f9a140, #ffde9e);--gradient-secondary: linear-gradient(45deg, #ffbfc3, #ffe466);--gradient-button: linear-gradient(45deg, #ffe466, #ffde9e);--gradient-button-hover: linear-gradient(45deg, #f9a140, #ffbfc3);--shadow-standard: 0 0 15px rgba(249, 161, 64, .5);--gradient-text7: linear-gradient(to bottom right, #1c222e, #555555, #1c222e);--gradient-blue-text: linear-gradient(to right, #1e3a8a, #3b82f6, #1e40af)}.container{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;background:transparent}.game-container{position:relative;z-index:10;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.menu,.lobby,.game-wrapper{padding:20px 20px 50px;margin-bottom:1em;width:95vw;height:90vh;max-width:1400px;display:flex;flex-direction:column;align-items:center;border:4px solid var(--color-border);box-shadow:var(--shadow-standard);clip-path:var(--clip-path-container);background:transparent}.input,.speed-select{padding:10px;margin:10px 0;width:24rem;border:2px solid var(--color-border);border-radius:8px;background:#fdf6e3e6;font-family:Roboto,sans-serif;color:var(--color-text-dark);box-shadow:0 0 5px var(--color-accent-dark)}.button{width:160px;min-height:50px;max-height:50px;margin:5px;background:var(--gradient-button);color:#0a0a0a;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;font-family:Oswald,sans-serif;font-size:1.1rem;text-transform:math-auto;font-variant:all-petite-caps;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.button:hover{background:var(--gradient-button-hover);box-shadow:0 0 15px var(--color-accent-light);transform:scale(1.05)}.button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fdf6e380;border-radius:50%;transform:translate(-50%,-50%);animation:sparkle 1s infinite}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}#server-status{position:fixed;top:20px;left:20px;display:flex;align-items:center;z-index:2000}#server-status:before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--color-background);box-shadow:0 0 10px #fdf6e380;transition:background-color .3s}#server-message{margin-left:10px;padding:5px 10px;background:#3c2f2fcc;color:var(--color-background);font-family:Share Tech Mono,monospace;font-size:.9em;border-radius:4px;box-shadow:0 0 5px #fdf6e380}.status-green:before{background-color:#0f0}.status-yellow:before{background-color:var(--color-accent-light)}.connected-players{position:absolute;top:0;right:-250px;z-index:999;background:#3c2f2fcc;padding:20px 20px 20px 50px;border-radius:5px;border:2px solid var(--color-accent-dark);box-shadow:0 0 10px var(--color-accent-dark);max-width:400px;font-family:Roboto,sans-serif;transition:transform .3s ease-in;clip-path:polygon(100% 0%,100% 50%,100% 100%,15% 100%,0% 50%,15% 0)}.connected-players:hover{transform:translate(-250px)}.connected-players h2{font-size:.9em;margin-bottom:12px;color:var(--color-background);background:var(--gradient-secondary);padding:.8rem;font-variant:petite-caps;font-weight:600}.connected-players .player-list{padding:.8rem;margin:0;max-height:150px;overflow-y:auto;font-size:.8em;background:#8c552f80;color:var(--color-background)}.landing{text-align:center;padding:50px}#galaxyfx,#galaxy{z-index:-950;height:100%;padding:0;margin:0;width:100%;position:absolute}.menu{justify-content:center}#menu-first{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent}.create-lobby{display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:50px}.join-section{display:flex;flex-direction:column;align-items:center;padding:2rem 0 0}#menu-second{text-align:center;display:flex;flex-direction:column;align-items:center;background:transparent}#menu-second h2{font-family:Oswald,sans-serif;margin:.9em 0;font-variant:all-petite-caps;font-size:xx-large;color:var(--color-text-dark)}#menu-second h3{margin-top:5px;font-variant:all-petite-caps;font-size:xx-large}#confirm-pattern{margin-top:20px}.pattern-cards{width:55vw;max-width:-moz-fit-content;max-width:fit-content;display:flex;flex-direction:column;justify-content:center;background-color:#f5f5f5;border:2px solid var(--color-border);border-radius:20px;margin:30px}.pattern-card-desc{width:100%;text-align:center;color:#0a0a0a;font-family:Oswald,sans-serif}.card-wrap{display:flex;flex-direction:row;gap:30px;justify-content:center;margin:10px;padding:30px;background-color:var(--color-accent-dark);border-radius:8px}.pattern-card{width:140px;cursor:pointer;padding:20px;background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .2s;box-sizing:border-box}.pattern-card p{font-family:Oswald,sans-serif;padding:10px 0;margin-top:.2em;font-size:1.1rem;font-variant-caps:all-small-caps;color:#0a0a0a}.pattern-card:hover{transform:scale(1.05)}.pattern-card.selected{border:3px inset #f1593b;padding:19px;box-shadow:0 0 25px 5px var(--color-secondary);background:var(--color-background);transform:scale(1.03);transition:transform .2s ease,box-shadow .2s ease,border .2s ease,padding .2s ease;z-index:1000}.pattern-preview{border-collapse:collapse;margin:0 auto}.pattern-preview td{width:20px;height:20px;border:1px solid #8c552f}.pattern-preview .highlight{background:#f9a140}.pattern-card[data-pattern=row] .pattern-preview{animation:rowHighlight 4s infinite}.pattern-card[data-pattern=row] .pattern-preview .highlight{background:transparent}@keyframes rowHighlight{0%{background:linear-gradient(to bottom,#f9a140 25%,transparent 25%,transparent 100%)}25%{background:linear-gradient(to bottom,transparent 25%,#f9a140 25%,#f9a140 50%,transparent 50%)}50%{background:linear-gradient(to bottom,transparent 50%,#f9a140 50%,#f9a140 75%,transparent 75%)}75%{background:linear-gradient(to bottom,transparent 75%,#f9a140 75%,#f9a140 100%)}to{background:linear-gradient(to bottom,#f9a140 25%,transparent 25%,transparent 100%)}}.pattern-card[data-pattern=column] .pattern-preview{animation:columnHighlight 4s infinite}.pattern-card[data-pattern=column] .pattern-preview .highlight{background:transparent}@keyframes columnHighlight{0%{background:linear-gradient(to right,#f9a140 25%,transparent 25%,transparent 100%)}25%{background:linear-gradient(to right,transparent 25%,#f9a140 25%,#f9a140 50%,transparent 50%)}50%{background:linear-gradient(to right,transparent 50%,#f9a140 50%,#f9a140 75%,transparent 75%)}75%{background:linear-gradient(to right,transparent 75%,#f9a140 75%,#f9a140 100%)}to{background:linear-gradient(to right,#f9a140 25%,transparent 25%,transparent 100%)}}.pattern-card[data-pattern=diagonal] .pattern-preview td{position:relative}.pattern-card[data-pattern=diagonal] .pattern-preview .highlight{background:transparent}.pattern-card[data-pattern=diagonal] .pattern-preview td:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f9a140;opacity:0}.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(1) td:nth-child(1):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(2) td:nth-child(2):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(3) td:nth-child(3):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(4) td:nth-child(4):after{animation:diagonalPattern1 4s infinite}.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(1) td:nth-child(4):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(2) td:nth-child(3):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(3) td:nth-child(2):after,.pattern-card[data-pattern=diagonal] .pattern-preview tr:nth-child(4) td:nth-child(1):after{animation:diagonalPattern2 4s infinite}@keyframes diagonalPattern1{0%{opacity:1}20%{opacity:1}40%{opacity:0}60%{opacity:0}80%{opacity:0}to{opacity:0}}@keyframes diagonalPattern2{0%{opacity:0}20%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:1}to{opacity:0}}.pattern-card[data-pattern=full] .pattern-preview td{position:relative}.pattern-card[data-pattern=full] .pattern-preview .highlight{background:transparent}.pattern-card[data-pattern=full] .pattern-preview td:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f9a140;animation:fullHighlight 2s infinite}@keyframes fullHighlight{0%{opacity:0}50%{opacity:1}to{opacity:0}}.pattern-card.selected .pattern-preview{animation-play-state:paused}.pattern-card[data-pattern=diagonal].selected .pattern-preview td:after,.pattern-card[data-pattern=full].selected .pattern-preview td:after{animation-play-state:paused!important}.lobby{justify-content:space-between;background:transparent;color:#0a0a0a;font-variant-caps:all-petite-caps}.lobby-content{display:flex;flex-direction:row;width:100%;justify-content:center;gap:20px;flex:1}#player-lobby-info,.host-players-connected,#card-selection{width:50%;max-width:800px;height:100%;padding:15px;background:transparent;border:1px solid var(--color-border);box-shadow:0 0 10px #0f6480b3;clip-path:var(--clip-path-container-innerd);display:flex;flex-direction:column;align-items:center;overflow:hidden;font-family:Oswald,sans-serif;color:#0a0a0a}#player-lobby-info{text-align:center;font-size:1.4rem}.host-lobby-info{background:#ffde9e33;border-radius:12px;border:3px ridge var(--color-accent-light);padding:20px;width:100%;max-width:600px;height:60%;margin-top:1rem;box-shadow:0 0 15px #f9a1404d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.host-lobby-info:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:14px;background:linear-gradient(45deg,var(--color-accent-light),var(--color-accent-dark),var(--color-primary));background-size:200% 200%;animation:borderGlow 3s ease infinite;z-index:-1}@keyframes borderGlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.lobby-code{margin:0 0 1rem;text-align:center}.lobby-code p{font-family:Roboto,sans-serif;font-size:2rem;color:var(--color-text-dark);text-shadow:0 0 8px var(--color-primary),0 0 12px var(--color-accent-dark);margin:0;font-variant:petite-caps}.lobby-code .code{color:var(--color-border);font-weight:700;background:#0f648033;padding:.2em .5em;border-radius:6px;transition:transform .2s}.lobby-code .code:hover{transform:scale(1.15)}.share-link{display:flex;align-items:center;padding:.75rem 1rem;margin:1rem 0;border-radius:8px;background-color:var(--color-background);box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.share-link:hover{box-shadow:0 4px 12px #0000001f}.share-link p{margin:0;font-family:Oswald,sans-serif;font-size:1.2rem;color:var(--color-text-dark)}.share-link a{margin-left:auto;font-family:Roboto,sans-serif;font-size:.95rem;color:var(--color-text-default);text-decoration:none;font-weight:600;padding:.5em 1em;border-radius:6px;background:#6fe8f91f;transition:all .2s ease;display:inline-flex;align-items:center}.share-link a:hover{background:#6fe8f933;transform:translateY(-2px)}.share-link a:active{transform:translateY(0)}.share-link a:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361C9DB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}@media (max-width: 768px){.share-link{flex-direction:column;align-items:flex-start}.share-link a{margin-left:0;margin-top:.5rem}}#lobby-patterns{font-family:Oswald,sans-serif;font-size:1.4rem;color:var(--color-text-dark);margin:.5rem 0;text-shadow:0 0 5px var(--color-accent-dark);font-variant:all-small-caps;background:#ffbfc333;border-radius:6px;border:1px dashed var(--color-accent-dark)}.host-lobby-info .input{width:100%;max-width:300px;margin:.3rem auto;font-size:1.2rem;font-family:Roboto,sans-serif;background:#fcffc8e6;border:2px solid var(--color-primary);border-radius:10px;color:var(--color-text-dark);box-shadow:0 0 8px var(--color-accent-light);transition:all .3s ease;font:caption}.host-lobby-info .input:focus{border-color:var(--color-accent-dark);box-shadow:0 0 12px var(--color-accent-dark);outline:none;background:#fcffc8}.speed-selection{display:flex;flex-direction:column;align-items:center;margin:1rem 0;gap:.5rem}.speed-selection label{font-family:Oswald,sans-serif;font-size:1.3rem;color:var(--color-text-dark);text-shadow:0 0 5px var(--color-primary);font-variant:all-small-caps}.speed-selection .speed-select{width:200px;padding:10px;font-size:1.1rem;font-family:Roboto,sans-serif;background:#ffe466e6;border:2px solid var(--color-accent-light);border-radius:8px;color:var(--color-text-dark);box-shadow:0 0 8px var(--color-accent-light);cursor:pointer;transition:all .3s ease}.speed-selection .speed-select:hover,.speed-selection .speed-select:focus{background:#ffe466;border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary);outline:none}.speed-selection .speed-select option{background:var(--color-background);color:var(--color-text-dark)}.host-players-connected{display:none}#card-selection{display:none;text-align:center}#card-selection h2{font-size:2em}.lobby-buttons{width:100%;display:flex;justify-content:center;gap:10px;margin-top:20px}.lobby-buttons .button:hover{opacity:.9;cursor:pointer}.player-backdrop{width:100%;height:auto;background:#3c2f2fcc;padding:10px;border:2px dashed var(--color-accent-light);overflow-y:auto;flex-grow:1}.player-title{margin:15px 0;font-size:1.2em;background:#5c4033cc;border-radius:4px;color:var(--color-background);padding:5px 10px}.player-list{font-size:.7em;color:var(--color-background);list-style:none;padding:0;margin:0;max-height:40vh;overflow-y:auto}.card-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:55vh;overflow-y:auto;margin-top:2rem}.card-option{position:relative;padding:10px;background:#fdf6e3e6;border:2px solid var(--color-accent-light);border-radius:8px;transition:transform .2s,border-color .2s}.card-option.selected{background-color:#dcedc8;border-color:#558b2f}.card-option.taken{opacity:.5;cursor:not-allowed}.card-option table{border-collapse:collapse;margin:0 auto}.card-option td{width:30px;height:30px;border:1px solid #8c552f;text-align:center;vertical-align:middle;padding:2px}.card-option svg{width:24px;height:24px;fill:var(--color-background);display:block;margin:0 auto}.card-option:hover{transform:scale(1.05)}.card-option.selected{border-color:var(--color-accent-dark);box-shadow:0 0 10px var(--color-accent-dark)}.taken-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:var(--color-accent-dark);font-weight:700}.kick-player{margin-left:5px;padding:5px 10px;font-size:.9em;background:linear-gradient(45deg,#f66,#c00)}.ban-player{margin-left:5px;padding:5px 10px;font-size:.9em;background:linear-gradient(45deg,#f96,#f50)}.game-wrapper{flex-direction:column;align-items:center;gap:20px}.game-content{display:flex;flex-direction:row;width:100%;justify-content:center;gap:10px;height:100vh}.game-details,.game-details-current-card{width:50%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;clip-path:var(--clip-path-container);border:3px solid var(--color-border);box-shadow:0 0 10px #0f6480b3}.game-card{width:50%;height:100%;padding:20px;display:flex;justify-content:center;align-items:center;align-content:center;overflow-y:auto;background:transparent;clip-path:var(--clip-path-container);border:3px solid var(--color-border);box-shadow:0 0 10px #0f6480b3}.game-info-inner{background:#ffbfc333;border-radius:12px;border:3px ridge var(--color-accent-light);padding:5px 20px;width:100%;max-width:600px;box-shadow:0 0 15px #f9a1404d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-info-inner:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:14px;background:linear-gradient(45deg,var(--color-accent-light),var(--color-accent-dark),var(--color-primary));background-size:200% 200%;animation:borderGlow 3s ease infinite;z-index:-1}.game-info-inner h2{font-family:Oswald,sans-serif;font-size:1.2rem;color:var(--color-text-dark);text-shadow:0 0 8px var(--color-primary);font-variant:petite-caps}.game-info-inner .player-list{font-family:Roboto,sans-serif;color:var(--color-text-dark);background:#0f648033;border-radius:6px;border:1px dashed var(--color-border);max-height:150px;overflow-y:auto;width:100%;list-style:none}#game-patterns-master,#game-patterns{font-family:Oswald,sans-serif;font-size:.8rem;color:var(--color-text-dark);text-shadow:0 0 5px var(--color-accent-dark);margin:.1rem 0;padding:.1em;width:100%}.game-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:800px;margin-top:20px;position:absolute;bottom:5em}.game-over-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}#call-bingo{background:linear-gradient(45deg,#f9a140,#ffbfc3)}#call-bingo:hover{background:linear-gradient(45deg,#ffbfc3,#f9a140)}#restart-game{background:linear-gradient(45deg,#6fe8f9,#97e0da)}#restart-game:hover{background:linear-gradient(45deg,#97e0da,#6fe8f9)}#return-to-lobby{background:linear-gradient(45deg,#ffe466,#ffde9e)}#return-to-lobby:hover{background:linear-gradient(45deg,#ffde9e,#ffe466)}#exit-game{background:linear-gradient(45deg,#ffbfc3,#f9a140)}#exit-game:hover{background:linear-gradient(45deg,#f9a140,#ffbfc3)}#draw-next,#pause-game,#review-cards{background:var(--gradient-button)}#draw-next:hover,#pause-game:hover,#review-cards:hover{background:var(--gradient-button-hover)}#game-player-details .last-icon{margin:1rem 0;width:100%;text-align:center;font-family:Oswald,sans-serif;font-size:1.3rem;color:var(--color-background);text-shadow:0 0 5px var(--color-primary)}#game-player-details .last-icon img{width:200px;height:300px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 8px var(--color-accent-dark));border:2px solid var(--color-accent-light);border-radius:8px;transition:transform .3s ease}#game-player-details .last-icon img:hover{transform:scale(1.1)}#game-player-details .last-icon-text{font-size:1.5rem;font-weight:700}#game-player-details .winner{font-family:Wendy One,sans-serif}#game-player-details .error{font-family:Oswald,sans-serif;font-size:1.2rem;color:var(--color-accent-dark);text-shadow:0 0 5px var(--color-text-dark);margin:.5rem 0;text-align:center;width:100%}#current-card svg{display:block;margin:10px auto}.last-card-h3{width:100%;text-align:center;font-family:Oswald,sans-serif;font-size:1.3rem;color:var(--color-text-dark);text-shadow:0 0 5px var(--color-primary)}.last-icon{display:flex;justify-content:center;align-items:center;margin:20px 0;width:100%;color:var(--color-background)}.last-icon svg{width:80px;height:80px;display:inline-block;vertical-align:middle;fill:var(--color-background);filter:drop-shadow(0 0 5px var(--color-accent-dark))}.last-icon .last-icon-text{font-size:1.5em;display:inline}.last-icon svg[style*="display: inline-block"]+.last-icon-text{display:none}.bingo-card{margin:0 auto;border-collapse:collapse;display:table;border:4px solid var(--color-accent-light);background:#3c2f2fb3;box-shadow:0 0 15px var(--color-accent-light)}.bingo-card .cell img{width:120px;height:180px;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto}.cell,.marked{width:120px;height:180px;border:2px solid var(--color-background);text-align:center;cursor:pointer;position:relative;transition:background-color .3s,transform .2s;display:table-cell;vertical-align:middle;line-height:100px;box-sizing:border-box}.cell svg{width:120px;height:180px;display:block;margin:0 auto;fill:var(--color-background)}.marked{font-size:48px;color:var(--color-accent-dark);font-weight:700;background:transparent}.cell:hover{transform:scale(1.05)}.review-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#5c4033e6;padding:20px;border:4px dashed var(--color-accent-light);border-radius:8px;z-index:1000;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px var(--color-accent-dark)}.review-cards{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.review-card img{fill:var(--color-background);filter:drop-shadow(0 0 5px var(--color-accent-light))}.review-buttons{display:flex;justify-content:center}h1{padding:0 20px;margin-bottom:2rem;font-family:Oswald,sans-serif;font-size:4em;color:var(--color-text-dark);text-shadow:0 0 10px var(--color-accent-dark),0 0 20px var(--color-accent-light);font-variant:petite-caps}.header-badge{width:auto;height:22vh;display:flex;justify-content:center;align-items:center;margin:0;padding:1rem}.header-badge-mf{width:auto;height:22vh;display:flex;justify-content:center;align-items:center;margin:0;padding:1rem;transform:translateY(-53px)}#game-title2{font-size:2em;padding:.2em}.error{color:var(--color-accent-dark);margin-top:10px;text-shadow:0 0 5px var(--color-text-dark)}.winner{font-size:2.5rem;color:#fff;text-shadow:0 0 8px rgba(37,99,235,.6),-1px -1px 0 #1e3a8a,1px -1px 0 #1e3a8a,-1px 1px 0 #1e3a8a,1px 1px 0 #1e3a8a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);font-variant:all-petite-caps;z-index:950;width:-moz-max-content;width:max-content;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--color-light-blue) 0%,#7dd3fc 100%);border:2px solid #ffd700;box-shadow:inset 0 0 6px 2px #ffd70099,0 4px 15px #0000004d;border-radius:10px;clip-path:var(--clip-path-container);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out;opacity:.95;animation:winnerFadeIn .5s ease-out forwards}@keyframes winnerFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:.95;transform:translate(-50%,-50%) scale(1)}}.winner:empty{display:none}.winner:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:inset 0 0 8px 3px #ffd700cc,0 6px 20px #0006;opacity:1}@media (max-width: 768px){.lobby-content{flex-direction:column;align-items:center}#player-lobby-info,.host-players-connected,#card-selection{width:100%;max-width:none;height:auto;min-height:30vh}.game-content{flex-direction:column}.game-details,.game-details-current-card,.game-card{width:100%;height:auto}.game-buttons{max-width:100%}}