:root{--background-color: #0a0a2a;--primary-color: #6a0dad;--secondary-color: #4ecdc4;--accent-color: #ff6b6b;--text-color: #e0e0e0;--subtle-text-color: #aaa;--imposter-glow: #ff00ff;--shadow-color: rgba(0, 0, 0, .5);--card-background: rgba(20, 20, 50, .8);--border-radius: 8px;--card-shadow: 0 4px 15px var(--shadow-color);--neon-shadow: 0 0 5px var(--primary-color), 0 0 10px var(--primary-color), 0 0 20px var(--primary-color);--neon-text-shadow: 0 0 3px var(--primary-color), 0 0 6px var(--primary-color);--button-hover-bg: rgba(106, 13, 173, .7);--button-active-bg: rgba(106, 13, 173, .9);--emergency-button-bg: #ff4d4d;--emergency-button-hover-bg: #cc0000;--report-button-bg: #ffa500;--report-button-hover-bg: #e69500;--task-done-color: #32cd32;--task-progress-bg: rgba(255, 255, 255, .2);--task-progress-fill: var(--secondary-color);--imposter-icon-color: var(--imposter-glow);--control-panel-bg: rgba(10, 10, 42, .9);--control-button-bg: rgba(25, 25, 60, .8);--control-button-hover: rgba(78, 205, 196, .5)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;background-image:url(/default-space-bg.jpg);background-size:cover;background-position:center}.app-container-3d{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--background-color)}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;transition:transform .1s linear}.app-header-3d{background:linear-gradient(90deg,#0a0a2acc,#6a0dad99);padding:15px 25px;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 15px #0000004d;position:relative;z-index:10}.app-header-3d h1{margin:0;font-size:2em;color:#fff;text-shadow:var(--neon-text-shadow);letter-spacing:1px}.header-info{display:flex;gap:20px;font-size:.9em;color:var(--subtle-text-color)}.header-info span{background-color:#ffffff1a;padding:5px 10px;border-radius:var(--border-radius);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-area-3d{flex-grow:1;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .1s ease-out}.start-screen-3d{background-color:var(--card-background);padding:40px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);animation:fadeIn 1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(100px);z-index:20;text-align:center;max-width:600px}.start-screen-3d h2{font-size:2.5em;margin-bottom:20px;color:#fff;text-shadow:var(--neon-text-shadow)}.start-screen-3d p{font-size:1.1em;line-height:1.6;margin:0 auto 15px;color:var(--subtle-text-color)}.start-button-3d{background-color:var(--primary-color);color:#fff;padding:15px 30px;border:none;border-radius:var(--border-radius);font-size:1.2em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 5px 15px #6a0dad66;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.start-button-3d:hover{background-color:var(--button-hover-bg);transform:translateY(-2px)}.start-button-3d:active{background-color:var(--button-active-bg);transform:translateY(0)}.player-ships-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.player-ship{position:absolute;width:80px;height:80px;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s linear,filter .3s ease;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 10px #ffffff4d}.player-ship .ship-model{width:100%;height:100%;object-fit:contain}.player-ship.player-dead{filter:grayscale(100%) opacity(.7)}.player-ship.player-dead .ship-wrecked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;content:"WRECKED"}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;padding-bottom:100px}.task-section-hud,.discussion-section-hud,.vote-section-hud{pointer-events:auto;background-color:var(--card-background);padding:20px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);width:100%;max-width:500px;animation:fadeIn .5s ease-out;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.task-section-hud h3,.discussion-section-hud h3,.vote-section-hud h3{font-size:1.5em;margin-top:0;margin-bottom:15px;color:#fff;text-shadow:var(--neon-text-shadow)}.task-list-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;justify-items:center;margin-bottom:15px}.task-item{background-color:#ffffff14;padding:10px;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:1px solid transparent;font-size:.9em}.task-item:hover{background-color:#ffffff26;transform:translateY(-2px);border-color:var(--secondary-color)}.task-icon{width:25px;height:25px;filter:invert(1) brightness(1.5)}.task-done{background-color:#32cd3233;color:var(--task-done-color);border-color:var(--task-done-color)!important}.task-done span{text-decoration:line-through}.task-progress-bar-container{width:40px;height:8px;background-color:var(--task-progress-bg);border-radius:4px;margin-left:auto}.task-progress-bar{height:100%;background-color:var(--task-progress-fill);transition:width .5s ease-out}.action-buttons-hud{display:flex;justify-content:center;gap:10px;margin-top:15px}.emergency-button-hud,.report-button-hud,.vote-button-hud,.confirm-vote-button-hud,.skip-vote-button-hud,.reset-button-3d{background-color:var(--emergency-button-bg);color:#fff;padding:8px 15px;border:none;border-radius:var(--border-radius);font-size:.9em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;gap:5px;box-shadow:0 4px 10px #ff4d4d66}.report-button-hud{background-color:var(--report-button-bg);box-shadow:0 4px 10px #ffa50066}.vote-button-hud,.confirm-vote-button-hud{background-color:var(--primary-color);box-shadow:0 4px 10px #6a0dad66}.skip-vote-button-hud{background-color:var(--subtle-text-color);box-shadow:0 4px 10px #aaa6}.reset-button-3d{background-color:var(--secondary-color);box-shadow:0 4px 10px #4ecdc466}.emergency-button-hud:hover,.report-button-hud:hover,.vote-button-hud:hover,.confirm-vote-button-hud:hover,.skip-vote-button-hud:hover,.reset-button-3d:hover{transform:translateY(-2px)}.emergency-button-hud:active,.report-button-hud:active,.vote-button-hud:active,.confirm-vote-button-hud:active,.skip-vote-button-hud:active,.reset-button-3d:active{transform:translateY(0)}.emergency-button-hud:disabled,.report-button-hud:disabled,.vote-button-hud:disabled,.confirm-vote-button-hud:disabled,.skip-vote-button-hud:disabled{background-color:#555;cursor:not-allowed;box-shadow:none;transform:none}.discussion-section-hud textarea{width:calc(100% - 16px);padding:8px;margin-bottom:10px;border:1px solid var(--secondary-color);border-radius:var(--border-radius);background-color:#ffffff1a;color:var(--text-color);font-size:.9em;resize:vertical;box-shadow:inset 0 0 10px #4ecdc44d}.vote-options-container-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:15px}.vote-option{background-color:#ffffff14;padding:10px;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease,border-color .3s ease,transform .2s ease;display:flex;align-items:center;gap:8px;border:2px solid transparent;font-weight:700;font-size:.9em}.vote-option.selected{border-color:var(--secondary-color)!important;background-color:#4ecdc44d;transform:scale(1.03)}.vote-option-color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid white}.imposter-icon-vote{width:14px;height:14px;margin-left:auto;filter:drop-shadow(0 0 4px var(--imposter-icon-color))}.gameover-screen-3d{background-color:var(--card-background);padding:30px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);animation:fadeIn 1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(100px);z-index:20;text-align:center}.gameover-screen-3d h2{font-size:2em;margin-bottom:15px;color:#fff;text-shadow:var(--neon-text-shadow)}.win-message-3d{color:var(--secondary-color);font-size:1.5em;font-weight:700;text-shadow:0 0 8px var(--secondary-color)}.lose-message-3d{color:var(--accent-color);font-size:1.5em;font-weight:700;text-shadow:0 0 8px var(--accent-color)}.app-footer-3d{background:linear-gradient(90deg,#0a0a2acc,#6a0dad99);padding:10px 25px;text-align:center;font-size:.8em;color:var(--subtle-text-color);position:relative;z-index:10;margin-top:auto}.control-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--control-panel-bg);padding:15px 25px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);z-index:40;display:flex;gap:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.control-panel h4{margin:0 0 10px;color:#fff;text-shadow:var(--neon-text-shadow);font-size:1.1em;text-align:center}.control-group{display:flex;gap:10px;margin-bottom:10px;justify-content:center}.control-panel button{background-color:var(--control-button-bg);color:var(--text-color);border:none;border-radius:var(--border-radius);padding:8px 12px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-size:.9em;display:flex;align-items:center;gap:5px}.control-panel button:hover{background-color:var(--control-button-hover);transform:translateY(-2px)}.control-panel button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateZ(50px)}to{opacity:1;transform:translate(-50%,-50%) translateZ(100px)}}@media (max-width: 768px){.app-header-3d{padding:10px}.app-header-3d h1{font-size:1.5em}.header-info{flex-wrap:wrap;justify-content:center;gap:10px;font-size:.8em}.start-screen-3d,.gameover-screen-3d{padding:25px}.start-screen-3d h2,.gameover-screen-3d h2{font-size:1.8em}.win-message-3d,.lose-message-3d{font-size:1.3em}.start-button-3d,.emergency-button-hud,.report-button-hud,.vote-button-hud,.confirm-vote-button-hud,.skip-vote-button-hud,.reset-button-3d{font-size:.8em;padding:10px 12px}.control-panel{padding:10px 15px;bottom:10px}.control-panel h4{font-size:1em}.control-panel button{font-size:.8em;padding:6px 10px}}