.app-container{position:relative;width:100vw;height:100vh;background-color:#030712;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.ambient-bg{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#38bdf80d,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.start-screen{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;z-index:10}.intro-ball-container{position:relative;height:100px;display:flex;justify-content:center;align-items:center}.intro-ball{position:relative;width:24px;height:24px;background-color:#fff;border:2px solid #38bdf8;border-radius:50%;display:flex;justify-content:center;align-items:center}.intro-ring{position:absolute;border:1.5px solid #38bdf8;border-radius:50%;pointer-events:none}.intro-ring.inner{width:120px;height:120px}.intro-ring.outer{width:240px;height:240px}.title-wrapper{text-align:center;z-index:12}.main-title{font-size:96px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(56,189,248,.8),0 0 40px rgba(56,189,248,.3);margin:0;line-height:1}.fisheye-effect{transform:perspective(600px) rotateX(15deg) scaleY(.9) scaleX(.95);letter-spacing:-2px}.sub-title{font-size:11px;font-weight:700;color:#38bdf8;margin-top:12px;text-transform:uppercase}.start-button{padding:12px 40px;font-size:14px;font-weight:700;color:#38bdf8;background:#38bdf80d;border:1px solid rgba(56,189,248,.4);border-radius:4px;cursor:pointer;letter-spacing:4px;text-indent:4px;transition:all .3s ease;z-index:15}.start-guide-preview{font-size:11px;color:#38bdf8;letter-spacing:2px;margin-top:20px}.game-screen{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-board{position:absolute;top:40px;left:40px;z-index:30;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.score-label{font-size:10px;font-weight:700;color:#38bdf880;letter-spacing:2px;text-transform:uppercase}.score-number{font-size:48px;font-weight:800;color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.4);line-height:1;letter-spacing:-1px}.canvas-area{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center;z-index:10}.rings-svg{position:absolute;width:100%;height:100%}.ring-path{fill:none;transform-origin:center}.energy-gem{position:absolute;width:12px;height:12px;background-color:#38bdf8;box-shadow:0 0 10px #38bdf8;z-index:15;border-radius:2px;margin-left:-6px;margin-top:-6px}.shuttle-ball{position:absolute;width:20px;height:20px;background-color:#fff;border:2px solid #38bdf8;border-radius:50%;left:50%;top:50%;z-index:20}.control-guide{position:absolute;bottom:40px;display:flex;align-items:center;gap:24px;background:#38bdf805;border:1px solid rgba(56,189,248,.1);padding:12px 24px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.guide-item{display:flex;align-items:center;gap:12px;opacity:.4;transition:opacity .2s ease,transform .2s ease}.guide-item.active{opacity:1;transform:scale(1.02)}.key-caps{display:flex;gap:4px}.key-cap{display:inline-flex;justify-content:center;align-items:center;min-width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(56,189,248,.3);color:#38bdf8;border-radius:4px;font-size:11px;font-weight:700;transition:all .1s ease;box-shadow:0 2px #38bdf833}.key-cap.space-cap{min-width:60px}.key-cap.pressed{background:#38bdf833;border-color:#38bdf8;color:#fff;box-shadow:0 0 8px #38bdf899;transform:translateY(2px)}.guide-text{font-size:11px;color:#ffffffb3;letter-spacing:1px}.guide-divider{width:1px;height:16px;background-color:#38bdf826}