*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060713;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#070913}#hud{position:fixed;inset:0;pointer-events:none}.topbar{position:absolute;top:12px;left:12px;right:12px;height:54px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(11,14,31,.86),rgba(7,9,19,.68));backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.25)}.title{margin-right:auto}.title b{font-size:18px}.title small,.ammoCard small,.mission span,.panel p,.choice small{display:block;color:#aeb4cc;font-size:12px}.pill{height:36px;min-width:72px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:13px}.tiny{pointer-events:auto;width:42px;height:36px;border:0;border-radius:12px;background:#27164f;color:white;font-weight:900}.ammoCard,.mission,.radar{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(10,13,29,.82),rgba(6,8,18,.6));backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(0,0,0,.25)}.ammoCard{top:78px;right:12px;width:150px;padding:13px}.ammoCard b{font-size:25px}.ammoCard em{color:#8dffbd;font-style:normal;font-size:12px}.mission{left:12px;top:78px;width:235px;padding:13px}.mission b{display:block;margin-bottom:4px}.progress{height:7px;margin-top:10px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6f3cff,#34e7ff);border-radius:99px}.radar{right:12px;top:184px;width:150px;padding:10px}.radar b{font-size:12px;color:#cbd2e8}#radar{width:130px;height:130px;display:block;margin:auto;opacity:.92}#crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);opacity:.85}#crosshair:before,#crosshair:after,#crosshair i:first-child,#crosshair i:last-child{content:"";position:absolute;background:rgba(255,255,255,.9);box-shadow:0 0 12px rgba(123,57,255,.7)}#crosshair:before{left:15px;top:0;width:3px;height:10px}#crosshair:after{left:15px;bottom:0;width:3px;height:10px}#crosshair i:first-child{left:0;top:15px;width:10px;height:3px}#crosshair i:last-child{right:0;top:15px;width:10px;height:3px}#damageFlash{position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,rgba(255,28,68,.55));opacity:0;transition:.12s}.controls{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 22px}.stick{pointer-events:auto;width:126px;height:126px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.04));position:relative}.stick i{position:absolute;left:39px;top:39px;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#fff,#7860ff);box-shadow:0 8px 30px rgba(105,61,255,.45)}.buttons{pointer-events:auto;display:flex;gap:14px;align-items:center}.buttons button{border:0;color:white;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.35)}#reloadBtn{width:62px;height:62px;border-radius:20px;background:#1d2440}#fireBtn{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ff5858,#9c1237);border:4px solid rgba(255,255,255,.15)}.panel{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,88vw);padding:22px;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(13,16,35,.96),rgba(7,8,18,.9));box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px)}.panel.small{width:min(420px,80vw);text-align:center}.badge{display:inline-block;padding:7px 12px;border-radius:99px;background:rgba(111,60,255,.18);border:1px solid rgba(141,100,255,.4);color:#d8caff;font-size:12px;font-weight:900}.panel h1{margin:10px 0 8px;font-size:30px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.grid3 label{display:block;margin:0 0 8px;font-size:13px;color:#d5d9ed;font-weight:800}.choice{width:100%;margin:0 0 8px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.05);padding:12px;color:white}.choice.active{border-color:#8d62ff;background:linear-gradient(135deg,rgba(111,60,255,.45),rgba(255,255,255,.06));box-shadow:0 0 0 1px rgba(141,98,255,.2)}.primary,.ghost{height:48px;border-radius:16px;border:0;color:white;font-weight:900;padding:0 24px;margin-right:8px}.primary{background:linear-gradient(135deg,#7d3cff,#9a6cff);box-shadow:0 16px 36px rgba(112,57,255,.35)}.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}#howText{margin-top:12px;color:#c6cce2;font-size:13px}#toast{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 16px;border-radius:14px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);opacity:0;transition:.2s;font-weight:800}#loader{position:fixed;inset:0;z-index:5;display:grid;place-content:center;text-align:center;background:#060713}.brand{font-size:32px;font-weight:1000}.brand span{color:#a06cff}.load{width:240px;height:8px;background:#15182a;border-radius:99px;overflow:hidden;margin:18px auto}.load i{display:block;height:100%;width:45%;background:linear-gradient(90deg,#703cff,#39e8ff);animation:load 1.1s infinite}@keyframes load{50%{transform:translateX(140%)}}#rotateLock{display:none;position:fixed;inset:0;z-index:10;background:#060713;place-content:center;text-align:center;padding:20px}#rotateLock div{font-size:48px}#rotateLock b{font-size:22px;margin-top:10px}#rotateLock small{color:#aeb4cc;margin-top:8px}@media (orientation:portrait){#rotateLock{display:grid}#hud,#game,#loader{display:none}}@media (max-height:430px){.topbar{height:48px}.pill{height:32px;min-width:64px}.mission{display:none}.radar{top:72px}.panel{padding:16px}.panel h1{font-size:24px}.stick{width:104px;height:104px}.stick i{left:33px;top:33px;width:38px;height:38px}#fireBtn{width:104px;height:104px}.buttons{gap:10px}.grid3{gap:8px;margin:12px 0}.choice{padding:9px}.ammoCard{top:68px}.controls{bottom:10px}}
.advancedRow{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.switch{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#d9ddf0}.switch input{display:none}.switch span{width:34px;height:20px;border-radius:99px;background:#222844;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.switch span:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:2.5px;background:#8d94aa;transition:.18s}.switch input:checked+span{background:linear-gradient(135deg,#6840ff,#25d9ff)}.switch input:checked+span:before{left:16px;background:white}.stick em{position:absolute;left:50%;top:50%;width:3px;height:42px;border-radius:4px;background:linear-gradient(180deg,#34e7ff,transparent);transform:translate(-50%,-50%);transform-origin:50% 50%;opacity:.8;box-shadow:0 0 14px rgba(52,231,255,.55)}.stick:after{content:"BAKIŞ YÖNÜ";position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:10px;font-weight:900;color:#b8c4ff;white-space:nowrap;letter-spacing:.5px}
@media (max-height:430px){.advancedRow{gap:6px;margin-bottom:10px}.switch{padding:7px 8px;font-size:11px}.switch span{width:30px;height:18px}.switch span:before{width:13px;height:13px}.switch input:checked+span:before{left:14px}}