.app{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas{width:100%;height:100%;background:linear-gradient(135deg,#000,#a7a7a7)}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;color:#fff;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.content p{font-size:1.25rem;opacity:.9}.d-none{display:none}@media (max-width: 768px){.content h1{font-size:2rem}.content p{font-size:1rem}}.overlay-container{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:20;padding:2rem;flex-direction:column}.glass-panel{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:36px;padding:2rem;max-width:90vw;corner-shape:squircle;pointer-events:auto;box-shadow:0 4px 30px #0000001a;color:#fff}.overlay-title{font-size:1.5rem;margin-bottom:1rem;font-weight:600;letter-spacing:-.02em}.overlay-content{font-size:1rem;line-height:1.6;opacity:.9;font-family:monospace}@media (max-width: 768px){.overlay-container{align-items:flex-end}.glass-panel{margin-right:0;max-width:100%}}*{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:hidden}#root{width:100vw;height:100vh}