@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400&display=swap");*{box-sizing:border-box}body{touch-action:pan-y;overflow:hidden}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:"Source Code Pro",monospace;background:linear-gradient(45deg, #fcfcfc 0%, #F2F2F2 100%)}@media (prefers-color-scheme: dark){body{background-color:#353535;background:linear-gradient(45deg, #1B1B21 0%, #424245 100%);color:white}}body.web-mode{min-height:calc(var(--vh, 1vh) * 100)}.turret{width:100%;height:110%;position:absolute;display:flex;justify-content:center;align-items:center}.turret:after{content:'';display:block;position:fixed;top:0;left:50%;height:100%;width:8px;background-color:black;transform:translate(-50%, 0)}.turret .eye{width:10em;height:10em;background-image:url(../images/eye.png);background-image:linear-gradient(transparent, transparent),url(../images/eye.svg);background-position:center;background-repeat:no-repeat;position:relative;z-index:1001}.turret .eye:before{content:'';display:block;position:absolute;width:74%;height:74%;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:100%;background:black;opacity:0.75}.turret .eye .segments{width:100%;height:100%;z-index:10}.turret .eye .segments>span{display:block;background-image:url("../images/eye-segment.png");width:0.6875em;height:2.625em;position:absolute;top:15.5%;left:50%;margin-left:-0.34375em;transform-origin:50% 130%;opacity:0}.turret .eye .segments>span:nth-child(1){transform:rotate(10deg);animation-delay:1.01s}.turret .eye .segments>span:nth-child(2){transform:rotate(20deg);animation-delay:1.02s}.turret .eye .segments>span:nth-child(3){transform:rotate(30deg);animation-delay:1.03s}.turret .eye .segments>span:nth-child(4){transform:rotate(40deg);animation-delay:1.04s}.turret .eye .segments>span:nth-child(5){transform:rotate(50deg);animation-delay:1.05s}.turret .eye .segments>span:nth-child(6){transform:rotate(60deg);animation-delay:1.06s}.turret .eye .segments>span:nth-child(7){transform:rotate(70deg);animation-delay:1.07s}.turret .eye .segments>span:nth-child(8){transform:rotate(80deg);animation-delay:1.08s}.turret .eye .segments>span:nth-child(9){transform:rotate(90deg);animation-delay:1.09s}.turret .eye .segments>span:nth-child(10){transform:rotate(100deg);animation-delay:1.1s}.turret .eye .segments>span:nth-child(11){transform:rotate(110deg);animation-delay:1.11s}.turret .eye .segments>span:nth-child(12){transform:rotate(120deg);animation-delay:1.12s}.turret .eye .segments>span:nth-child(13){transform:rotate(130deg);animation-delay:1.13s}.turret .eye .segments>span:nth-child(14){transform:rotate(140deg);animation-delay:1.14s}.turret .eye .segments>span:nth-child(15){transform:rotate(150deg);animation-delay:1.15s}.turret .eye .segments>span:nth-child(16){transform:rotate(160deg);animation-delay:1.16s}.turret .eye .segments>span:nth-child(17){transform:rotate(170deg);animation-delay:1.17s}.turret .eye .segments>span:nth-child(18){transform:rotate(180deg);animation-delay:1.18s}.turret .eye .segments>span:nth-child(19){transform:rotate(190deg);animation-delay:1.19s}.turret .eye .segments>span:nth-child(20){transform:rotate(200deg);animation-delay:1.2s}.turret .eye .segments>span:nth-child(21){transform:rotate(210deg);animation-delay:1.21s}.turret .eye .segments>span:nth-child(22){transform:rotate(220deg);animation-delay:1.22s}.turret .eye .segments>span:nth-child(23){transform:rotate(230deg);animation-delay:1.23s}.turret .eye .segments>span:nth-child(24){transform:rotate(240deg);animation-delay:1.24s}.turret .eye .segments>span:nth-child(25){transform:rotate(250deg);animation-delay:1.25s}.turret .eye .segments>span:nth-child(26){transform:rotate(260deg);animation-delay:1.26s}.turret .eye .segments>span:nth-child(27){transform:rotate(270deg);animation-delay:1.27s}.turret .eye .segments>span:nth-child(28){transform:rotate(280deg);animation-delay:1.28s}.turret .eye .segments>span:nth-child(29){transform:rotate(290deg);animation-delay:1.29s}.turret .eye .segments>span:nth-child(30){transform:rotate(300deg);animation-delay:1.3s}.turret .eye .segments>span:nth-child(31){transform:rotate(310deg);animation-delay:1.31s}.turret .eye .segments>span:nth-child(32){transform:rotate(320deg);animation-delay:1.32s}.turret .eye .segments>span:nth-child(33){transform:rotate(330deg);animation-delay:1.33s}.turret .eye .segments>span:nth-child(34){transform:rotate(340deg);animation-delay:1.34s}.turret .eye .segments>span:nth-child(35){transform:rotate(350deg);animation-delay:1.35s}.turret .eye .segments>span:nth-child(36){transform:rotate(360deg);animation-delay:1.36s}.turret.turret-on .eye{cursor:pointer}.turret.turret-on .eye:before{animation:fadeOut 0.5s forwards linear;animation-delay:0.75s}.turret.turret-on .segments>span{animation:fadeIn 0.1s forwards linear}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:0.75}to{opacity:0}}@keyframes lightUp{from{fill:black}to{opacity:1}}.install-banner{display:none;color:#571616}body.web-mode.ios-mode .install-banner{display:block;position:fixed;bottom:0;left:0;width:100%;background:#fcfcfc;padding:1.25em;text-align:center;padding-left:max(1.25em, env(safe-area-inset-left));padding-right:max(1.25em, env(safe-area-inset-right));padding-right:max(1.25em, env(safe-area-inset-bottom))}@media (prefers-color-scheme: dark){body.web-mode.ios-mode .install-banner{background-color:#1B1B21;color:currentColor}}.sticky-button{position:fixed;border-radius:100%;background-color:rgba(49,56,58,0.1)}@media (prefers-color-scheme: dark){.sticky-button{background-color:rgba(255,255,255,0.1)}}.sticky-button button{-webkit-appearance:none;appearance:none;border-radius:0;background-color:transparent;font-family:"Source Code Pro",monospace;overflow:hidden;text-indent:-1000em;border:none;display:block;width:50px;height:50px;transition:0.3s ease all;cursor:pointer}@media (prefers-color-scheme: dark){.sticky-button button{border-color:white;color:currentColor}}.sticky-button.bottom{bottom:max(0.625rem, env(safe-area-inset-bottom))}.sticky-button.top{top:max(0.625rem, env(safe-area-inset-top))}.sticky-button.left{left:max(0.625rem, env(safe-area-inset-left))}.sticky-button.right{right:max(0.625rem, env(safe-area-inset-right))}.power-button button{background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><g transform="translate(167 -625)"><rect width="50" height="50" transform="translate(-167 625)" fill="%2331383A" opacity="0"/><path d="M0,17.2A12.8,12.8,0,0,1,6.2,6.223,1.829,1.829,0,0,1,8.094,9.356a9.146,9.146,0,1,0,9.422,0A1.829,1.829,0,1,1,19.4,6.223,12.8,12.8,0,1,1,0,17.2Zm10.976,0V1.83a1.829,1.829,0,1,1,3.659,0V17.2a1.829,1.829,0,0,1-3.659,0Z" transform="translate(-155 635)" fill="%2331383A"/></g></svg>');opacity:0.5}@media (prefers-color-scheme: dark){.power-button button{background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><g transform="translate(167 -625)"><rect width="50" height="50" transform="translate(-167 625)" fill="currentColor" opacity="0"/><path d="M0,17.2A12.8,12.8,0,0,1,6.2,6.223,1.829,1.829,0,0,1,8.094,9.356a9.146,9.146,0,1,0,9.422,0A1.829,1.829,0,1,1,19.4,6.223,12.8,12.8,0,1,1,0,17.2Zm10.976,0V1.83a1.829,1.829,0,1,1,3.659,0V17.2a1.829,1.829,0,0,1-3.659,0Z" transform="translate(-155 635)" fill="currentColor"/></g></svg>')}}.power-button button.turret-on{background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><g transform="translate(167 -625)"><rect width="50" height="50" transform="translate(-167 625)" fill="%234796D1" opacity="0"/><path d="M0,17.2A12.8,12.8,0,0,1,6.2,6.223,1.829,1.829,0,0,1,8.094,9.356a9.146,9.146,0,1,0,9.422,0A1.829,1.829,0,1,1,19.4,6.223,12.8,12.8,0,1,1,0,17.2Zm10.976,0V1.83a1.829,1.829,0,1,1,3.659,0V17.2a1.829,1.829,0,0,1-3.659,0Z" transform="translate(-155 635)" fill="%234796D1"/></g></svg>');opacity:1}.skins{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;bottom:0;bottom:0, constant(safe-area-inset-bottom)}.skins button{overflow:hidden;text-indent:-1000em;width:50px;height:50px;border:2px solid rgba(0,0,0,0.1);border-radius:100%;position:relative}.skins button>span{display:block;width:calc(100% - 0.625em);height:calc(100% - 0.625em);border-radius:100%;position:absolute;top:0.3125em;left:0.3125em}.skins button.active{border-color:#a22}.skins .burst span{background-image:url(../images/skin-burst.png);background-image:linear-gradient(transparent, transparent),url(../images/skin-burst.svg);background-position:center;background-repeat:no-repeat}.skins .camo span{background-image:url(../images/skin-camo.png);background-image:linear-gradient(transparent, transparent),url(../images/skin-camo.svg);background-position:center;background-repeat:no-repeat}body .turret{background-size:cover}body.skin-burst .turret{background-image:url(../images/skin-burst.png);background-image:linear-gradient(transparent, transparent),url(../images/skin-burst.svg);background-position:center;background-repeat:no-repeat}body.skin-camo .turret{background-image:url(../images/skin-camo.png);background-image:linear-gradient(transparent, transparent),url(../images/skin-camo.svg);background-position:center;background-repeat:no-repeat}