/* STRIKEZONE - CrazyGames build: gun pictures, loot prompt, ad / sound buttons, Classic pick/drop touch buttons */

/* ---- gun pictures everywhere ---- */
#wIcon { display: block; margin-left: auto; width: 150px; height: 75px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(0,0,0,.7)); }
#wIcon:not([src]), #wIcon[src=""] { visibility: hidden; }
.kf .kfw { height: 24px; width: 48px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0,0,0,.8)); }
.kf .kfg { color: #b6c78a; font-size: 12px; letter-spacing: .1em; }
.sbw { height: 22px; width: 44px; object-fit: contain; vertical-align: middle; }
.roster .pl .rg { margin-left: auto; height: 28px; width: 56px; object-fit: contain; opacity: .95; }
#pauseGuns { display: flex; gap: 16px; justify-content: center; }
#pauseGuns div { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 13px; letter-spacing: .14em; color: var(--dim); }
#pauseGuns img { height: 56px; width: 112px; object-fit: contain; }

/* ---- Classic Battle loot prompt ---- */
#lootBox { position: absolute; left: 50%; bottom: 17%; transform: translateX(-50%); display: none; align-items: center; gap: 12px; padding: 8px 18px 8px 10px; background: rgba(6,9,14,.78); border: 1px solid rgba(255,138,26,.55); border-left: 4px solid var(--orange); text-shadow: 0 2px 8px #000; }
#lootBox.on { display: flex; animation: kfin .15s; }
#lootBox img { width: 112px; height: 56px; object-fit: contain; }
#lootBox b { display: block; font-size: 22px; letter-spacing: .14em; color: #fff; }
#lootBox span { display: block; font-size: 13px; letter-spacing: .12em; color: var(--dim); }

/* ---- ad + sound buttons ---- */
.adbtn { background: linear-gradient(180deg, #2fd27a, #16a85a); color: #04200f; border: 0; padding: 12px 20px; font: 800 18px var(--font); letter-spacing: .12em; }
.adbtn:disabled { opacity: .6; cursor: default; }
.sndbtn { margin-left: auto; align-self: center; background: rgba(255,255,255,.06); border: 1px solid var(--line); color: var(--text); padding: 6px 12px; font: 700 12px var(--font); letter-spacing: .2em; }
.sndbtn.off { color: #ff7a6a; }
.box .sndbtn { margin: 0 auto; }

/* ---- phones ---- */
html.touch #lootBox { bottom: auto; top: 24%; padding: 4px 12px 4px 6px; gap: 8px; }
html.touch #lootBox img { width: 72px; height: 36px; } html.touch #lootBox b { font-size: 14px; } html.touch #lootBox span { font-size: 10px; }
html.touch #wIcon { width: 84px; height: 42px; }
html.touch .kf .kfw { height: 16px; width: 32px; }
html.touch .sndbtn { font-size: 10px; padding: 4px 8px; }
html.touch #pauseGuns img { height: 36px; width: 72px; }
#t-pick { right: calc(var(--R) + var(--b) * 3.4); bottom: calc(var(--B) + var(--b) * 4.4); }
#t-drop { right: calc(var(--R) + var(--b) * 2.68); bottom: calc(var(--B) + var(--b) * 2.5); width: calc(var(--b) * .86); height: calc(var(--b) * .86); }