:root{--lime:#8be33c;--deep:#252143;--purple:#7150d8}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Mali",sans-serif;color:#fff;background:#17152e}main{height:100%;display:flex;flex-direction:column}header{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));background:#24213f;border-bottom:5px solid #6ed443;position:relative;z-index:30}.logo{display:flex;align-items:center;gap:10px}.logo>i{display:grid;place-items:center;width:43px;height:43px;background:var(--lime);color:#2e3b25;border-radius:12px;font-style:normal;font-size:24px;box-shadow:0 5px #4b982c}.logo span{display:flex;flex-direction:column}.logo small,.wave small{font-size:10px;color:#aaa4c5}.wave{width:270px;text-align:center}.wave>div{height:12px;border:2px solid #5b5575;border-radius:12px;background:#393550;overflow:hidden}.wave i{display:block;width:10%;height:100%;background:linear-gradient(90deg,#65d936,#d4f03b);transition:.45s}.tools{display:flex;gap:8px;align-items:center}.tools span,.tools button{height:42px;min-width:46px;padding:0 12px;border:2px solid #514b6b;border-radius:14px;background:#302c4b;color:#fff;display:flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap;font-weight:700}.tools button{font-size:18px;cursor:pointer}#stage{height:calc(100vh - 76px);position:relative;overflow:hidden;background:#193652 url("assets/zombie-city.png") center/cover no-repeat}#stage:after{content:"";position:absolute;inset:0;background:linear-gradient(#17274b22,#17132d66);pointer-events:none}.mission{position:absolute;z-index:15;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:9px 18px;background:linear-gradient(#49366d,#2b2448);border:4px solid #9882d0;border-radius:18px;box-shadow:0 7px #16132c}.mission small{font-size:11px}.mission b{background:var(--lime);color:#294128;padding:7px 11px;border-radius:10px;font-size:11px}#zombieYard{position:absolute;z-index:5;inset:72px 4% 150px;display:flex;justify-content:center;align-items:end;gap:clamp(18px,4vw,65px)}.zombie{--s:1;position:relative;width:110px;height:210px;transform:scale(var(--s));transform-origin:bottom;border:0;background:none;cursor:pointer;filter:drop-shadow(0 12px 7px #0d122a88);transition:.2s;animation:zidle 1.5s ease-in-out var(--delay) infinite alternate}.zombie:hover{filter:brightness(1.12) drop-shadow(0 12px 7px #0d122a88)}.head{position:absolute;left:14px;top:22px;width:82px;height:80px;background:var(--skin);border:6px solid #282441;border-radius:13px 17px 12px 15px;box-shadow:inset -9px -7px #233a2d33}.hair{position:absolute;left:8px;top:-13px;width:65px;height:25px;background:#3a3154;clip-path:polygon(0 100%,10% 10%,25% 55%,40% 0,55% 56%,73% 4%,100% 100%)}.eye{position:absolute;top:27px;width:21px;height:24px;background:#f7f2bd;border:4px solid #282441;border-radius:45%;box-shadow:inset 0 0 0 5px #a9da3e}.eye.e1{left:10px;transform:rotate(8deg)}.eye.e2{right:10px;transform:rotate(-7deg)}.mouth{position:absolute;left:25px;top:59px;width:35px;height:13px;background:#3a1e35;border:3px solid #282441;border-radius:3px 3px 10px 10px}.mouth:after{content:"▾ ▾";position:absolute;color:#fff;top:-7px;left:5px;font-size:10px}.body{position:absolute;left:22px;top:96px;width:68px;height:73px;background:var(--shirt);border:6px solid #282441;border-radius:10px;box-shadow:inset -7px -8px #1e27473b}.badge{position:absolute;left:17px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffdc3c;color:#302449;border:3px solid #fff;font-size:17px;font-weight:700}.arm,.leg{position:absolute;background:var(--skin);border:5px solid #282441;border-radius:8px}.arm{width:48px;height:17px;top:105px}.arm.a1{left:-8px;transform:rotate(-18deg)}.arm.a2{right:-8px;transform:rotate(18deg)}.leg{width:22px;height:48px;top:164px}.leg.l1{left:26px;transform:rotate(4deg)}.leg.l2{right:25px;transform:rotate(-4deg)}@keyframes zidle{from{margin-bottom:0;rotate:-1deg}to{margin-bottom:7px;rotate:1deg}}.zombie.wrong{animation:zwrong .4s}.zombie.chosen{animation:walkout .55s forwards;pointer-events:none}@keyframes zwrong{25%,75%{transform:scale(var(--s)) translateX(-12px)}50%{transform:scale(var(--s)) translateX(12px);filter:hue-rotate(140deg)}}@keyframes walkout{40%{transform:scale(var(--s)) translateY(-20px)}to{transform:scale(.2) translateY(300px);opacity:0}}.lineup{position:absolute;z-index:12;left:4%;right:4%;bottom:18px;height:112px;background:#282340df;border:5px solid #665c89;border-radius:22px;box-shadow:0 9px #151229;padding:12px 18px}.lineup>span{position:absolute;top:-14px;left:22px;background:var(--lime);color:#304028;padding:5px 11px;border-radius:9px;font-size:10px;font-weight:700}.lineup #slots{height:100%;display:flex;justify-content:center;align-items:center;gap:12px}.slot{width:70px;height:65px;border:3px dashed #71688d;border-radius:12px;display:grid;place-items:center;color:#aaa2c1;font-size:23px;font-weight:700}.slot.filled{background:#4b3f6d;border-style:solid;border-color:#a490da;color:#ffdf3e;animation:slotin .3s}@keyframes slotin{from{transform:scale(.3)}to{transform:scale(1)}}#toast{position:fixed;z-index:80;left:50%;top:90px;transform:translate(-50%,-20px);opacity:0;background:#30264d;border:4px solid #fa6e76;border-radius:15px;padding:10px 20px;font-weight:700;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:#17132dbd;backdrop-filter:blur(8px)}.overlay.show{display:grid}.overlay article{width:min(480px,calc(100% - 28px));background:linear-gradient(#393058,#221e3b);border:8px solid #66578e;border-radius:35px;padding:30px;text-align:center;box-shadow:0 18px #0d0c1d}.overlay h1{font-size:43px;line-height:1;margin:9px}.overlay h1 em{font-style:normal;color:var(--lime)}.overlay p{color:#bdb6ce;line-height:1.7}.hazard{font-size:72px;color:var(--lime);filter:drop-shadow(0 6px #263d22)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.modes button,.overlay #again{border:4px solid #716493;border-radius:17px;background:#2d2947;color:#fff;padding:15px;cursor:pointer;font-family:inherit;box-shadow:0 7px #121022}.modes button:hover{border-color:var(--lime);transform:translateY(-3px)}.modes b,.modes span{display:block}.modes b{font-size:24px;color:var(--lime)}.modes span{font-size:11px;margin-top:5px}.small-card{max-width:350px}.small-card h2{font-size:34px;color:var(--lime)}.cup{font-size:75px}.final{background:#18152c;padding:10px;border-radius:13px}@media(max-width:720px){header{height:68px;padding:0 9px}.logo small,.wave small,.tools span{display:none}.logo b{font-size:12px}.wave{width:100px}#stage{height:calc(100vh - 68px)}#zombieYard{inset:75px 0 138px;gap:0;justify-content:space-around}.zombie{width:80px;transform:scale(calc(var(--s)*.72))}.lineup{left:5px;right:5px;padding:10px 5px}.lineup #slots{gap:5px}.slot{width:50px}.mission small{display:none}}