*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.toolbar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#2c2c2c;color:#fff;height:60px;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 8px #0003;position:relative;z-index:10}.toolbar-section{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toolbar-label{font-size:.8rem;opacity:.7;white-space:nowrap}.tool-group{display:flex;gap:.25rem}.tool-button{min-width:44px;min-height:44px;padding:.5rem;border:2px solid transparent;border-radius:8px;background:#3c3c3c;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tool-button:hover:not(:disabled){background:#4c4c4c;border-color:#646cff}.tool-button.active{background:#646cff;border-color:#646cff}.tool-button:disabled{opacity:.3;cursor:not-allowed}.tool-icon{font-size:1.5rem;line-height:1}.size-button{min-width:44px;min-height:44px;padding:.5rem;border:2px solid transparent;border-radius:8px;background:#3c3c3c;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.size-button:hover{background:#4c4c4c;border-color:#646cff}.size-button.active{background:#646cff;border-color:#646cff}.size-indicator{display:flex;align-items:center}.color-picker-container{position:relative}.color-button{width:44px;height:44px;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:transform .2s}.color-button:hover{transform:scale(1.1)}.color-picker-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.color-picker-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.color-picker-content{position:relative;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 20px #0000004d}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin-top:1rem}.color-preset{width:32px;height:32px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:transform .2s}.color-preset:hover{transform:scale(1.15);border-color:#646cff}.brush-size-slider{width:120px;height:8px;border-radius:4px;background:#4c4c4c;outline:none;-webkit-appearance:none}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#646cff;cursor:pointer}.brush-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#646cff;cursor:pointer;border:none}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#2c2c2c;border:1px solid #4c4c4c;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:100}.dropdown-menu button{display:block;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .2s;font-size:.9rem}.dropdown-menu button:hover{background:#3c3c3c}.dropdown-menu button:first-child{border-radius:8px 8px 0 0}.dropdown-menu button:last-child{border-radius:0 0 8px 8px}@media(max-width:768px){.toolbar{padding:.5rem;gap:1rem}.toolbar-label{font-size:.7rem}.tool-button,.size-button{min-width:40px;min-height:40px}.brush-size-slider{width:80px}}@media(prefers-color-scheme:light){.toolbar{background:#f5f5f5;color:#333}.tool-button{background:#fff;color:#333;border-color:#ddd}.tool-button:hover:not(:disabled){background:#e8e8e8}.size-button{background:#fff;color:#333;border-color:#ddd}.size-button:hover{background:#e8e8e8}.brush-size-slider{background:#ddd}.dropdown-menu{background:#fff;border-color:#ddd}.dropdown-menu button{color:#333}.dropdown-menu button:hover{background:#f5f5f5}}.canvas-container{background-color:#fff;position:relative;overflow:hidden}@media(prefers-color-scheme:dark){.canvas-container{background-color:#f5f5f5}}.landing-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.landing-content{text-align:center;max-width:500px;width:100%}.landing-title{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.landing-subtitle{font-size:1.25rem;color:#ffffffe6;margin:0 0 3rem;font-weight:300}.landing-buttons{display:flex;flex-direction:column;gap:1rem}.landing-button{padding:1.25rem 2rem;font-size:1.25rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-transform:uppercase;letter-spacing:.5px}.landing-button.primary{background:#fff;color:#667eea}.landing-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:#f8f9fa}.landing-button.secondary{background:transparent;color:#fff;border:2px solid #ffffff}.landing-button.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:#ffffff1a}@media(max-width:768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1rem;margin-bottom:2rem}.landing-button{padding:1rem 1.5rem;font-size:1rem}}.doodle-master-setup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.setup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.setup-popup{position:relative;background:#fff;border-radius:16px;padding:2.5rem;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;text-align:center}.setup-title{font-size:1.75rem;font-weight:700;color:#333;margin:0 0 1.5rem}.game-code-display{font-size:3rem;font-weight:800;color:#667eea;letter-spacing:.5rem;padding:1rem;background:#f5f5f5;border-radius:12px;margin-bottom:1rem;font-family:Courier New,monospace}.setup-copy-button{width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.setup-copy-button:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.setup-copy-button:disabled{opacity:.5;cursor:not-allowed}.setup-instructions{font-size:.95rem;color:#666;margin:0 0 2rem;line-height:1.5}.setup-button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;background:#667eea;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.setup-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.setup-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.setup-popup{padding:2rem}.setup-title{font-size:1.5rem}.game-code-display{font-size:2.5rem;letter-spacing:.3rem}}.game-control-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#1a1a1a;color:#fff;box-shadow:0 2px 4px #0000001a;position:relative;z-index:9;min-height:50px}.game-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.game-role{font-size:.95rem;font-weight:600;padding:.4rem .8rem;background:#667eea33;border-radius:6px;color:#a5b4fc}.game-code-badge{font-size:.9rem;color:#d1d5db}.game-code-badge strong{font-family:Courier New,monospace;color:#fff;letter-spacing:.1rem;margin-left:.25rem}.game-actions{display:flex;gap:.75rem;align-items:center}.done-button{padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;background:#10b981;color:#fff;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 2px 4px #10b98133;white-space:nowrap}.done-button:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.new-game-button{padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border:2px solid #ef4444;border-radius:8px;background:transparent;color:#ef4444;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;white-space:nowrap}.new-game-button:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}@media(max-width:768px){.game-control-bar{padding:.5rem .75rem}.game-info{gap:1rem;font-size:.85rem}.game-role{font-size:.85rem;padding:.3rem .6rem}.game-code-badge{font-size:.8rem}.game-actions{gap:.5rem}.done-button,.new-game-button{padding:.5rem .8rem;font-size:.75rem}}.doodle-marks-popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001}.marks-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.marks-popup{position:relative;background:#fff;border-radius:16px;padding:2rem;max-width:380px;width:90%;box-shadow:0 10px 40px #00000040;text-align:center}.marks-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1rem}.marks-instructions{font-size:1rem;color:#666;margin:0 0 1.5rem;line-height:1.6}.marks-button{width:100%;padding:.9rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;background:#10b981;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.marks-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media(max-width:768px){.marks-popup{padding:1.5rem}.marks-title{font-size:1.3rem}.marks-instructions{font-size:.95rem}}.game-lobby{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.lobby-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:900px;width:100%;box-shadow:0 10px 40px #0003;margin:auto;max-height:calc(100vh - 4rem);overflow-y:auto}.lobby-title{font-size:2rem;font-weight:800;color:#333;margin:0 0 1rem;text-align:center}.lobby-game-code{font-size:1rem;color:#666;text-align:center;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.game-code-value{font-family:Courier New,monospace;color:#667eea;letter-spacing:.2rem;font-size:1.5rem;font-weight:700;-webkit-user-select:text;user-select:text;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.game-code-value:hover{background:#667eea1a}.copy-button{background:#667eea;border:none;font-size:.9rem;color:#fff;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s;font-weight:600}.copy-button:hover{background:#5568d3;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.current-game-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f5f5f5;border-radius:12px}.doodle-section{display:flex;flex-direction:column;align-items:center;height:100%}.settings-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}.section-label{font-size:1.1rem;font-weight:600;color:#666;margin:0 0 1rem;text-align:center}.doodle-thumbnail{width:100%;max-width:100%;flex:1;border:3px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #0000001a;object-fit:contain}.time-input-container{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;border:3px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#fff}.time-input{width:75%;padding:1.5rem 2rem;font-size:3rem;font-weight:700;text-align:center;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#667eea;transition:all .2s ease}.time-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.time-input::-webkit-inner-spin-button,.time-input::-webkit-outer-spin-button{opacity:1;height:40px}.players-section{margin-bottom:1rem}.players-title{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 1rem}.players-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.players-list::-webkit-scrollbar{width:8px}.players-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.players-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.players-list::-webkit-scrollbar-thumb:hover{background:#5568d3}.player-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.player-item:hover{background:#f3f4f6;border-color:#667eea;transform:translate(4px)}.player-item.ready{background:#d1fae5;border-color:#10b981}.player-item.not-ready{background:#fee2e2;border-color:#ef4444}.player-name{font-size:1.1rem;font-weight:600;color:#333}.player-status{font-size:1.5rem}.no-players{text-align:center;color:#999;font-style:italic;padding:2rem}.add-test-player-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:2px dashed #9ca3af;border-radius:10px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-top:1rem}.add-test-player-button:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.start-game-button{width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;background:#10b981;color:#fff;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d;margin-top:1rem}.start-game-button:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.start-game-button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.6}@media(max-width:768px){.game-lobby{padding:1rem}.lobby-container{padding:1.5rem}.lobby-title{font-size:1.6rem}.lobby-game-code{flex-direction:column;gap:.5rem}.game-code-value{font-size:1.2rem}.current-game-container{grid-template-columns:1fr;gap:1.5rem}.time-input{font-size:1.3rem}.player-item{padding:.8rem 1rem}.player-name{font-size:1rem}.player-status{font-size:1.3rem}}.player-join{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.join-content{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:100%;box-shadow:0 10px 40px #0003}.join-title{font-size:2.5rem;font-weight:800;color:#333;margin:0 0 .5rem;text-align:center}.join-subtitle{font-size:1.1rem;color:#666;margin:0 0 2.5rem;text-align:center}.join-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;font-weight:600;color:#555}.form-input{padding:1rem 1.25rem;font-size:1.1rem;border:2px solid #d1d5db;border-radius:10px;background:#fff;color:#333;transition:all .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-input::placeholder{color:#9ca3af}.game-code-input{font-family:Courier New,monospace;letter-spacing:.3rem;font-size:1.5rem;text-align:center;font-weight:700;text-transform:uppercase}.error-message{padding:.75rem 1rem;background:#fee2e2;border:2px solid #ef4444;border-radius:8px;color:#dc2626;font-size:.95rem;font-weight:600;text-align:center}.join-button{padding:1.1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;background:#667eea;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.join-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.join-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.back-button{padding:.9rem 2rem;font-size:1rem;font-weight:600;border:2px solid #d1d5db;border-radius:10px;background:transparent;color:#666;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#f3f4f6;border-color:#9ca3af}@media(max-width:768px){.join-content{padding:2rem}.join-title{font-size:2rem}.join-subtitle{font-size:1rem}.game-code-input{font-size:1.3rem;letter-spacing:.2rem}}.player-lobby{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.player-lobby-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:900px;width:100%;box-shadow:0 10px 40px #0003;margin:auto;max-height:calc(100vh - 4rem);overflow-y:auto}.player-lobby-title{font-size:2rem;font-weight:800;color:#333;margin:0 0 .5rem;text-align:center}.player-lobby-game-code{font-size:1rem;color:#666;text-align:center;margin-bottom:1rem}.player-lobby-game-code strong{font-family:Courier New,monospace;color:#667eea;letter-spacing:.2rem;font-size:1.5rem}.player-welcome{font-size:1.2rem;color:#555;text-align:center;margin-bottom:2rem;padding:1rem;background:#f0f4ff;border-radius:8px}.player-welcome strong{color:#667eea;font-weight:700}.player-current-game-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f5f5f5;border-radius:12px}.player-doodle-section{display:flex;flex-direction:column;align-items:center;height:100%}.player-settings-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}.player-section-label{font-size:1.1rem;font-weight:600;color:#666;margin:0 0 1rem;text-align:center}.player-doodle-thumbnail{width:100%;max-width:100%;flex:1;border:3px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #0000001a;object-fit:contain}.player-time-display{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:3px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#fff}.player-time-value{font-size:4rem;font-weight:800;color:#667eea;line-height:1}.player-time-unit{font-size:1.2rem;color:#666;margin-top:.5rem}.player-ready-section{margin-bottom:2rem}.player-section-title{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 1rem}.player-ready-button{width:100%;padding:1.5rem 2rem;font-size:1.3rem;font-weight:700;border:3px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:1rem}.player-ready-button.not-ready{background:#fee2e2;border-color:#ef4444;color:#dc2626}.player-ready-button.not-ready:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.player-ready-button.ready{background:#d1fae5;border-color:#10b981;color:#059669}.player-ready-button.ready:hover{background:#a7f3d0;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.ready-icon{font-size:2rem}.ready-text{font-size:1.3rem}.other-players-section{margin-bottom:2rem}.other-players-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.other-players-list::-webkit-scrollbar{width:8px}.other-players-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.other-players-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.other-players-list::-webkit-scrollbar-thumb:hover{background:#5568d3}.other-player-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px}.other-player-name{font-size:1.1rem;font-weight:600;color:#333}.other-player-status{font-size:1.5rem}.player-waiting-message{text-align:center;font-size:1.1rem;color:#666;padding:1.5rem;background:#fef3c7;border:2px solid #fbbf24;border-radius:10px;font-style:italic;margin-bottom:1.5rem}.player-test-start-button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:2px dashed #9ca3af;border-radius:12px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.player-test-start-button:hover{border-color:#667eea;color:#667eea;background:#667eea0d;transform:translateY(-1px)}@media(max-width:768px){.player-lobby{padding:1rem}.player-lobby-container{padding:1.5rem}.player-lobby-title{font-size:1.6rem}.player-current-game-container{grid-template-columns:1fr;gap:1.5rem}.player-time-value{font-size:3rem}.ready-icon{font-size:1.5rem}.ready-text{font-size:1.1rem}}.player-playing{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.player-game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#1a1a1a;color:#fff;height:60px;box-shadow:0 2px 8px #0003;z-index:10}.player-info{flex:1}.player-name-display{font-size:1.2rem;font-weight:700;color:#a5b4fc}.timer-display{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.timer-label{font-size:1rem;color:#d1d5db}.timer-value{font-size:2.5rem;font-weight:800;color:#10b981;font-family:Courier New,monospace;min-width:80px;text-align:center}.timer-value.warning{color:#ef4444;animation:pulse 1s infinite}.player-canvas-container{background:#fff;position:relative;flex:1}@media(max-width:768px){.player-game-header{height:auto;gap:.5rem;padding:.75rem}.timer-display{justify-content:center}.timer-value{font-size:2rem}}.player-submitted{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:center;justify-content:center}.player-submitted-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:600px;width:100%;box-shadow:0 10px 40px #0003;text-align:center}.submitted-title{font-size:2rem;font-weight:800;color:#333;margin:0 0 1.5rem}.submitted-check{font-size:5rem;color:#10b981;margin:1rem 0;animation:checkPop .5s ease-out}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.submitted-message{font-size:1.2rem;color:#666;margin:0 0 2rem;line-height:1.6}.submitted-preview{margin-bottom:2rem}.preview-image{max-width:100%;height:auto;max-height:400px;border:3px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a;object-fit:contain}.next-game-button{width:100%;text-align:center;font-size:1.3rem;font-weight:700;color:#92400e;padding:1.5rem;background:#fef3c7;border:3px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .2s ease}.next-game-button:hover{background:#fde68a;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.next-game-button:active{transform:translateY(0)}@media(max-width:768px){.player-submitted{padding:1rem}.player-submitted-container{padding:1.5rem}.submitted-title{font-size:1.6rem}.submitted-check{font-size:4rem}.submitted-message{font-size:1rem}}.master-game-active{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:center;justify-content:center}.master-watching-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:800px;width:100%;box-shadow:0 10px 40px #0003}.master-watching-title{font-size:2.5rem;font-weight:800;color:#333;margin:0 0 2rem;text-align:center}.master-timer-section{text-align:center;margin-bottom:2rem;padding:2rem;background:#f5f5f5;border-radius:12px}.master-timer-label{font-size:1.2rem;color:#666;margin-bottom:.5rem}.master-timer-value{font-size:4rem;font-weight:800;color:#10b981;font-family:Courier New,monospace}.master-timer-value.warning{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.master-doodle-preview{margin-bottom:2rem;text-align:center}.preview-label{font-size:1.2rem;font-weight:700;color:#555;margin-bottom:1rem}.preview-image{max-width:100%;height:auto;max-height:300px;border:3px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a}.master-status-section{margin-bottom:2rem}.status-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.status-info{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;padding:1.5rem;background:#f0f4ff;border-radius:10px}.status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-label{font-size:.9rem;color:#666;font-weight:600}.status-value{font-size:2rem;font-weight:800;color:#667eea}.players-drawing-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.player-drawing-status{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px}.player-drawing-name{font-size:1.1rem;font-weight:600;color:#333}.player-drawing-indicator{font-size:1rem;font-weight:600;color:#059669}.master-waiting-message{text-align:center;font-size:1.2rem;color:#666;padding:1.5rem;background:#fef3c7;border:2px solid #fbbf24;border-radius:10px;font-style:italic}@media(max-width:768px){.master-game-active{padding:1rem}.master-watching-container{padding:1.5rem}.master-watching-title{font-size:2rem}.master-timer-value{font-size:3rem}.status-info{flex-direction:column;gap:1rem}}.master-results{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.results-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:1200px;width:100%;box-shadow:0 10px 40px #0003}.results-title{font-size:2.5rem;font-weight:800;color:#333;margin:0 0 2rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.submission-card{background:#f9fafb;border:3px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s,box-shadow .2s}.submission-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;border-color:#667eea}.submission-player-name{font-size:1.3rem;font-weight:700;color:#333;text-align:center}.submission-image{width:100%;height:auto;max-height:300px;object-fit:contain;border:2px solid #667eea;border-radius:8px;background:#fff}.no-submissions{text-align:center;font-size:1.2rem;color:#666;padding:3rem;background:#fef3c7;border:2px solid #fbbf24;border-radius:10px}.results-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.new-game-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea4d}.new-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.new-game-button:active{transform:translateY(0)}@media(max-width:768px){.master-results{padding:1rem}.results-container{padding:1.5rem}.results-title{font-size:2rem}.results-grid{grid-template-columns:1fr;gap:1.5rem}}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}