*{box-sizing:border-box;margin:0;padding:0}.app{width:100%;min-height:100vh;background-color:#1a1a2e;background-repeat:repeat;background-size:20px 20px;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow:hidden}.start-screen{width:100%;max-width:400px;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 30px;position:relative}.decorative-borders{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.corner-element{position:absolute;width:40px;height:40px;border:1px solid rgba(255,255,255,.2)}.corner-element.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.corner-element.top-right{top:20px;right:20px;border-left:none;border-bottom:none}.corner-element.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.corner-element.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.help-button{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease}.help-button:hover{background:#ffffff1a}.logo-container{margin-top:60px;margin-bottom:40px}.logo-ring{width:180px;height:180px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#1a1a2e,#1a1a2e) padding-box,linear-gradient(180deg,#fff,#6eebff,#db28cc,#faa57c,#9500e9) border-box;display:flex;align-items:center;justify-content:center;position:relative}.logo-ring:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.logo-ring:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.main-logo{width:80px;height:80px}.start-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:auto}.game-title{font-size:2.5rem;font-weight:700;letter-spacing:4px;margin-bottom:30px;display:flex;flex-direction:column;line-height:1.2}.title-bubble{color:#fff}.title-shooter{color:#fff;margin-left:60px}.game-description{color:#fff9;font-size:.95rem;line-height:1.6;max-width:300px;margin-bottom:50px}.play-button{width:100%;max-width:280px;padding:16px 40px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,transparent 0%,transparent 100%);border:1px solid white;border-left:4px solid #DB28CC;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #DB28CC transparent}.play-button:hover{background:#ffffff0d;transform:translateY(-2px)}.game-screen{width:100%;max-width:400px;min-height:100vh;display:flex;flex-direction:column;position:relative}.game-header{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 10px 5px;gap:5px}.nav-button{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-button:hover{background:#ffffff1a}.nav-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.level-indicators{display:flex;gap:4px;flex:1;justify-content:center;align-items:flex-start;flex-wrap:nowrap}.level-indicator{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px}.level-icon{width:32px;height:32px}.level-prize{font-size:.5rem;color:#fff9;text-align:center;max-width:55px;line-height:1.1;word-wrap:break-word}.canvas-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;position:relative}.game-canvas{background:transparent;cursor:crosshair;border-radius:10px;max-width:100%}.rotation-progress{width:80%;max-width:300px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:15px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6eebff,#db28cc);transition:width .3s ease}.angle-display{position:absolute;bottom:100px;left:50px;font-size:.9rem;color:#ffffff80;font-family:monospace}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:15px 30px;border-radius:10px;font-size:1rem;font-weight:500;z-index:100;animation:notificationPop .3s ease;border:1px solid rgba(255,255,255,.2)}@keyframes notificationPop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;max-width:340px;width:100%;text-align:center;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-logo{margin-bottom:20px}.modal-logo img{width:70px;height:70px}.modal h2{font-size:1.8rem;margin-bottom:15px;background:linear-gradient(90deg,#6eebff,#db28cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal p{color:#fffc;margin-bottom:10px}.prize-text{font-size:1.3rem;font-weight:600;color:gold!important;margin-bottom:15px!important}.score-text{font-size:1.1rem;color:#6eebff!important}.modal-button{width:100%;padding:14px 30px;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:15px}.modal-button.primary{background:linear-gradient(90deg,#6eebff,#db28cc);border:none;color:#fff}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6eebff4d}.modal-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.modal-button.secondary:hover{background:#ffffff1a}.prizes-list{background:#ffffff0d;border-radius:10px;padding:15px;margin:20px 0}.prizes-list h3{font-size:.9rem;color:#fff9;margin-bottom:10px}.prize-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.prize-item:last-child{border-bottom:none}.prize-icon{width:24px;height:24px}.prize-item span{font-size:.9rem;color:#fffc}.final-score{font-size:1.2rem!important;font-weight:600;color:gold!important;margin-top:15px!important}.game-over-modal h2{background:linear-gradient(90deg,#ff6b6b,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over-modal .modal-logo img{opacity:.6}@media (max-width: 420px){.game-title{font-size:2rem}.title-shooter{margin-left:40px}.level-indicators{gap:5px}.level-icon{width:30px;height:30px}.level-prize{font-size:.5rem;max-width:50px}}@media (max-height: 700px){.logo-ring{width:140px;height:140px}.main-logo{width:60px;height:60px}.logo-container{margin-top:40px;margin-bottom:20px}.game-title{font-size:2rem;margin-bottom:20px}.game-description{margin-bottom:30px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a2e;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;min-height:100vh}