*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.App{min-height:100vh;background:linear-gradient(135deg,#b3d9ff,#e6f2ff,#cce5ff);padding:20px;position:relative;overflow-x:hidden}.App:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(200,230,255,.2) 0%,transparent 50%);pointer-events:none;z-index:0;animation:shimmer 10s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.8}}.App:after{content:"❄️ ❄️ ❄️ ❄️ ❄️ ❄️ ❄️ ❄️";position:fixed;top:10px;left:0;right:0;text-align:center;font-size:2rem;opacity:.15;pointer-events:none;z-index:0;color:#4da6ff}.page-container{max-width:800px;margin:0 auto;padding:40px 20px;text-align:center;position:relative;z-index:1}.page-container h1{color:#06c;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(255,255,255,.8),0 0 20px rgba(173,216,230,.5);font-weight:700}.page-container h2{color:#0080ff;font-size:1.8rem;margin-bottom:15px;text-shadow:1px 1px 3px rgba(255,255,255,.7)}.page-container p{color:#369;font-size:1.1rem;margin-bottom:30px}.button-container{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}button{padding:15px 30px;font-size:1.1rem;font-weight:600;color:#003d66;background:linear-gradient(135deg,#c0e0f0,#e6f2ff);border:2px solid #99ccff;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0066cc26,inset 0 1px #fffc}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0066cc40,inset 0 1px #ffffffe6;background:linear-gradient(135deg,#d0e8f8,#f0f8ff);border-color:#66b3ff}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea{width:100%;padding:12px;font-size:1rem;border:2px solid #99ccff;border-radius:8px;box-sizing:border-box;margin-bottom:15px;font-family:inherit;background:#fffffff2;color:#003d66}input:focus,textarea:focus{outline:none;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff1a,inset 0 1px 2px #0066cc1a;background:#fff}label{display:block;text-align:left;color:#06c;font-weight:600;margin-bottom:5px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.form-group{margin-bottom:20px}.error-message{color:#c00;background:#fffffff2;padding:10px;border-radius:5px;margin-bottom:15px;border-left:4px solid #ff6666}.game-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;color:#06c;font-weight:600;margin-bottom:8px;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:12px;font-size:1rem;border:2px solid #99ccff;border-radius:8px;box-sizing:border-box;font-family:inherit;background:#fffffff2}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0080ff;box-shadow:0 0 0 3px #0080ff1a;background:#fff}.form-group input:disabled,.form-group textarea:disabled{background-color:#f0f8ff;cursor:not-allowed}.secondary-button{background:linear-gradient(135deg,#a8d0e6,#c8e0f0);border-color:#7ab8d9;color:#003d66}.secondary-button:hover{background:linear-gradient(135deg,#b8dce8,#d8e8f0);border-color:#5aa3c8}.prediction-header{margin-bottom:30px}.prediction-counter{display:inline-block;background:linear-gradient(135deg,#c8e0f0,#e0f0ff);color:#003d66;padding:8px 20px;border-radius:20px;font-weight:600;margin-top:10px;font-size:.9rem;border:2px solid #99ccff;box-shadow:0 2px 4px #0066cc1a,inset 0 1px #fffc}.movie-info{background:linear-gradient(135deg,#fffffffa,#e6f5fffa);padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 8px #0066cc26,inset 0 1px #ffffffe6;border:2px solid #b3d9ff}.movie-info h2{color:#06c;margin-bottom:10px;font-size:1.5rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.movie-info p{color:#369;line-height:1.6;margin:0}.submitted-predictions{background:linear-gradient(135deg,#c8e0f04d,#e6f2ff4d);padding:20px;border-radius:10px;margin-bottom:30px;border:2px solid rgba(153,204,255,.4)}.submitted-predictions h3{color:#06c;font-size:1.1rem;margin-bottom:15px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.prediction-item{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);padding:15px;border-radius:8px;margin-bottom:10px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 4px #0066cc1a}.prediction-item.locked{border-left:4px solid #33cc99}.prediction-label{font-weight:600;color:#06c;font-size:.9rem}.prediction-text{color:#003d66;line-height:1.5}.prediction-form{max-width:500px;margin:0 auto}.prediction-form textarea{width:100%;min-height:100px}.game-status-header{margin-bottom:30px}.game-status-header h1{margin-bottom:15px}.game-code-display{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#c8e0f099,#e6f2ff99);padding:10px 20px;border-radius:8px;color:#003d66;font-size:1.1rem;flex-wrap:wrap;justify-content:center;border:2px solid #99ccff;box-shadow:0 2px 4px #0066cc26}.game-code-display strong{letter-spacing:2px;font-size:1.3rem;color:#06c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.copy-button{padding:5px 15px;font-size:.9rem;background:linear-gradient(135deg,#d0e8f8,#e6f2ff);border:2px solid #99ccff;color:#003d66}.copy-button:hover{background:linear-gradient(135deg,#e0f0fa,#f0f8ff);border-color:#66b3ff}.movie-description-container{margin-top:20px;background:linear-gradient(135deg,#c8e0f04d,#e6f2ff4d);border-radius:8px;overflow:hidden;border:2px solid rgba(153,204,255,.4)}.description-toggle{width:100%;padding:12px 20px;background:transparent;border:none;color:#06c;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease}.description-toggle:hover{background:#c8e0f066}.movie-description-content{padding:15px 20px 20px;color:#369;line-height:1.6;font-size:1rem;background:#fff6;animation:slideDown .3s ease;text-align:left}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.new-round-alert{background:linear-gradient(135deg,#6cf,#9df);color:#003d66;padding:20px;border-radius:10px;margin-bottom:20px;text-align:center;box-shadow:0 4px 8px #06c3,inset 0 1px #fffc;border:2px solid #4db8ff}.new-round-alert p{font-size:1.1rem;margin-bottom:15px;color:#003d66;font-weight:600}.new-round-alert button{background:linear-gradient(135deg,#fff,#f0f8ff);color:#06c;font-weight:700;border:2px solid #99ccff}.new-round-alert button:hover{background:linear-gradient(135deg,#f0f8ff,#fff);border-color:#66b3ff}.hidden-predictions-notice{background:linear-gradient(135deg,#6cf9,#9df9);color:#003d66;padding:15px 20px;border-radius:8px;margin-bottom:20px;text-align:center;border:2px solid #66ccff;box-shadow:0 2px 4px #0066cc26}.hidden-predictions-notice p{margin:0;color:#003d66;font-size:1rem;font-weight:600}.creator-controls{background:linear-gradient(135deg,#c0d8e8,#d8e8f0);padding:20px;border-radius:10px;margin-bottom:25px;box-shadow:0 4px 8px #0066cc26,inset 0 1px #ffffffe6;border:2px solid #99ccff}.creator-controls h3{color:#003d66;margin:0 0 15px;font-size:1.2rem;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.8)}.creator-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.new-round-button,.end-game-button{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;border:2px solid;cursor:pointer;transition:all .3s ease;flex:1;min-width:150px;max-width:250px}.new-round-button{background:linear-gradient(135deg,#3c9,#6da);color:#003d33;border-color:#2eb885;box-shadow:0 2px 4px #3c93,inset 0 1px #fff6}.new-round-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #33cc994d,inset 0 1px #ffffff80;background:linear-gradient(135deg,#4da,#7eb)}.end-game-button{background:linear-gradient(135deg,#ff6b6b,#f88);color:#600;border-color:#f55;box-shadow:0 2px 4px #ff6b6b33,inset 0 1px #fff6}.end-game-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b4d,inset 0 1px #ffffff80;background:linear-gradient(135deg,#ff7c7c,#f99)}.new-round-button:disabled,.end-game-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.view-toggle{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.view-toggle button{padding:10px 20px;font-size:.95rem;background:linear-gradient(135deg,#c8e0f066,#e6f2ff66);border:2px solid rgba(153,204,255,.5);color:#06c;flex:1;max-width:200px;min-width:140px}.view-toggle button.active{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);color:#003d66;border-color:#66b3ff;box-shadow:0 2px 4px #0066cc26,inset 0 1px #ffffffe6}.players-container{display:flex;flex-direction:column;gap:20px}.player-card{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);border-radius:10px;padding:20px;box-shadow:0 4px 8px #0066cc26,inset 0 1px #ffffffe6;border:2px solid #b3d9ff}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #cce5ff;flex-wrap:wrap;gap:10px}.player-header h3{color:#06c;font-size:1.3rem;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.creator-badge{background:linear-gradient(135deg,#c0d8e8,#d8e8f0);color:#003d66;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid #99ccff;box-shadow:inset 0 1px #fffc}.player-score{background:linear-gradient(135deg,#3c9,#6da);color:#003d33;padding:8px 16px;border-radius:20px;font-weight:700;font-size:1.1rem;border:2px solid #2eb885;box-shadow:0 2px 4px #3c93,inset 0 1px #fff6}.predictions-list{display:flex;flex-direction:column;gap:10px}.prediction-item{background:linear-gradient(135deg,#fff,#f8fcff);border-left:4px solid #66b3ff;padding:12px 15px;border-radius:5px;box-shadow:0 2px 4px #0066cc14;border-right:1px solid #e0f0ff;border-top:1px solid #e0f0ff;border-bottom:1px solid #cce5ff}.prediction-item.chronological{margin-bottom:15px}.prediction-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}.prediction-round{font-weight:600;color:#0080ff;font-size:.9rem}.prediction-status{font-weight:600;font-size:.9rem}.player-name-badge{background:linear-gradient(135deg,#06c,#0080ff);color:#fff;padding:3px 10px;border-radius:12px;font-size:.85rem;font-weight:600;box-shadow:0 1px 2px #0066cc4d}.prediction-text{color:#003d66;line-height:1.5;font-size:1rem;word-wrap:break-word}.no-predictions{color:#69c;font-style:italic;text-align:center;padding:20px;margin:0}.chronological-container{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);border-radius:10px;padding:20px;box-shadow:0 4px 8px #0066cc26;border:2px solid #b3d9ff}.prediction-actions{display:flex;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #cce5ff;flex-wrap:wrap}.mark-correct-btn,.mark-wrong-btn{flex:1;padding:8px 16px;font-size:.9rem;font-weight:600;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px}.mark-correct-btn{background:linear-gradient(135deg,#3c9,#6da);color:#003d33;border-color:#2eb885;box-shadow:0 2px 4px #3c93,inset 0 1px #fff6}.mark-correct-btn:hover{background:linear-gradient(135deg,#4da,#7eb);transform:translateY(-1px);box-shadow:0 3px 6px #33cc994d,inset 0 1px #ffffff80}.mark-wrong-btn{background:linear-gradient(135deg,#ff6b6b,#f88);color:#600;border-color:#f55;box-shadow:0 2px 4px #ff6b6b33,inset 0 1px #fff6}.mark-wrong-btn:hover{background:linear-gradient(135deg,#ff7c7c,#f99);transform:translateY(-1px);box-shadow:0 3px 6px #ff6b6b4d,inset 0 1px #ffffff80}.mark-correct-btn:disabled,.mark-wrong-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.leaderboard-header{text-align:center;margin-bottom:40px}.leaderboard-header h1{font-size:2.5rem;margin-bottom:10px}.leaderboard-header h2{color:#0080ff;font-size:1.5rem;margin-bottom:30px;opacity:.9}.winner-announcement{background:linear-gradient(135deg,#c0d8e8,#d8e8f0);padding:30px;border-radius:15px;box-shadow:0 8px 16px #06c3,inset 0 2px #ffffffe6;margin-bottom:20px;border:3px solid #99ccff;animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{transform:scale(1);box-shadow:0 8px 16px #06c3,inset 0 2px #ffffffe6}50%{transform:scale(1.02);box-shadow:0 12px 24px #0066cc4d,inset 0 2px #ffffffe6}}.winner-announcement .trophy{font-size:4rem;display:block;margin-bottom:15px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,102,204,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.winner-announcement h3{color:#003d66;font-size:2rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(255,255,255,.8)}.winner-names{color:#06c;font-size:1.3rem;font-weight:600;margin-bottom:10px}.winner-score{color:#369;font-size:1.1rem;margin:0}.leaderboard-container{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);border-radius:15px;padding:30px;box-shadow:0 6px 12px #0066cc26;margin-bottom:30px;border:2px solid #b3d9ff}.leaderboard-container h3{color:#06c;font-size:1.5rem;margin-bottom:20px;text-align:center;border-bottom:3px solid #cce5ff;padding-bottom:15px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#f8fcff,#fff);border-radius:10px;border-left:4px solid #99ccff;transition:all .3s ease;border-right:1px solid #e0f0ff;border-top:1px solid #e0f0ff;border-bottom:1px solid #cce5ff}.leaderboard-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0066cc1a}.leaderboard-item.winner{background:linear-gradient(135deg,#d0e8f8,#e6f2ff);border-left:4px solid #0080ff;box-shadow:0 4px 12px #0080ff33}.rank-badge{font-size:1.8rem;font-weight:700;min-width:50px;text-align:center;color:#06c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.leaderboard-item.winner .rank-badge{font-size:2.2rem}.player-info{flex:1}.player-name{font-size:1.2rem;font-weight:600;color:#003d66;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.host-badge{background:linear-gradient(135deg,#06c,#0080ff);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;box-shadow:0 1px 2px #0066cc4d}.player-points{font-size:1.3rem;font-weight:700;color:#3c9;min-width:100px;text-align:right}.leaderboard-item.winner .player-points{color:#0080ff;font-size:1.5rem}.leaderboard-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.new-game-button,.view-game-button{padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:10px;flex:1;max-width:250px;min-width:200px;border:2px solid}.new-game-button{background:linear-gradient(135deg,#3c9,#6da);color:#003d33;border-color:#2eb885;box-shadow:0 4px 8px #3c93,inset 0 1px #fff6}.new-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #33cc994d,inset 0 1px #ffffff80}.view-game-button{background:linear-gradient(135deg,#66b3ff,#9cf);color:#003d66;border-color:#4da6ff;box-shadow:0 4px 8px #66b3ff33,inset 0 1px #fff6}.view-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #66b3ff4d,inset 0 1px #ffffff80}@media(max-width:768px){.App{padding:10px}.page-container{padding:20px 15px}.page-container h1{font-size:2rem}.page-container h2{font-size:1.4rem}.page-container p{font-size:1rem}button{padding:12px 20px;font-size:1rem}.game-code-display{font-size:.95rem;padding:8px 15px}.game-code-display strong{font-size:1.1rem;letter-spacing:1px}.creator-buttons{flex-direction:column}.new-round-button,.end-game-button{max-width:100%}.view-toggle{flex-direction:column}.view-toggle button{max-width:100%}.player-header{flex-direction:column;align-items:flex-start}.player-score{align-self:flex-end}.prediction-actions{flex-direction:column}.mark-correct-btn,.mark-wrong-btn{width:100%;max-width:100%}.leaderboard-header h1{font-size:2rem}.winner-announcement{padding:20px}.winner-announcement .trophy{font-size:3rem}.winner-announcement h3{font-size:1.5rem}.leaderboard-container{padding:20px 15px}.leaderboard-item{padding:12px 15px}.rank-badge{font-size:1.5rem;min-width:40px}.player-name{font-size:1rem}.player-points{font-size:1.1rem;min-width:80px}.leaderboard-actions{flex-direction:column}.new-game-button,.view-game-button{max-width:100%}.movie-info{padding:15px}.movie-info h2{font-size:1.3rem}.submitted-predictions{padding:15px}.prediction-form textarea{font-size:1rem}}@media(max-width:480px){.page-container h1{font-size:1.75rem}.page-container h2{font-size:1.2rem}.button-container,.game-form,.prediction-form{max-width:100%}.player-header h3{font-size:1.1rem}.player-score{font-size:1rem;padding:6px 12px}.creator-badge{font-size:.65rem;padding:2px 8px}.leaderboard-item{gap:10px}.rank-badge{font-size:1.3rem;min-width:35px}.winner-announcement h3{font-size:1.3rem}.winner-names{font-size:1.1rem}}@media print{.App{background:#fff}button,.creator-controls,.view-toggle,.prediction-actions{display:none}}.input-error{border-color:#ff6b6b!important;background:#ff6b6b0d!important}.field-error{color:#ff6b6b;font-size:.85rem;margin-top:-10px;margin-bottom:10px;padding:5px 10px;background:#ff6b6b1a;border-radius:4px;border-left:3px solid #ff6b6b}