@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--background-color: #1a1a1a;--background-color-card: #2c2c2c;--text-color: #e0e0e0;--primary-color: #FFD700;--border-color: #444;--red-pelican: #c0392b;--grid-color: rgba(0, 255, 255, .1)}@keyframes scroll-background{0%{background-position:0 0}to{background-position:-50px -50px}}body{font-family:VT323,monospace;font-size:20px;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;background-image:repeating-linear-gradient(to right,var(--grid-color),var(--grid-color) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(to bottom,var(--grid-color),var(--grid-color) 1px,transparent 1px,transparent 50px);background-size:50px 50px;animation:scroll-background 5s linear infinite}#main-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;position:relative}header{text-align:center;margin-bottom:20px}h1,h2,h3,h4,h5,h6{color:var(--primary-color);letter-spacing:2px;text-transform:uppercase}h1{color:var(--red-pelican);font-size:3em;text-shadow:4px 4px 0px #000}.base-button[data-v-c81c9890]{color:#fff;background-color:#4a4a4a;border:2px solid black;border-radius:0;padding:10px 20px;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-bottom:5px solid #222;transition:all .1s ease-in-out}.base-button[data-v-c81c9890]:hover{filter:brightness(1.1)}.base-button[data-v-c81c9890]:active{transform:translateY(3px);border-bottom-width:2px}.base-button[data-v-c81c9890]:disabled{background-color:#555;border-color:#333;border-bottom-color:#333;color:#999;cursor:not-allowed;transform:none;filter:none}.variant-primary[data-v-c81c9890]{background-color:#03a9f4;border-bottom-color:#0288d1}.variant-success[data-v-c81c9890]{background-color:#4caf50;border-bottom-color:#388e3c}.variant-danger[data-v-c81c9890]{background-color:#f44336;border-bottom-color:#d32f2f}.variant-secondary[data-v-c81c9890]{background-color:#78909c;border-bottom-color:#546e7a}.variant-info[data-v-c81c9890]{background-color:#17a2b8;border-bottom-color:#0d8a9c}.base-card[data-v-fbfd61a7]{background-color:var(--background-color-card, #2c2c2c);border:2px solid #000;box-shadow:4px 4px #000;border-radius:0;margin:40px auto;max-width:800px;color:var(--text-color, #e0e0e0)}.card-header[data-v-fbfd61a7]{padding:10px 15px;background-color:#000;border-bottom:2px solid var(--border-color, #444);text-align:center}.card-header[data-v-fbfd61a7]>:first-child{margin:0}.card-content[data-v-fbfd61a7]{padding:20px;text-align:center}.name-form[data-v-e7e92b6d]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.name-input[data-v-e7e92b6d]{font-family:inherit;font-size:1.1em;background-color:#111;color:var(--text-color, #e0e0e0);border:2px solid var(--border-color, #444);border-radius:0;padding:10px;text-align:center}.name-input[data-v-e7e92b6d]::placeholder{color:#777}.menu-container[data-v-a281bf6c]{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"left right" "bottom bottom";gap:40px;max-width:1200px;margin:20px auto;align-items:start}@media (max-width: 1024px){.menu-container[data-v-a281bf6c]{grid-template-areas:"left" "bottom" "right";grid-template-columns:1fr}}.left-column[data-v-a281bf6c]{grid-area:left;display:flex;flex-direction:column;gap:40px}.right-column[data-v-a281bf6c]{grid-area:right;display:flex;flex-direction:column;gap:40px}.bottom-column[data-v-a281bf6c]{grid-area:bottom;width:auto}.menu-container[data-v-a281bf6c] .base-card{margin:0;width:100%;max-width:none}.welcome-message[data-v-a281bf6c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.welcome-message p[data-v-a281bf6c]{margin:0;font-size:1.1em}.change-name-button[data-v-a281bf6c]{padding:5px 10px;font-size:.8em;border-bottom-width:3px}.change-name-button[data-v-a281bf6c]:active{transform:translateY(2px);border-bottom-width:1px}.game-options[data-v-a281bf6c]{margin-bottom:25px;text-align:center}.game-options h4[data-v-a281bf6c]{margin-top:0;margin-bottom:10px;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px}.difficulty-selector[data-v-a281bf6c]{display:flex;justify-content:center;gap:10px;background-color:#111;padding:5px;border-radius:5px;border:2px solid var(--border-color, #444);max-width:350px;margin:0 auto}.difficulty-selector label[data-v-a281bf6c]{flex:1;padding:8px 12px;cursor:pointer;text-align:center;border-radius:3px;transition:background-color .2s;color:var(--text-color)}.difficulty-selector input[type=radio][data-v-a281bf6c]{display:none}.difficulty-selector label.selected[data-v-a281bf6c]{background-color:var(--primary-color);color:#111;font-weight:700}.main-actions[data-v-a281bf6c]{display:flex;flex-direction:row;gap:20px;align-items:stretch;margin-top:20px;border-top:2px solid var(--border-color, #444);padding-top:20px}.action-panel[data-v-a281bf6c]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:0 10px}.action-panel h3[data-v-a281bf6c]{margin:0 0 10px;color:var(--text-color);text-transform:uppercase;font-size:1.1em;letter-spacing:1px}.separator[data-v-a281bf6c]{width:2px;background-color:var(--border-color, #444)}.create-game-form[data-v-a281bf6c]{display:flex;flex-direction:column;gap:10px;width:100%;justify-content:center;flex-grow:1}.room-name-input[data-v-a281bf6c]{font-family:inherit;font-size:1em;background-color:#111;color:var(--text-color, #e0e0e0);border:2px solid var(--border-color, #444);border-radius:0;padding:10px}.room-name-input[data-v-a281bf6c]::placeholder{color:#777}.lobbies-table-container[data-v-a281bf6c]{overflow-x:auto}.difficulty-cell[data-v-a281bf6c]{text-transform:capitalize}.status[data-v-a281bf6c]{font-size:.9em;color:inherit}.status-lobby[data-v-a281bf6c]{color:#28a745}.status-playing[data-v-a281bf6c]{color:#ffc107}.no-lobbies-message[data-v-a281bf6c]{padding:20px;color:#777}@media (max-width: 600px){.main-actions[data-v-a281bf6c]{flex-direction:column}.separator[data-v-a281bf6c]{width:80%;height:2px;margin:10px auto}}.grid-table[data-v-a281bf6c]{display:grid;width:100%;margin-top:15px}.leaderboard-grid[data-v-a281bf6c]{grid-template-columns:40px 1fr 1fr 1fr 1fr}.lobbies-grid[data-v-a281bf6c]{grid-template-columns:minmax(120px,1.5fr) 1fr .5fr .5fr auto auto}.grid-table>div[data-v-a281bf6c]{padding:12px 15px;border-top:1px solid var(--border-color, #444);text-align:left;vertical-align:middle;display:flex;align-items:center;overflow-wrap:break-word}.grid-table>div[data-v-a281bf6c]:nth-child(-n+5){border-top:none}.lobbies-grid>div[data-v-a281bf6c]:nth-child(-n+5){border-top:none}.grid-header[data-v-a281bf6c]{background-color:#111;font-size:1.1em;font-weight:700}.grid-span-2[data-v-a281bf6c]{grid-column:span 2;justify-content:center}.game-board[data-v-6cd04e38]{padding:8px;background-color:transparent;display:inline-block}.board-grid[data-v-6cd04e38]{--tile-size: 24px;display:grid;grid-template-columns:repeat(var(--cols),var(--tile-size));grid-template-rows:repeat(var(--rows),var(--tile-size));gap:1px;background-color:#111;width:calc(var(--cols) * var(--tile-size) + (var(--cols) - 1) * 1px);height:calc(var(--rows) * var(--tile-size) + (var(--rows) - 1) * 1px);padding:5px}.tile[data-v-6cd04e38]{width:var(--tile-size);height:var(--tile-size);background-color:transparent;border:none;box-sizing:border-box;border-radius:3px;box-shadow:inset 0 -2px #00000040}.next-pieces-container[data-v-02f4a7b1]{display:flex;flex-direction:column;gap:10px;padding-left:15px;width:120px}h3[data-v-02f4a7b1]{margin-top:0;margin-bottom:10px;text-align:center;font-size:1.2em;color:var(--primary-color)}.piece-preview[data-v-02f4a7b1]{background-color:#111;border:2px solid var(--border-color);padding:5px;display:flex;justify-content:center;align-items:center;height:80px}.piece-grid[data-v-02f4a7b1]{display:grid;gap:1px}.cell[data-v-02f4a7b1]{width:16px;height:16px;border-radius:2px}.grid-container[data-v-9a227616]{display:grid;grid-gap:20px;justify-items:center}.player-cell[data-v-9a227616]{display:flex;flex-direction:column;align-items:center}.player-name[data-v-9a227616]{margin-bottom:8px;color:inherit;font-size:1em;font-weight:700;text-align:center}.spectrum-board[data-v-9a227616]{width:120px;height:240px;background-color:#1a1a1a;border:4px solid #555;border-bottom-color:#888;border-right-color:#888;padding:5px;box-sizing:border-box}.spectrum-grid[data-v-9a227616]{display:flex;flex-direction:row;height:100%;width:100%;gap:1px}.spectrum-column[data-v-9a227616]{flex:1;display:flex;flex-direction:column-reverse;background-color:#000}.spectrum-bar[data-v-9a227616]{width:100%;background-color:#777;transition:height .05s ease-out}.spectator-game-view[data-v-3851cbd6]{margin-top:20px}.game-view-header[data-v-3851cbd6]{display:flex;justify-content:flex-end;margin-bottom:10px;height:50px}.game-main-area[data-v-3851cbd6]{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;justify-content:center;gap:100px}.game-info-panel[data-v-3851cbd6]{display:flex;flex-direction:column;gap:20px;text-align:left}.info-block h3[data-v-3851cbd6]{margin-top:0;margin-bottom:10px;border-bottom:2px solid var(--border-color);padding-bottom:5px}.info-block p[data-v-3851cbd6]{margin:0 0 8px;word-break:break-all}.main-play-area[data-v-3851cbd6]{display:flex;flex-direction:row;align-items:flex-start}.board-and-score[data-v-3851cbd6]{display:flex;flex-direction:column;align-items:center;gap:10px}.score-display[data-v-3851cbd6]{text-align:center}.score-label[data-v-3851cbd6]{display:block;font-size:1.2em;color:var(--text-color)}.score-value[data-v-3851cbd6]{display:block;font-size:2.5em;color:var(--primary-color);line-height:1}.winner-message[data-v-3851cbd6]{font-size:1.2em;margin-bottom:20px}.game-container[data-v-3851cbd6]{display:flex;flex-direction:column;flex-grow:1}.modal-overlay[data-v-3851cbd6]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.modal-actions[data-v-3851cbd6]{display:flex;justify-content:center;gap:15px;margin-top:20px}.lobby-container ul[data-v-3851cbd6]{list-style-type:none;padding:0}.lobby-container li[data-v-3851cbd6]{margin:5px 0;font-size:1.1em}.final-scores[data-v-3851cbd6]{list-style-type:none;padding:0;margin-bottom:20px}.final-scores li[data-v-3851cbd6]{font-size:1.1em;margin:5px 0}.lobby-player-list li[data-v-3851cbd6]{display:flex;justify-content:space-between;padding:5px 0}.participant-lists[data-v-3851cbd6]{display:flex;justify-content:space-around;text-align:left}.progress-bar-container[data-v-3851cbd6]{width:100%;background-color:#111;border:2px solid var(--border-color);height:24px;position:relative;text-align:center;color:#fff}.progress-bar[data-v-3851cbd6]{background-color:var(--primary-color);height:100%;transition:width .3s ease-in-out}.progress-bar-container span[data-v-3851cbd6]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-shadow:1px 1px 2px black}