.app-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 4rem);padding:2rem}h1[data-v-0bc9b433]{margin-top:0}h2[data-v-0bc9b433]{margin-bottom:0}.headline-wrapper[data-v-0bc9b433]{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center}.headline-wrapper input[data-v-0bc9b433]{accent-color:var(--neon-orange)}@media(min-width:575px){.headline-wrapper[data-v-0bc9b433]{flex-direction:row}}.home-content-wrapper[data-v-0bc9b433]{width:100%}.logo[data-v-0bc9b433]{text-align:center;font-size:2.5rem;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 10px var(--neon-orange);margin-bottom:16px}.logo span[data-v-0bc9b433]{color:var(--neon-orange)}.home-container[data-v-0bc9b433]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:20px}.setup-card[data-v-0bc9b433]{background:var(--card-bg);border:1px solid rgba(255,77,0,.3);padding:2rem;border-radius:8px;width:100%;max-width:400px;box-shadow:0 0 30px #00000080}.btn-outline[data-v-0bc9b433]{margin:0 auto 16px}.avatar-grid[data-v-0bc9b433]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:1rem 0 2rem;padding-right:5px}.avatar-grid[data-v-0bc9b433]::-webkit-scrollbar{width:4px}.avatar-grid[data-v-0bc9b433]::-webkit-scrollbar-thumb{background:var(--neon-orange);border-radius:2px}.avatar-slot[data-v-0bc9b433]{aspect-ratio:1;background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:4px;position:relative;cursor:pointer;transition:all .15s ease-in-out;overflow:hidden;opacity:.5}.avatar-image[data-v-0bc9b433]{width:100%;height:100%;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}.avatar-slot[data-v-0bc9b433]:hover{border-color:#ff4d0080;transform:scale(1.25);z-index:1;opacity:1}.avatar-slot.active[data-v-0bc9b433]{border-color:var(--neon-orange);background-color:#ff4d001a;box-shadow:0 0 15px #ffff0080;transform:scale(1.5);opacity:1;filter:contrast(2)}.input-group[data-v-0bc9b433]{margin-bottom:2rem}.input-group label[data-v-0bc9b433]{display:block;font-size:.8rem;color:var(--neon-orange);margin-bottom:.5rem;text-transform:uppercase}input[type=text][data-v-0bc9b433]{width:100%;background:#0000004d;border:none;border-bottom:2px solid rgba(255,77,0,.5);padding:10px;color:#fff;font-family:inherit;outline:none;transition:border-color .3s;box-sizing:border-box}input[type=text][data-v-0bc9b433]:focus{border-color:var(--neon-orange)}.editor-link[data-v-0bc9b433]{color:#fff;margin-top:32px}.join-input-wrapper[data-v-0bc9b433]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.join-input-wrapper .btn-outline[data-v-0bc9b433]{margin:0}.sound-control-zone[data-v-0bc9b433]{display:flex;justify-content:center;margin:32px 0 0;width:100%}.sound-toggle-label[data-v-0bc9b433]{cursor:pointer;-webkit-user-select:none;user-select:none}.sound-toggle-label input[data-v-0bc9b433]{display:none}.pixel-box[data-v-0bc9b433]{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;border:4px solid #444;background:#222;transition:all .1s;min-width:180px}.sound-toggle-label input:checked+.pixel-box[data-v-0bc9b433]{border-color:#f60;box-shadow:0 0 15px #ff66004d}.status-text[data-v-0bc9b433]{font-size:12px;color:#888}.sound-toggle-label input:checked+.pixel-box .status-text[data-v-0bc9b433]{color:#f60}@media(max-width:480px){.pixel-box[data-v-0bc9b433]{flex-direction:column;gap:5px;padding:8px;min-width:100px}.status-text[data-v-0bc9b433]{font-size:9px}}.canvas-wrapper[data-v-77ffa56a]{background:#000;border:2px solid #1a1c26;border-radius:8px;overflow:hidden;line-height:0;position:sticky;top:0}canvas[data-v-77ffa56a]{max-width:100%;height:auto}.is-hidden[data-v-77ffa56a]{opacity:0}.player-hud[data-v-fc103089]{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#0009;border:1px solid var(--neon-orange);border-left:8px solid var(--neon-orange);border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:240px}.player-hud.winner[data-v-fc103089]{position:relative;overflow:hidden}.player-hud.winner[data-v-fc103089]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,#ffae00,#ffe600,#ffae00,#ff5e00);background-size:300% 300%;animation:winnerGlow-fc103089 3s linear infinite;z-index:-1;filter:blur(8px);opacity:.8}@keyframes winnerGlow-fc103089{0%{background-position:0% 50%}to{background-position:300% 50%}}.hud-avatar[data-v-fc103089]{width:42px;height:42px;background-color:#2d3748;box-shadow:0 0 10px #00000080;border-radius:8px}.hud-info[data-v-fc103089]{display:flex;flex-direction:column}.hud-stats[data-v-fc103089]{display:flex;gap:16px;align-items:baseline}.hud-username[data-v-fc103089]{font-family:Orbitron,sans-serif;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;text-shadow:0 0 5px rgba(255,255,255,.3)}.trophy[data-v-fc103089]{margin-left:auto;height:40px}.host-info[data-v-fc103089]{margin-left:auto;background:#d3d3d3;padding:8px;border-radius:8px;color:#000;font-size:12px}.pending[data-v-fc103089]{opacity:.4}.timer-wrapper[data-v-67f2c41d]{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.timer-bar-container[data-v-67f2c41d]{position:relative;height:12px;background:#ffffff0d;border-radius:2px;overflow:hidden;border:1px solid rgba(255,77,0,.2)}.timer-bar-fill[data-v-67f2c41d]{height:100%;background:var(--neon-orange);box-shadow:0 0 15px var(--neon-orange);transition:width .1s linear,background-color .3s ease}.is-warning[data-v-67f2c41d]{background-color:#fc0;box-shadow:0 0 15px #fc0}.is-empty[data-v-67f2c41d]{background-color:#f04!important;box-shadow:0 0 20px #f04!important;width:0%!important}.timer-text[data-v-67f2c41d]{font-family:JetBrains Mono,monospace;font-size:1.5rem;text-align:center;color:#fff;text-shadow:0 0 10px var(--neon-orange);letter-spacing:2px}.text-danger[data-v-67f2c41d]{color:#f04;text-shadow:0 0 15px #ff0044;animation:blink-67f2c41d .5s infinite alternate}@keyframes blink-67f2c41d{0%{opacity:1}to{opacity:.5}}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif}.logo{font-size:2.5rem;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 10px var(--neon-orange);margin-bottom:2rem}.logo span{color:var(--neon-orange)}.game-layout{display:grid;grid-template-columns:1fr;gap:0;max-width:calc(1000px + 2rem);width:100%}@media(min-width:512px){.game-layout{grid-template-columns:1fr 300px;gap:2rem}}@media(min-width:768px){.game-layout{grid-template-columns:1fr 400px}}.answer-section{display:flex;flex-direction:column;justify-content:center}.answer-buttons{display:grid;grid-template-columns:repeat(1fr);gap:1rem}.hud{margin-bottom:16px}.loading-wrapper[data-v-8d9504ca]{display:flex;justify-content:center;align-items:center;gap:16px;margin:64px 0}.loading-wrapper.small[data-v-8d9504ca]{gap:0}.loader[data-v-8d9504ca]{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, var(--neon-orange) 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:l3-8d9504ca 1s infinite linear}.loading-wrapper.small .loader[data-v-8d9504ca]{width:40px}@keyframes l3-8d9504ca{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.logo[data-v-8db3f3cc]{font-size:2.5rem;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 10px var(--neon-orange);margin-bottom:2rem}.logo span[data-v-8db3f3cc]{color:var(--neon-orange)}.player-wrapper[data-v-8db3f3cc]{display:flex;gap:16px;align-items:center;margin-bottom:32px}.position[data-v-8db3f3cc]{color:var(--neon-orange);font-weight:700;font-size:32px;width:40px}.btn-outline[data-v-8db3f3cc]{margin-top:32px}.rank-text[data-v-8db3f3cc]{display:flex;flex-direction:column;gap:8px;text-align:center;margin-bottom:16px}.rank-prophet[data-v-8db3f3cc]{color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.8);animation:floating-8db3f3cc 2s ease-in-out infinite;font-weight:700;font-size:24px}.rank-eagle[data-v-8db3f3cc]{color:#0fc;animation:sharp-pulse-8db3f3cc 1.5s ease-in-out infinite;font-size:24px}.rank-glitcher[data-v-8db3f3cc]{color:#f60;animation:glitch-8db3f3cc .2s infinite;font-size:24px}.rank-blurry[data-v-8db3f3cc]{color:#888;animation:blur-fade-8db3f3cc 3s infinite;font-size:24px}.rank-afk[data-v-8db3f3cc]{color:#f04;animation:slow-blink-8db3f3cc 2s step-end infinite;font-size:24px}@keyframes floating-8db3f3cc{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sharp-pulse-8db3f3cc{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes glitch-8db3f3cc{0%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}to{transform:translate(1px,-1px)}}@keyframes blur-fade-8db3f3cc{0%,to{filter:blur(0px);opacity:1}50%{filter:blur(2px);opacity:.5}}@keyframes slow-blink-8db3f3cc{0%,49%{opacity:1}50%,to{opacity:.3}}.room-id[data-v-c630a61d]{margin:32px 0}.room-id span[data-v-c630a61d]{border:1px solid var(--neon-orange);padding:8px;border-radius:8px;margin-left:8px;color:var(--neon-orange);font-weight:700}.clipboard-info[data-v-c630a61d]{margin-bottom:16px}.btn-outline[data-v-c630a61d]{margin-top:32px}.players-grid[data-v-c630a61d]{display:grid;grid-template-columns:1fr;gap:8px}.canvas-wrapper[data-v-227337fd]{position:relative;width:512px;height:512px;background:#000}.interaction-layer[data-v-227337fd]{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;z-index:10;border:2px solid transparent}.pixel-cell[data-v-227337fd]{border:.5px solid rgba(255,255,255,.03);box-sizing:border-box}.pixel-cell[data-v-227337fd]:hover{background:#ffffff1a;outline:1px solid var(--neon-orange);z-index:11}.editor-header[data-v-227337fd]{display:flex;justify-content:space-between;align-items:center}.active-indicator[data-v-227337fd]{width:24px;height:24px;border-radius:4px;border:2px solid #fff}.color-palette[data-v-227337fd]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-flag[data-v-227337fd]{height:16px;width:16px;border:1px solid white}.color-palette-item[data-v-227337fd]{display:flex;align-items:center;gap:8px;padding:4px;cursor:pointer;border:1px solid transparent;border-radius:4px;background:#ffffff05}.color-palette-item.active[data-v-227337fd]{border-color:var(--neon-orange);background:#ff4d0026}.color-label[data-v-227337fd]{font-size:.8rem;color:#888}.preset-grid[data-v-227337fd]{display:flex;flex-wrap:wrap;gap:8px}.btn-preset[data-v-227337fd]{background:#2a2d3e;border:1px solid #3f4257;color:#fff;padding:4px 12px;border-radius:4px;cursor:pointer}.btn-preset[data-v-227337fd]:hover{border-color:var(--neon-orange)}.action-buttons[data-v-227337fd]{display:flex;gap:10px;margin-top:1rem}.tool-card[data-v-227337fd]{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid #2a2d3e}textarea[data-v-227337fd]{width:100%;background:#000;color:#0f0;font-family:monospace;border:1px solid #333;padding:10px;box-sizing:border-box;resize:none}.btn-secondary[data-v-227337fd]{margin-top:1rem;background:transparent;border:1px solid var(--neon-orange);color:var(--neon-orange);padding:8px 16px;cursor:pointer;border-radius:4px}.btn-secondary[data-v-227337fd]:hover{background:var(--neon-orange);color:#fff}:root{--bg-dark: #0d0e14;--card-bg: #161821;--neon-orange: #ff4d00;--text-main: #e0e0e0;--neon-success: #39ff14;--neon-error: #ff003c}.btn-outline{background:transparent;border:1px solid var(--neon-orange);color:var(--neon-orange);padding:10px 20px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%}@media(hover:hover){.btn-outline:not(:disabled):hover{background:var(--neon-orange);color:#fff;box-shadow:0 0 20px var(--neon-orange),0 0 40px var(--neon-orange);transform:translateY(-2px)}}.btn-outline:disabled{opacity:.3;cursor:not-allowed}.btn-outline.is-correct{background-color:var(--neon-success);opacity:1;color:var(--text-main);border:none;color:#000;box-shadow:0 0 20px var(--neon-success),0 0 40px var(--neon-success)}.btn-outline.is-wrong{background-color:var(--neon-error);opacity:1;color:var(--text-main);border:none;box-shadow:0 0 20px var(--neon-error),0 0 40px var(--neon-error)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-to,.fade-leave-from{opacity:1}.game-layout{display:grid;grid-template-columns:1fr;gap:8px;max-width:100vw;width:100%}@media(min-width:768px){.game-layout{max-width:calc(1000px + 2rem);grid-template-columns:1fr 400px;gap:32px}}h1{text-align:center}