body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-form-container{align-items:center;background:var(--white);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form-card{animation:fadeInUp .6s ease-out;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:400px;padding:40px;width:100%}.auth-form-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.auth-form-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:.9rem;font-weight:600}.form-input,.form-label{color:var(--text-primary)}.form-input{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:12px 16px;transition:var(--transition)}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.form-input::placeholder{color:#bdc3c7}.auth-submit-btn{background:var(--primary-blue);border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px 20px;transition:var(--transition);width:100%}.auth-submit-btn:hover:not(:disabled){background:var(--secondary-blue);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-error{animation:shake .5s ease-in-out;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-switch{margin-top:8px;padding-top:0;text-align:center}.auth-switch p{color:var(--text-secondary);font-size:.9rem}.auth-switch-btn{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-weight:600;text-decoration:underline;transition:var(--transition)}.auth-switch-btn:hover:not(:disabled){color:var(--secondary-blue)}.auth-switch-btn:disabled{cursor:not-allowed;opacity:.7}.guest-option{margin-top:0;padding-top:0;text-align:center}.guest-option p{color:var(--text-secondary);font-size:.9rem;margin:8px 0}.guest-btn{background:#6c757d}.guest-btn:hover:not(:disabled){background:#5a6268}.guest-note{color:var(--text-secondary)!important;font-size:.8rem!important;font-style:italic;margin-top:5px!important}.guest-notice{align-items:center;background:var(--card-bg);border:1px solid #27ae60;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex:1 1;justify-content:space-between;margin-left:20px;padding:15px 20px}.guest-info{display:flex;flex-direction:column;gap:5px}.guest-title{color:#27ae60;font-size:1.1rem;font-weight:600}.guest-subtitle{color:var(--text-secondary);font-size:.9rem}.login-btn{background:var(--accent-color);border:none;border-radius:6px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:var(--transition)}.login-btn:hover{background:#5a6fd8;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.login-btn:active{box-shadow:var(--shadow);transform:translateY(0)}.user-profile{align-items:center;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex:1 1;justify-content:space-between;margin-left:20px;padding:15px 20px}.user-info{display:flex;flex-direction:column;gap:5px}.user-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.user-email{color:var(--text-secondary);font-size:.9rem}.logout-btn{background:#e74c3c;border:none;border-radius:6px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:var(--transition)}.logout-btn:hover{background:#c0392b;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.logout-btn:active{box-shadow:var(--shadow);transform:translateY(0)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:480px){.auth-form-container{padding:10px}.auth-form-card{padding:30px 20px}.auth-form-title{font-size:1.6rem}.user-profile{flex-direction:column;gap:15px;text-align:center}}.auth-message{border:1px solid #c3e6cb;border-radius:4px;font-size:14px;margin-bottom:16px;padding:12px}.auth-message,.auth-message.success{background-color:#d4edda;color:#155724}.auth-message.success{border:1px solid #c3e6cb}.auth-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#6e9ba1;--secondary-blue:#8bb4ba;--white:#fefefe;--dark-grey:#3d3d3c;--card-bg:var(--white);--text-primary:var(--dark-grey);--text-secondary:#666;--border-radius:8px;--shadow:0 2px 8px #3d3d3c1a;--shadow-hover:0 4px 12px #3d3d3c26;--transition:all 0.3s ease;--accent-color:var(--primary-blue)}body{color:#3d3d3c;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}.app,body{background:#fefefe;background:var(--white);min-height:100vh}.app{display:flex}.container{margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.container{padding:2px}}@media (max-width:480px){.container{padding:1px}}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:20px 0}.logo-container{flex:0 0 auto}.logo{height:60px;object-fit:contain;width:auto}.header-right{align-items:center;display:flex;gap:20px}.main{display:flex;flex-direction:column;gap:30px}.description{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:25px;text-align:center}.description p{color:#666;color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.input-section{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:30px}.method-selector{margin-bottom:20px;text-align:center}.method-selector label{display:block;font-size:1.1rem;font-weight:600}.method-select,.method-selector label{color:#3d3d3c;color:var(--text-primary);margin-bottom:10px}.method-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:all .3s ease;transition:var(--transition)}.method-select:focus{border-color:#6e9ba1;border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.method-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.method-description{color:#666;color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:5px}.input-label{color:#3d3d3c;color:var(--text-primary);display:block;font-size:1.2rem;font-weight:600;margin-bottom:15px}.binary-input{word-wrap:break-word;background:#fff;border:2px solid #e1e8ed;border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:2px;line-height:1.4;max-height:300px;min-height:80px;overflow-wrap:break-word;overflow-y:auto;padding:20px;resize:none;text-align:left;transition:all .3s ease;transition:var(--transition);white-space:pre-wrap;width:100%}.binary-input:focus{border-color:#6e9ba1;border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.binary-input[readonly]{background-color:#f8f9fa;cursor:not-allowed;opacity:.8}.binary-input:not([readonly]){cursor:text}.binary-input:not([readonly]):focus{caret-color:#6e9ba1;caret-color:var(--accent-color)}.binary-input::placeholder{color:#bdc3c7;letter-spacing:normal}.binary-input.processing{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.binary-input.processing::placeholder{color:#6c757d;font-style:italic}.input-hint{color:#666;color:var(--text-secondary);font-size:.9rem;margin-top:10px;text-align:center}.character-count{color:#3498db;font-weight:600}.completion-message{color:#27ae60;font-weight:600}.completion-hint{color:#f39c12;font-weight:600}.results-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;width:100%}.result-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);box-sizing:border-box;min-width:0;overflow:hidden;padding:25px;transition:all .3s ease;transition:var(--transition);width:100%}.result-card:hover{box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.result-card h3{color:#3d3d3c;color:var(--text-primary);font-size:1.3rem;margin-bottom:10px;text-align:center}.method-indicator{color:#666;color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-bottom:15px;text-align:center}.binary-display,.prediction-display{word-wrap:break-word;background:#f8f9fa;border-radius:8px;box-sizing:border-box;display:block;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;letter-spacing:3px;max-width:100%;min-height:80px;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:20px;text-align:center;white-space:pre-wrap;width:100%}.prediction{animation:pulse 1s ease-in-out;color:#e74c3c}.loading{animation:pulse 1.5s ease-in-out infinite;color:#3498db}.placeholder{color:#bdc3c7;font-style:italic}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:25px;text-align:center;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.stat-number{color:#6e9ba1;color:var(--accent-color);font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#666;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.verdict-section{animation:fadeInUp 1s ease-out;margin-top:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.verdict-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:40px;text-align:center;transition:all .3s ease;transition:var(--transition)}.verdict-card.human{border-color:#27ae60;border-width:2px}.verdict-card.robot{border-color:#e74c3c;border-width:2px}.verdict-card h2{color:#3d3d3c;color:var(--text-primary);font-size:2rem;margin-bottom:20px}.verdict-result{align-items:center;display:flex;flex-direction:column;gap:20px}.verdict-main-text,.verdict-text{color:#3d3d3c;color:var(--text-primary);font-size:1.8rem;font-weight:700}.verdict-main-text{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:30px;justify-content:flex-start;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:500px;width:100%}.verdict-prompt{animation:fadeIn .8s ease-out;color:#666;color:var(--text-secondary);flex-shrink:0;font-size:2rem;font-weight:600;margin-top:20px}.stamp-container,.verdict-label{display:inline-block;position:relative}.verdict-label{background:linear-gradient(45deg,#f0f0f0,#e0e0e0);background-clip:text;-webkit-background-clip:text;background-color:#ffffffe6;border:4px solid #333;border-radius:8px;color:#0000;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3));font-size:3rem;font-weight:900;letter-spacing:.1em;padding:15px 25px;text-shadow:2px 2px 0 #0000001a,4px 4px 0 #0000000d,6px 6px 0 #00000005;transform:rotate(-15deg) scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verdict-card.human .verdict-label{background:linear-gradient(45deg,#27ae60,#2ecc71);background-clip:text;-webkit-background-clip:text;border-color:#27ae60;color:#0000}.verdict-card.robot .verdict-label{background:linear-gradient(45deg,#e74c3c,#c0392b);background-clip:text;-webkit-background-clip:text;border-color:#e74c3c;color:#0000}@keyframes stampEffect{0%{opacity:0;transform:rotate(-20deg) scale(.7)}50%{opacity:.8;transform:rotate(-10deg) scale(1.15)}to{opacity:1;transform:rotate(-15deg) scale(1.05)}}.verdict-tagline{animation:fadeIn .8s ease-out;display:block;font-size:1.4rem;font-style:italic;font-weight:400;margin-bottom:40px;margin-top:50px;text-align:center}.verdict-explanation{color:#666;color:var(--text-secondary);font-size:1.1rem;max-width:600px}.try-again-btn{background:#6e9ba1;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:25px;padding:15px 30px;transition:all .3s ease;transition:var(--transition)}.try-again-btn:hover{background:#5a6fd8;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.try-again-btn:active{box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);transform:translateY(0)}.restart-section{margin-top:20px;text-align:center}.try-again-btn-small{background:#6e9ba1;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.try-again-btn-small:hover{background:#5a6fd8;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.try-again-btn-small:active{box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);transform:translateY(0)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.footer{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);margin-top:40px;padding:20px;text-align:center}.footer p{color:#666;color:var(--text-secondary);font-size:.9rem;margin:0 auto;max-width:600px}.about-page{background:#fff;min-height:100vh;padding:20px}.about-content{margin:0 auto;max-width:800px;padding:40px 20px}.about-title{color:#3d3d3c;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:10px;text-align:center}.project-tagline{color:#666;color:var(--text-secondary);font-size:1.2rem;font-style:italic;font-weight:300;margin-bottom:40px;text-align:center}.about-section{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);margin-bottom:30px;padding:30px}.about-section h2{color:#3d3d3c;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:15px}.about-section p{font-size:1.1rem;line-height:1.6;margin-bottom:15px}.about-section p,.about-section ul{color:#666;color:var(--text-secondary)}.about-section ul{margin-left:20px}.about-section li{font-size:1rem;line-height:1.6;margin-bottom:8px}.about-section li strong{color:#3d3d3c;color:var(--text-primary)}.nav-container{display:flex;gap:8px}.nav-button{background:#fefefe;background:var(--card-bg);border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);color:#3d3d3c;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.nav-button:hover{box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.nav-button.active{background:#6e9ba1;background:var(--accent-color);border-color:#6e9ba1;border-color:var(--accent-color);color:#fff}.sidebar{background:#3d3d3c;background:var(--dark-grey);box-shadow:2px 0 8px #3d3d3c1a;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:210px;z-index:1000}.sidebar-logo{border-bottom:1px solid #555;padding:20px;text-align:center}.sidebar-logo-link{display:block;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.sidebar-logo-link:hover{transform:scale(1.05)}.sidebar-logo img{height:auto;object-fit:contain;width:100px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-nav-item{background:none;border:none;box-sizing:border-box;color:#fefefe;color:var(--white);cursor:pointer;display:block;font-size:1.1rem;font-weight:500;padding:15px 30px;text-align:left;text-decoration:none;transition:all .3s ease;transition:var(--transition);width:100%}.sidebar-nav-item:hover{background:#6e9ba11a;color:#6e9ba1;color:var(--primary-blue)}.sidebar-nav-item.active{background:#6e9ba1;background:var(--primary-blue);color:#fff;font-weight:600}.sidebar-auth{border-top:1px solid #555;display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:20px}.sidebar-auth-btn{border:2px solid #6e9ba1;border:2px solid var(--primary-blue);border-radius:6px;box-sizing:border-box;cursor:pointer;display:block;font-size:.9rem;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.sidebar-auth-btn.signup{background:#6e9ba1;background:var(--primary-blue);color:#fff}.sidebar-auth-btn.signup:hover{background:#8bb4ba;background:var(--secondary-blue);color:#fff}.sidebar-auth-btn.login{background:#0000;border:2px solid #6e9ba1;border:2px solid var(--primary-blue);color:#fff}.sidebar-auth-btn.login:hover{background:#6e9ba1;background:var(--primary-blue);color:#fff}.sidebar-user-profile{border-top:1px solid #555;color:#fefefe;color:var(--white);flex-shrink:0;margin-top:auto;padding:20px}.sidebar-user-info{margin-bottom:15px}.sidebar-user-name{font-size:1.1rem;font-weight:600;margin-bottom:5px}.sidebar-user-email{color:#ccc;font-size:.9rem}.sidebar-logout-btn{background:#6e9ba1;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;transition:var(--transition);width:100%}.sidebar-logout-btn:hover{background:#8bb4ba;background:var(--secondary-blue)}.sidebar-guest-notice{border-top:1px solid #555;color:#fefefe;color:var(--white);flex-shrink:0;margin-top:auto;padding:20px;text-align:center}.sidebar-guest-title{color:#6e9ba1;color:var(--primary-blue);font-size:1rem;font-weight:600;margin-bottom:10px}.sidebar-guest-subtitle{color:#ccc;font-size:.8rem;margin-bottom:15px}.sidebar-login-btn{background:#6e9ba1;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;transition:var(--transition);width:100%}.sidebar-login-btn:hover{background:#8bb4ba;background:var(--secondary-blue)}.main-content{flex:1 1;margin-left:210px;min-height:100vh;overflow-y:auto;padding:20px}@media (max-width:768px){.main-content{margin-left:90px;padding:5px}}@media (max-width:480px){.main-content{margin-left:75px;padding:2px}}.landing-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.landing-page,.landing-page .container,.landing-page .main-content{margin:0;padding:0}.landing-hero-simple{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);height:calc(100vh - 100px);margin:0;max-height:600px;overflow:hidden;padding:40px 20px;text-align:center}.landing-actions,.landing-hero-simple{align-items:center;display:flex;flex-direction:column;justify-content:center}.landing-actions{gap:20px;margin-top:40px}.get-started-btn{background:#6e9ba1;background:var(--primary-blue);border:none;border-radius:12px;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);color:#3d3d3c;color:var(--dark-grey);cursor:pointer;font-size:1.3rem;font-weight:700;min-width:200px;padding:18px 40px;transition:all .3s ease;transition:var(--transition)}.get-started-btn:hover{background:#fefefe;background:var(--white);box-shadow:0 8px 25px #96d6dc4d;color:#3d3d3c;color:var(--dark-grey);transform:translateY(-3px)}.learn-more-btn{background:#0000;border:none;border-radius:8px;color:#666;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease;transition:var(--transition)}.learn-more-btn:hover{color:#6e9ba1;color:var(--primary-blue);transform:translateY(-1px)}.landing-expandable{animation:slideDown .5s ease-out;margin-top:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.landing-description-expanded{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);margin-bottom:40px;padding:30px;text-align:center}.landing-description-expanded p{color:#666;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.landing-cta-expanded{margin-bottom:60px;padding:50px}.landing-cta-expanded,.landing-hero{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);text-align:center}.landing-hero{margin-bottom:40px;padding:60px 0}.landing-title{color:#6e9ba1;color:var(--primary-blue);font-size:3.5rem;font-weight:700;margin-bottom:20px}.landing-subtitle{color:#666;color:var(--text-secondary);font-size:1.5rem;font-weight:500;margin-bottom:30px}.landing-description{color:#666;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.landing-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.feature-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:40px 30px;text-align:center;transition:all .3s ease;transition:var(--transition)}.feature-card:hover{box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#3d3d3c;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#666;color:var(--text-secondary);line-height:1.6}.landing-cta{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);margin-bottom:60px;padding:50px;text-align:center}.cta-content h2{color:#3d3d3c;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:15px}.cta-content>p{color:#666;color:var(--text-secondary);font-size:1.2rem;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.cta-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);cursor:pointer;font-size:1.1rem;font-weight:600;min-width:180px;padding:15px 30px;transition:all .3s ease;transition:var(--transition)}.cta-btn.primary{background:#6e9ba1;background:var(--primary-blue);border:2px solid #6e9ba1;border:2px solid var(--primary-blue);color:#fff}.cta-btn.primary:hover{background:#8bb4ba;background:var(--secondary-blue);box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);color:#fff;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid #6e9ba1;border:2px solid var(--primary-blue);color:#6e9ba1;color:var(--primary-blue)}.cta-btn.secondary:hover{background:#6e9ba1;background:var(--primary-blue);box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);color:#fff;transform:translateY(-2px)}.cta-btn.guest{background:#27ae60;color:#fff}.cta-btn.guest:hover{background:#229954;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cta-note{color:#666;color:var(--text-secondary);font-size:.9rem;font-style:italic}.landing-how-it-works{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:50px}.landing-how-it-works h2{color:#3d3d3c;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{text-align:center}.step-number{align-items:center;background:#6e9ba1;background:var(--primary-blue);border-radius:50%;color:#3d3d3c;color:var(--dark-grey);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h4{color:#3d3d3c;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:15px}.step p{color:#666;color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.sidebar{height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:90px;z-index:1000}.main-content{margin-left:90px}.sidebar-logo{padding:10px 5px}.sidebar-logo img{max-width:100%;width:40px}.sidebar-nav{padding:5px 0}.sidebar-nav-item{font-size:.8rem;overflow:hidden;padding:8px 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-auth{flex-direction:column;gap:5px;padding:8px 5px}.sidebar-auth-btn{font-size:.75rem;overflow:hidden;padding:10px 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-guest-notice,.sidebar-user-profile{padding:10px 5px}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.2rem}.landing-description{font-size:1rem}.landing-hero-simple{height:calc(100vh - 20px);margin:0;max-height:none;padding:15px 5px}}@media (max-width:480px){.landing-hero-simple{height:calc(100vh - 10px);margin:0;padding:10px 2px}.landing-actions{gap:15px}.get-started-btn{font-size:1.1rem;min-width:250px;padding:15px 30px}.learn-more-btn{font-size:.9rem;padding:10px 25px}.cta-content h2{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{max-width:300px;width:100%}.landing-how-it-works h2{font-size:2rem}.landing-cta,.landing-cta-expanded,.landing-hero,.landing-how-it-works{padding:30px 20px}.landing-description-expanded{padding:20px}.container{padding:10px}.about-content{padding:20px 10px}.about-title{font-size:2rem}.about-section{padding:20px}.stats-section{grid-template-columns:1fr}.binary-input{font-size:1.2rem;padding:15px}.binary-display,.prediction-display{word-wrap:break-word;box-sizing:border-box;display:block;font-size:1.4rem;letter-spacing:2px;overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.verdict-card{padding:25px}.verdict-text{font-size:1.4rem}.sidebar{height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:75px;z-index:1000}.main-content{margin-left:75px}.sidebar-logo{padding:8px 3px}.sidebar-logo img{max-width:100%;width:35px}.sidebar-nav{padding:3px 0}.sidebar-nav-item{font-size:.7rem;overflow:hidden;padding:6px 3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-auth{padding:6px 3px}.sidebar-auth-btn{font-size:.7rem;overflow:hidden;padding:8px 3px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-guest-notice,.sidebar-user-profile{padding:6px 3px}.logo{height:50px}.description p{font-size:1rem}.input-section,.result-card,.stat-card{padding:20px}}.game-main{margin:0 auto;max-width:1200px;padding:5px 20px 20px;position:relative}.help-button-container{position:relative;z-index:100}.help-button{align-items:center;background:#6e9ba1;background:var(--primary-blue);border-radius:50%;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .3s ease;transition:var(--transition);width:36px}.help-button:hover{background:#8bb4ba;background:var(--secondary-blue);box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.help-icon{color:#fff;font-family:serif;font-size:1.2rem;font-weight:700}.help-tooltip{background:#fff;border:2px solid #6e9ba1;border:2px solid var(--primary-blue);border-radius:8px;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);opacity:0;padding:20px;position:absolute;right:0;top:50px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:320px;z-index:1000}.help-button:hover .help-tooltip{opacity:1;transform:translateY(0);visibility:visible}.help-tooltip:before{border-bottom:8px solid #6e9ba1;border-bottom:8px solid var(--primary-blue);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;right:12px;top:-8px;width:0}.help-tooltip h4{color:#6e9ba1;color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin:0 0 12px}.help-tooltip ol{color:#3d3d3c;color:var(--text-primary);margin:0 0 12px;padding-left:20px}.help-tooltip li{font-size:.9rem;line-height:1.4;margin-bottom:6px}.help-tooltip p{border-top:1px solid #e1e8ed;color:#666;color:var(--text-secondary);font-size:.85rem;line-height:1.3;margin:0;padding-top:8px;text-align:center}.game-layout{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.help-container{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:-10px;position:relative}.top-section{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr;position:relative}.history-section{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:15px}.history-display{background:#f8f9fa4d;border:2px solid #d0d7de;border-radius:4px;box-sizing:border-box;color:#3d3d3c;color:var(--text-primary);font-family:Courier New,monospace;font-size:1rem;line-height:1.2;min-height:100px;overflow:hidden;padding:12px;width:100%}.history-comparison{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;width:100%}.history-row-pair{display:flex;flex-direction:column;gap:1px}.history-row{align-items:center;display:flex;flex-direction:row;gap:15px}.history-digits{grid-template-columns:repeat(50,20px)}.grid-cell{align-items:center;border:1px solid #e1e8ed;border-radius:3px;box-sizing:border-box;display:flex;font-size:.8rem;font-weight:600;height:20px;justify-content:center;margin:0;width:auto}.user-digits .grid-cell{background:#f8f9fa}.user-digits .grid-cell.filled{background:#e3f2fd;color:#1976d2}.prediction-digits .grid-cell{background:#f8f9fa}.prediction-digits .grid-cell.correct{background:#d4edda;color:#155724}.prediction-digits .grid-cell.incorrect{background:#f8d7da;color:#721c24}.prediction-digits .grid-cell.prediction-next{background:#fff3cd;border:2px solid #ffc107;color:#856404}.prediction-digits .grid-cell.prediction-initial{background:#e2e3e5;color:#6c757d}.prediction-digits .grid-cell.empty{background:#f8f9fa;color:#ccc}.prediction-digits .grid-cell.placeholder{background:#f8f9fa;color:#999}.history-label{color:#666;color:var(--text-secondary);flex-shrink:0;font-family:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;width:80px}.history-spacer{flex-shrink:0;width:15px}.history-label-spacer{flex-shrink:0;width:95px}.history-digits{grid-gap:1px;box-sizing:border-box;display:grid;font-family:Courier New,monospace;font-size:.85rem;gap:1px;grid-template-columns:repeat(50,1fr);line-height:1;max-width:100%;width:100%}.desktop-grid{display:block}.mobile-grid{display:none}@media (max-width:768px){.desktop-grid{display:none}.mobile-grid{display:block}.mobile-grid .history-digits{gap:2px;grid-template-columns:repeat(10,1fr)}.mobile-grid .grid-cell{font-size:.7rem;height:24px;min-width:20px;width:auto}}.digit{border-radius:1px;display:inline-block;font-family:Courier New,monospace;font-size:.75rem;font-weight:500;height:18px;line-height:18px;text-align:center;width:14px}.digit.grid-cell{background:#f8f9fa33;border:1px solid #e1e8ed99;transition:all .2s ease}.digit.grid-cell.empty{background:#f8f9fa33;border:1px solid #e1e8ed80;color:#0000}.digit.grid-cell.filled,.user-digits .digit.grid-cell.filled{background:#e9ecefb3;border:1px solid #ced4dab3;color:#3d3d3c;color:var(--text-primary)}.prediction-digits .digit.grid-cell.correct{background:#f8d7dacc;border:1px solid #f5c6cbcc;color:#721c24}.prediction-digits .digit.grid-cell.incorrect{background:#d4eddacc;border:1px solid #c3e6cbcc;color:#155724}.prediction-digits .digit.grid-cell.placeholder{background:#f8f9fa66;border:1px solid #e1e8ed80;color:#6c757d}.prediction-digits .digit.grid-cell.empty{background:#f8f9fa33;border:1px solid #e1e8ed80;color:#0000}.prediction-digits .digit.grid-cell.prediction-next{animation:pulse-prediction 1.5s ease-in-out infinite;background:#6e9ba14d;border:1px solid #6e9ba1b3;color:#6e9ba1;color:var(--primary-blue);font-weight:600}@keyframes pulse-prediction{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.placeholder-text{color:#666;color:var(--text-secondary);font-family:inherit;font-style:italic}.progress-info{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:15px}.progress-text{color:#666;color:var(--text-secondary);font-size:.9rem;font-weight:500}.progress-bar{background:#e1e8ed;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#6e9ba1,#8bb4ba);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.input-prediction-section{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:30px;text-align:center}.input-prediction-row{align-items:end;display:flex;gap:40px;justify-content:center;margin-bottom:25px}.input-area,.prediction-area{align-items:center;display:flex;flex-direction:column;gap:10px}.input-area label,.prediction-area label{color:#3d3d3c;color:var(--text-primary);font-size:1rem;font-weight:600}.single-digit-input{background:#fff;border:3px solid #6e9ba1;border:3px solid var(--primary-blue);border-radius:12px;color:#3d3d3c;color:var(--text-primary);font-size:2.5rem;font-weight:700;height:80px;text-align:center;transition:all .3s ease;transition:var(--transition);width:80px}.single-digit-input:focus{border-color:#8bb4ba;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #6e9ba11a;outline:none}.single-digit-input.processing{border-color:#ccc;color:#999}@media (max-width:768px){.single-digit-input{-webkit-appearance:none;-moz-appearance:textfield;font-size:max(16px,2.5rem)}.single-digit-input:focus{border-color:#8bb4ba;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #6e9ba11a;outline:none}#mobile-binary-input{-webkit-autocomplete:off!important;-moz-autocomplete:off!important;autocomplete:off!important;-webkit-text-security:none!important;-webkit-overflow-scrolling:touch!important;font-size:16px!important;left:-1000px!important;opacity:0!important;pointer-events:none!important;position:fixed!important;scroll-behavior:auto!important;top:-1000px!important;transform:translateZ(0)}body:has(#mobile-binary-input:focus){overflow:hidden;position:fixed;width:100%}body,html{scroll-behavior:auto!important}body{overflow-x:hidden}.dropdown-button,.reset-btn{min-height:44px}.help-button{height:44px;width:44px}.hide-predictions-checkbox{height:20px;width:20px}.game-layout{gap:20px}.grid-section{margin-bottom:20px}.history-display{min-height:120px;padding:15px}.history-label,.progress-text{font-weight:600}}.prediction-display{align-items:center;background:#f8f9fa;border:3px solid #e1e8ed;border-radius:12px;color:#3d3d3c;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.prediction-display .prediction{color:#6e9ba1;color:var(--primary-blue)}.prediction-display .loading{animation:pulse 1s infinite;color:#999}.prediction-display .placeholder{color:#ccc}.compact-stats{color:#666;color:var(--text-secondary);display:flex;font-size:.9rem;gap:25px;justify-content:center}.compact-stats span{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:4px;padding:5px 10px}.method-section{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);padding:20px}.method-selector{display:flex;flex-direction:column;gap:10px}.method-row{align-items:center;display:flex;gap:15px;justify-content:space-between}.method-row label{color:#3d3d3c;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.method-controls-group{align-items:center;display:flex;gap:15px}.hide-predictions-option,.start-over-container{margin:0}.hide-predictions-option .checkbox-label{align-items:center;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px}.hide-predictions-checkbox{accent-color:#6e9ba1;accent-color:var(--primary-blue);cursor:pointer;height:16px;margin:0;width:16px}.custom-dropdown{position:relative}.dropdown-button{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:6px;color:#3d3d3c;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.dropdown-button:focus,.dropdown-button:hover:not(.disabled){border-color:#6e9ba1;border-color:var(--primary-blue)}.dropdown-button:focus{outline:none}.dropdown-button.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.dropdown-arrow{color:#666;font-size:.8rem;transition:transform .2s ease}.dropdown-button:not(.disabled):hover .dropdown-arrow{color:#6e9ba1;color:var(--primary-blue)}.dropdown-menu{background:#fff;border:2px solid #6e9ba1;border:2px solid var(--primary-blue);border-radius:6px;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);left:0;margin-top:2px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:8px 12px;transition:all .3s ease;transition:var(--transition)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#6e9ba10d}.dropdown-item.selected{background:#6e9ba11a}.dropdown-item-content{display:flex;flex-direction:column;position:relative}.dropdown-label{color:#3d3d3c;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:4px 0}.dropdown-tooltip{background:#fff;border:2px solid #6e9ba1;border:2px solid var(--primary-blue);border-radius:6px;box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);color:#666;color:var(--text-secondary);font-size:.8rem;left:100%;line-height:1.3;margin-left:10px;max-width:250px;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;white-space:normal;z-index:1001}.dropdown-label:hover+.dropdown-tooltip{opacity:1;visibility:visible}.checkbox-label{align-items:center;color:#3d3d3c;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;-webkit-user-select:none;user-select:none}.hidden-prediction{color:#666;color:var(--text-secondary);font-style:italic}.game-controls{margin:20px 0;text-align:center}.reset-btn{background:#6e9ba1;background:var(--primary-blue);border:none;border-radius:8px;box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.reset-btn:hover{background:#8bb4ba;background:var(--secondary-blue);box-shadow:0 4px 12px #3d3d3c26;box-shadow:var(--shadow-hover);transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-bottom-section{display:flex;flex-direction:column;gap:20px}.stats-chart-container{align-items:flex-start;display:flex;gap:20px;width:100%}.game-stats-section{flex:0 0 200px}.game-stats-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);display:flex;flex-direction:column;height:180px;padding:20px;width:100%}.game-graph-section{align-items:flex-start;display:flex;flex:1 1}.game-graph-card{background:#fefefe;background:var(--card-bg);border:1px solid #f0f0f0;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #3d3d3c1a;box-shadow:var(--shadow);display:flex;flex-direction:column;height:180px;padding:20px;width:100%}.graph-header{margin-bottom:10px}.graph-title{color:#3d3d3c;color:var(--text-primary);font-size:.9rem;font-weight:600}.chart-container{align-items:center;display:flex;flex:1 1;height:140px;justify-content:center;position:relative}.chart-label{color:#666;font-size:14px;font-weight:700;pointer-events:none;position:absolute;z-index:10}.chart-label-robot{bottom:25px;left:50%;transform:translateX(-50%)}.chart-label-human{left:50%;top:8px;transform:translateX(-50%)}.game-stats-header{margin-bottom:15px}.game-stats-header h3{color:#3d3d3c;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;text-align:center}.game-stats-vertical{display:flex;flex:1 1;flex-direction:column;gap:6px}.game-stat-row{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:6px 0}.game-stat-label{color:#666;color:var(--text-secondary);flex:0 0 120px;font-size:.9rem;font-weight:500}.game-stat-number{color:#6e9ba1;color:var(--primary-blue);flex:0 0 50px;font-size:1.2rem;font-weight:700}.game-method-section{background:none;border:none;box-shadow:none;flex:0 0 auto;margin-bottom:10px;min-width:0;padding:0}.game-method-section+.grid-section .history-display{border-top:2px solid #d0d7de}.game-method-controls{max-width:100%;width:100%}@media (max-width:768px){.game-main{padding:10px}.top-section{gap:20px;grid-template-columns:1fr}.game-bottom-section{gap:15px}.stats-chart-container{flex-direction:column;gap:15px}.game-stats-card{height:auto;min-height:120px;width:100%}.game-graph-card{height:200px;width:100%}.chart-container{height:160px}.game-method-controls{width:100%}.method-row{gap:15px}.method-controls-group,.method-row{align-items:stretch;flex-direction:column}.method-controls-group{gap:10px}.custom-dropdown{width:100%}.dropdown-button{font-size:1rem;padding:12px 15px;width:100%}.hide-predictions-option,.start-over-container{align-self:flex-start}.reset-btn{font-size:1.1rem;min-width:120px;padding:15px 25px}.input-prediction-row{flex-direction:column;gap:20px}.compact-stats{flex-direction:column;gap:10px}.prediction-display,.single-digit-input{font-size:2.2rem;height:70px;width:70px}.help-button-container{display:flex;justify-content:center;margin-bottom:20px;position:static}.help-tooltip{left:50%;padding:25px;right:auto;transform:translateX(-50%) translateY(-10px);width:300px}.help-button:hover .help-tooltip{transform:translateX(-50%) translateY(0)}.help-tooltip:before{left:50%;right:auto;transform:translateX(-50%)}.history-digits{gap:2px;grid-template-columns:repeat(25,1fr)}.grid-cell{font-size:.7rem;height:24px;min-width:20px;width:auto}.history-label{font-size:.7rem;width:60px}.history-spacer{width:10px}.progress-text{font-size:.8rem}.progress-bar{height:10px}.verdict-card{margin:20px 10px;padding:30px 20px}.verdict-main-text{align-items:center;flex-direction:column;gap:15px;text-align:center}.verdict-prompt{font-size:1.5rem;margin-top:0}.verdict-label{font-size:2.2rem;padding:12px 20px}.verdict-tagline{font-size:1.1rem;margin-bottom:25px;margin-top:30px}.verdict-explanation{font-size:1rem;line-height:1.5}}@media (max-width:480px){.game-main{padding:5px}.history-digits{gap:1px;grid-template-columns:repeat(20,1fr)}.grid-cell{font-size:.65rem;height:22px;min-width:18px}.history-label{font-size:.65rem;width:50px}.history-spacer{width:8px}.prediction-display,.single-digit-input{font-size:2rem;height:60px;width:60px}.help-tooltip{padding:20px;width:280px}.verdict-card{margin:15px 5px;padding:25px 15px}.verdict-prompt{font-size:1.3rem}.verdict-label{font-size:1.8rem;padding:10px 16px}.verdict-tagline{font-size:1rem;margin-bottom:20px;margin-top:25px}.verdict-explanation{font-size:.9rem}.game-stats-card{padding:15px}.game-graph-card{height:180px;padding:15px}.chart-container{height:140px}.game-stat-row{padding:4px 0}.game-stat-label{flex:0 0 100px;font-size:.8rem}.game-stat-number{flex:0 0 40px;font-size:1rem}}
/*# sourceMappingURL=main.3126f601.css.map*/