*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}body,html{overscroll-behavior-y:none}}[role=button],a,button{cursor:pointer}[role=button],a,button,input,select,textarea{touch-action:manipulation}[role=button],button{user-select:none;-webkit-user-select:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #007bff;outline-offset:2px}.home-screen{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.welcome-card{animation:fadeIn .5s ease forwards;background:#000000d9;border:2px solid #ffffff4d;max-width:600px;padding:60px 50px;position:relative;text-align:center;width:90%;z-index:2}.title{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:4px;margin:0 0 20px}.subtitle,.title{text-transform:uppercase}.subtitle{color:#fffc;font-size:1rem;font-weight:500;letter-spacing:2px;margin:0 0 40px}.topic-form{align-items:center;display:flex;flex-direction:column;width:100%}.topic-input{background:#00000080;border:2px solid #ffffff4d;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:1px;margin-bottom:28px;padding:18px 20px;width:100%}.topic-input::placeholder{color:#ffffff80}.topic-input:focus{background:#000000b3;border-color:#fff;outline:none}.begin-button{background:#0009;border:2px solid #ffffff80;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:3px;padding:18px 48px;text-transform:uppercase;transition:all .2s}.begin-button:hover{background:#000;border-color:#fff}.begin-button:active{background:#ffffff1a}@media (max-width:768px){.welcome-card{padding:48px 32px;width:90%}.title{font-size:2.5rem;letter-spacing:3px}.subtitle{font-size:.9rem;margin-bottom:32px}.topic-input{font-size:1rem;padding:16px 18px}.begin-button{font-size:.9rem;padding:16px 36px}}@media (max-width:480px){.welcome-card{padding:40px 24px}.title{font-size:2rem;letter-spacing:2px}.subtitle{font-size:.85rem}.begin-button{padding:16px 24px;width:100%}}.debate-screen{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding:80px 24px 24px;width:100%}.exit-btn{background:#000000d9;border:2px solid #ffffff80;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;left:20px;letter-spacing:1px;padding:14px 22px;position:fixed;top:20px;z-index:100}.exit-btn:hover{background:#000;border-color:#fff}.debate-header{margin-bottom:40px;max-width:800px;text-align:center;width:100%}.debate-topic{background:#000000e6;border:2px solid #fff6;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:3px;margin:0;padding:24px 36px;text-transform:uppercase}.error-banner{align-items:center;background:#c00;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:16px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:100}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.mock-warning{align-items:center;animation:pulse 2s infinite;background:#f60;border:2px solid #fff;color:#000;display:flex;font-size:.9rem;font-weight:700;gap:16px;padding:16px 24px;position:fixed;right:20px;top:80px;z-index:100}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mock-warning button{background:none;border:none;color:#000;cursor:pointer;font-size:1.5rem;font-weight:700}.phase-init{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:28px;justify-content:center;min-height:50vh}.loader{animation:spin .7s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.status-text{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase}.phase-debate{align-items:center;display:flex;flex-direction:column;max-width:800px;width:100%}.progress-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:50px}.progress-item{background:#000000b3;border:2px solid #fff3;opacity:.4;padding:12px 20px;transition:all .3s}.progress-name{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.progress-item.done{border-color:#fff6;opacity:.7}.progress-item.active{background:#000000f2;border-color:#fff;opacity:1}.speaker-section{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.speaker-name{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:5px;margin:0;text-transform:uppercase}.speaker-party{color:#fffc;font-size:1rem;font-weight:600;letter-spacing:3px;text-transform:uppercase}.generating-indicator{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px}.typing-dots{display:flex;gap:12px}.typing-dots span{animation:bounce 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:14px;width:14px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-18px)}}.generating-text{color:#ffffffb3;font-size:1rem;letter-spacing:2px;margin:0;text-transform:uppercase}.argument-card{animation:fadeIn .5s ease;background:#000000e6;border:2px solid #fff6;padding:48px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.argument-text{color:#fff;font-size:1.4rem;font-weight:500;line-height:1.9;margin:0;text-align:center}.phase-voting{align-items:center;animation:voteFadeIn .8s ease;display:flex;flex-direction:column;gap:60px;justify-content:center;min-height:60vh;width:100%}@keyframes voteFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voting-prompt{color:#ffffff80;font-size:.9rem;font-weight:400;letter-spacing:4px;margin:0;text-transform:lowercase}.voting-names{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.vote-name{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:1.4rem;font-weight:600;letter-spacing:3px;padding:16px 8px;position:relative;text-transform:uppercase;transition:all .3s ease}.vote-name:after{background:#fff;bottom:8px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.vote-name:hover:not(:disabled){color:#fff}.vote-name:hover:not(:disabled):after{width:100%}.vote-name.selected{color:#fff}.vote-name.selected:after{height:2px;width:100%}.vote-name:disabled:not(.selected){cursor:default;opacity:.3}.phase-complete{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:36px;justify-content:center;min-height:50vh;text-align:center}.complete-title{color:#fffc;font-size:1.3rem;font-weight:700;letter-spacing:4px;margin:0;text-transform:uppercase}.winner-badge{background:#000000e6;border:3px solid #fff;padding:32px 56px}.winner-name{font-size:2.5rem;letter-spacing:5px}.home-btn,.winner-name{color:#fff;font-weight:700;text-transform:uppercase}.home-btn{background:#000c;border:2px solid #ffffff80;cursor:pointer;font-size:1rem;letter-spacing:2px;margin-top:20px;padding:20px 48px}.home-btn:hover{background:#000;border-color:#fff}@media (max-width:768px){.debate-screen{padding:80px 20px 20px}.exit-btn{font-size:.85rem;padding:12px 18px}.debate-topic{font-size:1.2rem;letter-spacing:2px;padding:20px 24px}.speaker-name{font-size:1.8rem}.argument-card{padding:32px 24px}.argument-text{font-size:1.2rem}.voting-names{gap:32px}.vote-name{font-size:1.2rem;letter-spacing:2px}}@media (max-width:480px){.debate-topic{font-size:1rem;padding:16px 20px}.speaker-name{font-size:1.5rem;letter-spacing:3px}.argument-text{font-size:1.1rem}}.background-video-container{background-color:#1a1a1a;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.background-video-container:after{background:radial-gradient(circle at center,#0003,#0006);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.background-video{animation:ultraSlowMotion 120s ease-in-out infinite alternate;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;width:auto}@keyframes ultraSlowMotion{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.005)}}.background-video.active{opacity:1}.background-video.loaded{transition:opacity .5s ease-in-out}.background-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-overlay{min-height:100vh;position:relative;width:100%;z-index:1}@media (orientation:portrait){.background-video:not(.portrait-mode){opacity:0}}@media (orientation:landscape){.background-video.portrait-mode{opacity:0}}.background-video{backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}.content-overlay{overflow-x:hidden;overflow-y:auto}@media screen and (max-width:768px){.background-video-container{height:100dvh;min-height:-webkit-fill-available}.content-overlay{min-height:100dvh}}@media screen and (min-width:769px){.background-video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;opacity:1;overflow-x:hidden;overflow-y:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;transition:opacity .4s ease;width:100%}.App.transitioning{opacity:0}html{-webkit-text-size-adjust:100%}@media (max-width:768px){.App{min-height:100vh}input,select,textarea{font-size:16px}}.touch-target{min-height:44px;min-width:44px}
/*# sourceMappingURL=main.8ba2c552.css.map*/