*{box-sizing:border-box}body{margin:0;background:#101826;color:#f6f3df;font:16px system-ui}#menu,#panel{padding:24px;max-width:650px;margin:4vh auto;background:#202c3c;border:1px solid #526077;border-radius:18px}a{color:#cbf59d}small,label{display:block;margin:12px 0}h1{font-size:4rem;margin:0}button,select,input{font:inherit;border-radius:8px;border:1px solid #68809a;background:#172230;color:white;padding:8px;margin:3px}button{cursor:pointer}button[aria-pressed=true],#play{border-color:#c1f280;color:#c1f280}#heads{display:flex;overflow:auto}#heads img{width:52px;height:52px;object-fit:contain;display:block;margin:auto}main,canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header,footer,#aim,#hits,#touch,#panel{position:absolute}header{top:8px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center}header span,footer{padding:8px;background:#121a23c9;border-radius:8px}footer{bottom:10px;left:12px}#aim{top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 3px black;pointer-events:none}#hits{inset:0;pointer-events:none}.damage{position:absolute;color:#ffd47d;font-weight:900;text-shadow:1px 1px black;animation:rise .65s forwards}@keyframes rise{to{transform:translateY(-40px);opacity:0}}#panel{z-index:4;top:12%;left:50%;transform:translateX(-50%);min-width:min(360px,95vw)}#touch{display:none;pointer-events:none;inset:0}#touch aside,#stick{position:absolute;bottom:48px;pointer-events:auto;touch-action:none}#stick{left:16px;border:2px solid #ffffff80;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;background:#18243077}aside{right:8px;width:165px;text-align:right}#world.mobile #touch{display:block}[hidden]{display:none!important}

#world.rotate-view{inset:0 auto auto 100%;width:100dvh;height:100vw;transform-origin:top left;transform:rotate(90deg)}#world canvas{position:absolute}

#optics{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle closest-side,transparent 0 85%,#15191270 90%,#060707 96%)}#optics i{width:60%;height:60%;background:linear-gradient(90deg,transparent calc(50% - 1px),#151515 50%,transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#151515 50%,transparent calc(50% + 1px))}#world:has(#optics:not([hidden])) header{z-index:1}