.game-wrapper{width:100vw;height:100vh;background:#0a0a0a;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Roboto,sans-serif}.game-container{width:800px;height:600px;background-color:#1a1a2e;background-size:cover;background-position:center;position:relative;overflow:hidden;border:4px solid #30336b;box-shadow:0 0 50px #000c}.cloud-sync{position:absolute;top:10px;right:10px;background:#0009;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:12px;color:#00d2ff;border:1px solid rgba(0,210,255,.3);z-index:100}.cloud-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.game-ui{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:90}.score-box,.high-score-box{background:#000000b3;padding:8px 15px;border-radius:10px;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.lives-box{display:flex;gap:5px}.building{position:absolute;background:linear-gradient(180deg,#2c3e50,#000);border-top:2px solid #57606f;box-shadow:0 0 20px #00000080}.window{position:absolute;width:15px;height:20px;background:#1e272e;border-radius:2px}.window.lit{background:#f1c40f;box-shadow:0 0 10px #f1c40f}.phase-banner{position:absolute;top:80px;left:50%;transform:translate(-50%);padding:5px 20px;border-radius:5px;font-weight:700;text-transform:uppercase;letter-spacing:2px;z-index:80}.phase-banner.approach{background:#2ed57333;color:#2ed573;border:1px solid #2ed573}.phase-banner.escape{background:#ff475733;color:#ff4757;border:1px solid #ff4757;animation:blink .5s infinite}@keyframes blink{50%{opacity:.5}}.player-p1,.player-p2{position:absolute;display:flex;flex-direction:column;align-items:center;transition:transform .1s;z-index:50}.label{font-size:10px;color:#fff;background:#00000080;padding:2px 4px;border-radius:3px;margin-top:-5px}.enemy{position:absolute;z-index:40}.search-light{position:absolute;top:30px;left:25px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.patrol-unit{width:40px;height:10px;background:#ff4757;border-radius:5px;box-shadow:0 0 10px #ff4757}.target-item{position:absolute;z-index:30;filter:drop-shadow(0 0 15px #ffd32a)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#2f3542;padding:40px;border-radius:20px;text-align:center;color:#fff;border:2px solid #57606f;max-width:400px}.modal h1{margin:20px 0 10px;color:#00d2ff}.modal p{color:#a4b0be;margin-bottom:20px}.controls{display:flex;justify-content:space-around;margin-bottom:30px;background:#0000004d;padding:15px;border-radius:10px}.modal button{background:#2ed573;color:#fff;border:none;padding:12px 30px;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0 auto;transition:transform .2s}.modal button:hover{transform:scale(1.05);background:#7bed9f}.final-score{font-size:32px;font-weight:700;color:#ffd32a;margin:20px 0}