*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a1a2e}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:auto;transition:opacity 1.5s ease-in-out}.overlay.hidden{opacity:0;pointer-events:none}.title{font-family:Geo,sans-serif;font-size:8rem;color:#fff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.85);font-weight:400;margin-left:.2em}.subtitle{font-family:Geo,sans-serif;font-size:2rem;color:#fff;letter-spacing:.15em;margin-bottom:3rem;text-transform:uppercase;text-shadow:0 4px 10px rgba(0,0,0,.85);font-weight:400;margin-left:.15em}.start-button{font-family:Geo,sans-serif;font-size:1.5rem;color:#fff;background:#0006;border:1px solid rgba(255,255,255,.3);padding:.5rem 2rem;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 4px 20px rgba(0,0,0,.85);box-shadow:0 4px 20px #000000d9}.start-button:hover{background:#0009;border-color:#fffc;transform:translateY(-2px)}.info-button{position:absolute;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;font-family:Geo,sans-serif;font-size:1.5rem;color:#fff;background:#0006;border:1px solid rgba(255,255,255,.3);cursor:pointer;z-index:20;display:flex;justify-content:center;align-items:center;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;text-shadow:0 4px 20px rgba(0,0,0,.85);box-shadow:0 4px 20px #000000d9}.info-button.hidden{opacity:0;pointer-events:none}.info-button:hover{background:#0009;border-color:#fffc;transform:translateY(-2px)}.about-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:15;pointer-events:none;opacity:0;transition:opacity 1.5s ease-in-out}.about-modal.visible{opacity:1;pointer-events:auto}.about-content{font-family:Geo,sans-serif;color:#fff;max-width:600px;text-align:left;padding:3rem;background:#0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px}.about-content h2{font-size:3rem;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase}.about-content p{font-size:1.25rem;line-height:1.6;letter-spacing:.05em;white-space:pre-wrap}.about-content a{color:#00b8d5;text-decoration:none;transition:color .3s ease}.about-content a:hover{color:#5ecee0;text-decoration:underline}