:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}a:hover{color:#747bff}button{background-color:#f9f9f9}}.intro-screen{min-height:100vh;background:url(/images/app-background.png) 55% center / cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;width:100vw}.intro-content{max-width:1000px;width:100%;text-align:center;color:#fff}.title-section{margin-bottom:60px}.main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2}.subtitle{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin:0;color:#ffffffe6}.features-section{margin-bottom:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:900px;margin:0 auto}.feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:2px solid rgba(255,255,255,.2);transition:transform .3s ease,background-color .3s ease}.feature-card:active{transform:scale(.98);background:#ffffff40}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;font-weight:700;margin:0 0 15px;color:#fff}.feature-card p{font-size:1.1rem;margin:0;color:#ffffffe6;line-height:1.4}.cta-section{display:flex;flex-direction:column;align-items:center;gap:20px}.play-button{background:#fff;color:#5b519e;border:none;border-radius:50px;padding:20px 60px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0003;min-height:60px;min-width:200px}.play-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.play-button:active{transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.time-estimate{font-size:1.1rem;color:#fffc;margin:0}@media(max-width:1024px){.intro-screen{padding:20px 15px;min-height:100vh;height:100vh;overflow-y:auto}.intro-content{max-width:90%}.title-section{margin-bottom:30px}.main-title{font-size:2.2rem;margin-bottom:15px}.subtitle{font-size:1.3rem;margin-bottom:10px}.description{font-size:1rem;margin-bottom:20px}.feature-grid{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.feature-card{padding:20px 18px}.feature-card h3{font-size:1.1rem;margin-bottom:8px}.feature-card p{font-size:.9rem}.cta-section{margin-bottom:20px}.play-button{padding:18px 40px;font-size:1.3rem;min-height:55px;min-width:180px}.time-estimate{font-size:1rem;margin-top:15px}}.user-info-screen{min-height:100vh;background:url(/images/app-background.png) 55% center / cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;width:100vw}.form-container{background:#fff;border-radius:30px;padding:60px;max-width:600px;width:100%;box-shadow:0 20px 60px #0003}.form-header{text-align:center;margin-bottom:50px}.form-header h1{font-size:2.5rem;font-weight:800;margin:0 0 15px;color:#333}.form-header p{font-size:1.2rem;color:#666;margin:0}.user-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:1.2rem;font-weight:600;color:#333}.form-group input,.form-group select{padding:18px 20px;border:2px solid #e0e0e0;border-radius:15px;font-size:1.1rem;transition:border-color .3s ease,box-shadow .3s ease;background:#fff;color:#333}.form-group input:focus,.form-group select:focus{outline:none;border-color:#14b5ea;box-shadow:0 0 0 3px #14b5ea1a}.form-group input::placeholder{color:#999}.form-group select option{color:#333;background:#fff}.range-container{display:flex;flex-direction:column;gap:15px}.range-slider{-webkit-appearance:none;appearance:none;height:8px;border-radius:5px;background:#e0e0e0;outline:none;padding:0;border:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#14b5ea;cursor:pointer;box-shadow:0 2px 10px #14b5ea4d}.range-slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#14b5ea;cursor:pointer;border:none;box-shadow:0 2px 10px #14b5ea4d}.range-value{text-align:center;font-size:1.5rem;font-weight:700;color:#14b5ea;background:#14b5ea1a;border-radius:15px;padding:15px}.form-actions{display:flex;gap:20px;margin-top:20px;align-items:center}.form-actions .back-button{background:#888;color:#fff;padding:clamp(12px,3vw,18px) clamp(15px,3vw,25px);border:none;border-radius:clamp(15px,3.5vw,25px);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;flex:0 0 auto;min-width:clamp(100px,20vw,140px)}.form-actions .back-button:hover{background:#777;transform:translateY(-1px)}.form-actions .back-button:active{transform:scale(.98)}.form-actions .continue-button{padding:clamp(12px,3vw,18px) clamp(20px,5vw,40px);border:none;border-radius:clamp(15px,3.5vw,25px);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:clamp(180px,35vw,250px)}.form-actions .continue-button.enabled{background:linear-gradient(135deg,#14b5ea,#5b519e);color:#fff;box-shadow:0 5px 20px #14b5ea4d}.form-actions .continue-button.enabled:hover{transform:translateY(-2px);box-shadow:0 8px 30px #14b5ea66}.form-actions .continue-button.enabled:active{transform:translateY(0)}.form-actions .continue-button.disabled{background:#ccc;color:#888;cursor:not-allowed}@media(max-width:1024px)and (min-width:769px){.user-info-screen{justify-content:center;padding:25px 20px;height:100vh;overflow-y:auto}.form-container{padding:40px 30px;width:100%;max-width:500px}.form-header{margin-bottom:30px}.form-header h1{font-size:2rem;margin-bottom:10px}.form-header p{font-size:1.1rem}.user-form{gap:10px}.form-group{gap:0px}.form-group label{font-size:1.1rem}.form-group input,.form-group select{padding:15px 18px;font-size:1.05rem}.range-container{gap:12px}.range-container{display:flex;flex-direction:row;align-items:center;gap:15px}.range-slider{flex:1}.range-value{font-size:1.3rem;padding:12px 16px;min-width:70px;flex-shrink:0}.form-actions{margin-top:20px;gap:15px;display:flex;flex-direction:row}.form-actions .back-button{flex:0 0 auto;min-width:120px;padding:15px 20px;font-size:1.1rem}.form-actions .continue-button{flex:1;min-width:200px;padding:15px 25px;font-size:1.1rem}}@media(max-width:768px){.user-info-screen{justify-content:center;padding:20px 15px;height:100vh;overflow-y:auto}.form-container{padding:25px 20px;width:100%}.form-header{margin-bottom:20px}.form-header h1{font-size:1.6rem;margin-bottom:5px}.form-header p{font-size:.9rem}.user-form,.form-group{gap:0px}.form-group label{font-size:1rem}.form-group input,.form-group select{padding:18px 20px;font-size:1.1rem;min-height:50px}.form-group input::placeholder{color:#666;font-weight:500}.range-container{gap:8px;display:flex;flex-direction:row;align-items:center;gap:15px}.range-slider{flex:1}.range-value{font-size:1.1rem;padding:8px 12px;min-width:60px;flex-shrink:0}.form-actions{margin-top:20px;gap:15px;display:flex;flex-direction:column}.form-actions .back-button,.form-actions .continue-button{width:100%;padding:16px 20px;font-size:1.1rem}}.persona-card{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:local;border:none;border-radius:clamp(6px,1.5vw,10px);padding:clamp(4px,1vw,6px);text-align:center;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;position:relative;min-height:clamp(100px,18vw,140px);max-height:clamp(160px,22vw,160px);display:flex;flex-direction:column;justify-content:flex-end;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;box-sizing:border-box}.persona-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius:12px 12px 0 0;z-index:1}.persona-card:active{transform:scale(1.05)}.persona-card.selected{box-shadow:0 0 0 3px #14b5ea,0 0 20px #14b5ea4d;transform:scale(1.02)}.persona-card.assigned{transform:none}.tier-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(40px,5vw,75px);height:clamp(40px,5vw,75px);border-radius:50%;color:#fff;font-size:clamp(.7rem,1.6vw,1rem);font-weight:700;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:3}.persona-title{font-size:clamp(.5rem,.7rem,1.2rem);font-weight:300;color:#fff;line-height:1.2;text-align:center;margin:0;padding:clamp(2px,.8vw,4px);z-index:2;position:relative}.persona-card.assigned:after{content:"";position:absolute;inset:0;background:var(--overlay-color, rgba(40, 167, 69, .4));border-radius:clamp(6px,1.5vw,10px);z-index:1}.game-interface{height:100vh;height:100dvh;background:url(/images/ibsl-gradient-bg.png) center center / cover no-repeat;display:flex;flex-direction:column;width:100vw;overflow:hidden;padding:clamp(8px,1.5vw,15px);box-sizing:border-box}.game-content{flex:1;display:flex;flex-direction:column;gap:clamp(8px,1.5vw,15px);width:100%;height:100%;overflow:hidden;min-height:0}.game-header{flex-shrink:0;display:flex;flex-direction:column;gap:clamp(6px,1vw,10px);max-height:40vh}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(4px,.8vw,8px);padding:clamp(4px,.8vw,8px)}.game-title{font-size:clamp(1rem,5vw,2rem);font-weight:700;color:#fff;margin:0;line-height:1.2;padding:clamp(4px,1.5vw,15px)}.results-arrow-button{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:clamp(48px,8vw,60px);height:clamp(48px,8vw,60px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:clamp(1.2rem,3vw,1.8rem)}.results-arrow-button:hover:not(:disabled){background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.results-arrow-button:disabled{opacity:.5;cursor:not-allowed}.arrow{font-weight:700;line-height:1}.personas-section{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.personas-section>.personas-grid{padding:clamp(8px,1.5vw,15px)}.personas-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,30vw),1fr));gap:clamp(4px,.8vw,8px);overflow-y:auto;border-radius:clamp(6px,1.5vw,12px);box-sizing:border-box;align-content:start}.tiers-section{display:flex;flex-direction:column;gap:clamp(4px,.8vw,8px);padding:clamp(8px,1.5vw,15px)}.tier-counters{display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);flex-wrap:wrap}@media screen and (min-width:768px){.tier-counters{flex-direction:row}}.tier-counter{display:flex;align-items:center;justify-content:space-between;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(4px,1vw,8px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-height:clamp(35px,6vw,45px);flex:1;min-width:0}.tier-counter:nth-of-type(1){background:#40caf966}.tier-counter:nth-of-type(2){background:#9686ff66}.tier-counter:nth-of-type(3){background:#ff8af766}.tier-info{display:flex;flex-direction:column;gap:clamp(2px,.5vw,4px);flex:1}.tier-title{font-size:clamp(.8rem,2vw,1rem);font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.2}.tier-description{font-size:clamp(.6rem,1.6vw,.75rem);color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.3}.tier-count{font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);min-width:clamp(25px,5vw,40px);text-align:center}.email-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.email-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.email-modal-header h3{margin:0;font-size:24px;font-weight:600;color:#111827}.close-button{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{color:#374151;background-color:#f3f4f6}.email-modal-content{padding:0 24px 24px}.email-modal-content p{color:#6b7280;line-height:1.6;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;color:#dc2626;font-size:14px;margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.send-button{padding:12px 24px;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;font-size:16px}.cancel-button{background-color:#f3f4f6;color:#374151}.cancel-button:hover:not(:disabled){background-color:#e5e7eb}.send-button{background-color:#3b82f6;color:#fff}.send-button:hover:not(:disabled){background-color:#2563eb}.send-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.privacy-note{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.privacy-note small{color:#9ca3af;line-height:1.5}.success-state{text-align:center;padding:40px 24px}.success-icon{font-size:48px;margin-bottom:16px}.success-state h4{color:#059669;font-size:24px;margin-bottom:16px}.success-state p{color:#6b7280;margin-bottom:8px}.email-address{font-weight:600;color:#111827;font-size:18px}.auto-close-note{font-style:italic;color:#9ca3af;font-size:14px}@media(max-width:640px){.email-modal-overlay{padding:16px}.email-modal{max-width:100%}.email-modal-header{padding:16px 16px 0;margin-bottom:16px}.email-modal-header h3{font-size:20px}.email-modal-content{padding:0 16px 16px}.form-actions{flex-direction:column-reverse}.cancel-button,.send-button{width:100%}}.results-screen{min-height:100vh;height:100vh;background:url(/images/app-background.png) 55% center / cover no-repeat;padding:clamp(10px,2vw,20px);width:100vw;overflow:hidden;display:flex;flex-direction:column;position:relative}.results-screen:before{content:"";position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;pointer-events:none}.results-container{width:100%;border-radius:clamp(15px,3vw,25px);display:flex;flex-direction:column;height:calc(100vh - clamp(20px,4vw,40px));overflow:hidden;position:relative;z-index:2}.results-header{color:#fff;padding:clamp(15px,3vw,25px);text-align:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(15px,3vw,25px) clamp(15px,3vw,25px) 0 0}@media(max-width:768px){.results-section>.personas-grid{grid-template-columns:repeat(auto-fill,minmax(min(100px,30vw),1fr))}}.results-header h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;margin:0 0 clamp(8px,2vw,15px) 0}.results-header p{font-size:clamp(1rem,2.5vw,1.2rem);margin:0;opacity:.9}.tier-analysis{display:flex;flex-direction:column;height:100%}.results-content{padding:clamp(10px,2vw,15px) 0;flex:1;overflow-y:auto;min-height:0;padding-bottom:80px}.tier-results-grid{display:flex;flex-direction:column;gap:clamp(20px,4vw,30px)}@media(min-width:1024px){.tier-results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(20px,2vw,30px);padding:0 clamp(20px,2vw,40px)}.tier-results .personas-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:clamp(6px,1vw,10px);max-width:100%}}.tier-results{padding:0;margin:0 clamp(10px,2vw,15px)}.tier-results h3{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:#fff;margin:0 0 clamp(8px,2vw,12px) 0;text-align:left;padding:clamp(8px,2vw,12px) 0}.results-section{margin-bottom:clamp(15px,3vw,20px)}.results-section:last-child{margin-bottom:0}.results-section h4{font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:600;margin:0 0 clamp(8px,2vw,12px) 0;color:#fff}.results-section h4.missed{color:orange}.results-section h4.user-only{color:#eee}.results-section h4.agreed{color:#50ff79}.persona-card.missed-persona{border:3px solid #ffa500!important}.persona-card.user-only-persona{border:3px solid #bbb!important}.persona-card.agreed-persona{border:3px solid #50ff79!important}.persona-card.messaging-persona{border:2px solid rgba(255,255,255,.3)!important}.messaging-analysis{display:flex;flex-direction:column;height:100%}.messaging-streams-container{padding:clamp(10px,2vw,15px) 0;padding-bottom:clamp(60px,8vw,80px);flex:1;overflow-y:auto}@media(min-width:1024px){.messaging-streams-container{padding:clamp(20px,2vw,40px)}.messaging-streams-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(15px,1.5vw,20px)}.messaging-stream .personas-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:clamp(6px,1vw,10px);max-width:100%}}.messaging-header{text-align:center;margin:0 clamp(10px,2vw,15px) clamp(20px,4vw,30px);padding-bottom:clamp(15px,3vw,20px);border-bottom:2px solid rgba(255,255,255,.3)}.messaging-header h2{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;color:#fff;margin:0 0 clamp(8px,2vw,12px) 0}.messaging-header p{font-size:clamp(.9rem,2.2vw,1.1rem);color:#ffffffe6;margin:0}.messaging-stream{padding:clamp(10px,2vw,15px) 0;margin:0 clamp(10px,2vw,15px) clamp(8px,2vw,12px)}.messaging-stream h3{font-size:clamp(1rem,2.8vw,1.3rem);font-weight:600;color:#fff;margin:0 0 clamp(10px,2.5vw,15px) 0}.messaging-stream-title{font-size:clamp(1rem,2.8vw,1.3rem);font-weight:600;color:#fff;margin:0 0 clamp(10px,2.5vw,15px) 0;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px);border-radius:clamp(8px,1.5vw,12px);display:inline-block;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.stream-summary{margin-top:clamp(10px,2.5vw,15px);padding-top:clamp(10px,2.5vw,15px);border-top:1px solid rgba(255,255,255,.2);text-align:center}.stream-count{font-size:clamp(.8rem,2vw,.9rem);color:#fffc;font-weight:500}.results-actions{display:flex;gap:clamp(10px,2.5vw,20px);justify-content:center;padding:clamp(15px,3vw,25px);flex-shrink:0;position:sticky;bottom:0;z-index:10}.messaging-streams-button,.back-button,.start-over-button,.admin-button,.continue-button,.email-results-button{padding:clamp(12px,3vw,18px) clamp(20px,5vw,40px);border:none;border-radius:clamp(15px,3.5vw,25px);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s ease;min-width:clamp(140px,35vw,200px)}.messaging-streams-button{background:linear-gradient(135deg,#14b5ea,#5b519e);color:#fff;box-shadow:0 5px 20px #14b5ea4d}.messaging-streams-button:hover{background:#fffffff2;color:#5b519e;transform:translateY(-2px);box-shadow:0 8px 30px #14b5ea66}.back-button{background:linear-gradient(135deg,#14b5ea,#5b519e);color:#fff;box-shadow:0 5px 20px #14b5ea4d}.back-button:hover{background:#fffffff2;color:#5b519e;transform:translateY(-2px);box-shadow:0 8px 30px #14b5ea66}.start-over-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 5px 20px #28a7454d}.start-over-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #28a74566}.admin-button{background:#ffffffe6;color:#5b519e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 20px #ffffff1a}.admin-button:hover{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #28a74566}.email-results-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 5px 20px #6366f133}.email-results-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.messaging-streams-button:active,.back-button:active,.start-over-button:active,.admin-button:active,.email-results-button:active{transform:translateY(0)}@media(min-width:769px){.results-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:clamp(15px,2vw,20px)}.messaging-streams-button,.back-button,.start-over-button,.admin-button,.continue-button,.email-results-button{flex:0 0 auto;min-width:clamp(180px,20vw,250px);max-width:350px}.messaging-streams-button{min-width:clamp(220px,25vw,280px)}}@media(max-width:768px){.results-actions{flex-direction:column;align-items:center;gap:clamp(10px,3vw,15px)}.messaging-streams-button,.back-button,.start-over-button,.admin-button,.continue-button{width:100%;max-width:280px;min-height:clamp(50px,12vw,60px);display:flex;align-items:center;justify-content:center;text-align:center}}.admin-screen{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.admin-container{width:100%;height:100vh;padding:clamp(15px,2vw,25px);display:flex;flex-direction:column;box-sizing:border-box}.admin-header{text-align:center;margin-bottom:clamp(20px,2vw,30px);flex-shrink:0}.admin-header h1{font-size:clamp(2rem,3vw,3.5rem);margin-bottom:clamp(8px,1vw,15px);background:linear-gradient(45deg,#50ff79,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header p{font-size:clamp(1rem,1.5vw,1.4rem);color:#bbb;margin-bottom:clamp(10px,1.5vw,20px)}.admin-stats{background:#ffffff1a;border-radius:10px;padding:clamp(10px,1.5vw,18px);display:inline-block;font-size:clamp(1rem,1.4vw,1.3rem);border:2px solid rgba(255,255,255,.3)}.loading-spinner{font-size:4rem;text-align:center;margin:2rem 0;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-players{text-align:center;padding:clamp(30px,4vw,60px);background:#ffffff0d;border-radius:20px;border:2px dashed rgba(255,255,255,.3);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-players h2{font-size:clamp(1.8rem,2.5vw,2.5rem);margin-bottom:1rem;color:#bbb}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(15px,2vw,25px);flex:1;overflow-y:auto;padding:20px;margin-bottom:clamp(15px,2vw,25px)}.player-card{background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:clamp(15px,2vw,25px);cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;font-family:inherit;width:100%;height:fit-content}.player-card:hover{transform:translateY(-3px);background:#ffffff26;border-color:#50ff79;box-shadow:0 8px 25px #50ff794d}.player-card.older{opacity:.4;background:#ffffff08;border-color:#ffffff1a}.player-card.older:hover{opacity:.6;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 5px 15px #ffffff1a}.player-card.older .player-info h3,.player-card.older .stat-value{color:#666}.player-card.older .player-info .company{color:#555}.player-info h3{font-size:clamp(1.2rem,1.8vw,1.6rem);margin-bottom:clamp(6px,.8vw,10px);color:#50ff79}.player-info .company{font-size:clamp(1rem,1.4vw,1.3rem);font-weight:600;margin-bottom:clamp(5px,.8vw,8px);color:#00d4ff}.player-info .industry{font-size:clamp(.9rem,1.2vw,1.1rem);margin-bottom:clamp(5px,.8vw,8px);color:#bbb;text-transform:capitalize}.player-info .timestamp{font-size:clamp(.8rem,1vw,1rem);color:#888;margin-bottom:clamp(12px,1.5vw,18px)}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,12px);border-top:1px solid rgba(255,255,255,.2);padding-top:clamp(12px,1.5vw,18px)}.stat{text-align:center}.stat-label{display:block;font-size:clamp(.7rem,1vw,.9rem);color:#bbb;margin-bottom:clamp(3px,.4vw,5px)}.stat-value{display:block;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:700;color:#50ff79}.admin-actions{display:flex;justify-content:center;gap:clamp(12px,1.5vw,20px);flex-shrink:0;padding-top:clamp(10px,1.5vw,20px)}.refresh-button,.home-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:clamp(1rem,1.3vw,1.2rem);padding:clamp(10px,1.5vw,15px) clamp(20px,2.5vw,30px);cursor:pointer;transition:all .3s ease;font-family:inherit}.refresh-button:hover{background:#50ff7933;border-color:#50ff79;transform:translateY(-2px)}.home-button:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-2px)}@media(min-width:1600px){.players-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.admin-header h1{font-size:4rem}.player-card{padding:30px}}.screensaver-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/images/app-background.png) 55% center / cover no-repeat;z-index:1000;display:flex;align-items:center;justify-content:flex-start;padding:0}.screensaver-overlay:before{content:"";position:absolute;inset:0;background:#0003}.screensaver-content{position:relative;z-index:2;max-width:50%;padding:clamp(30px,4vw,60px);margin-left:clamp(30px,4vw,60px);display:flex;flex-direction:column;align-items:flex-start;height:100vh;justify-content:center}.screensaver-question{margin:0}.screensaver-question h2{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;color:#fff;line-height:1.2;margin:0;animation:fadeInQuestion 1s ease-in-out}@keyframes fadeInQuestion{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.screensaver-content{max-width:90%;margin-left:5%;padding:clamp(20px,4vw,30px)}.screensaver-question h2{font-size:clamp(1.8rem,6vw,2.5rem)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;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}#root{min-height:100vh;width:100vw;overflow-x:hidden}.App{min-height:100vh;width:100%;position:relative}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;background:none;font-family:inherit}button{cursor:pointer;user-select:none;-webkit-user-select:none}input,select,textarea{font-size:16px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,.selectable-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#14b5ea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0ea5d1}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #14b5ea;outline-offset:2px}.text-primary{color:#14b5ea}.text-secondary{color:#5b519e}.text-tertiary{color:#a55aa0}.bg-primary{background-color:#14b5ea}.bg-secondary{background-color:#5b519e}.bg-tertiary{background-color:#a55aa0}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}p{line-height:1.5}@media(max-width:1024px){html{font-size:18px}}@media(max-width:768px){html{font-size:16px}}