@import url('./assets/fonts.css');
body.endless .health-track,body.endless #wave-dots{display:none}body.endless #health-value{display:block;margin-top:12px}.practice-button.endless-button{border-color:#c2a376a0;background:#ad8e5514}
@media(max-height:680px){body .menu{top:47%}body .menu h1{margin-top:15px;margin-bottom:12px}body .menu p{margin-bottom:20px}body .menu .practice-button{padding-top:11px;padding-bottom:11px}body .best{margin-top:12px}}
.practice-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:15px 24px;width:100%;background:#10191b80;border:1px solid #c2a37670;color:#e7d3b0;transition:background .2s}.practice-button:hover{background:#c2a37620}.practice-button span{font-size:12px;letter-spacing:2px}.practice-button small{font-size:9px;letter-spacing:1.5px;color:#adb5a7}body.practice .health-track,body.practice #wave-dots{display:none}body.practice .health-value{margin-top:12px}body.practice #health-value{display:block;margin-top:12px}.target-marker.dummy{font-size:10px;letter-spacing:2px;color:#e2c597}
#crosshair{display:none!important}
.target-marker{position:absolute;transform:translate(-50%,-50%);font-size:9px;letter-spacing:2px;color:#d8c28c;text-shadow:0 1px 8px #000;transition:opacity .3s}.target-marker:before{content:'';display:inline-block;width:5px;height:5px;transform:rotate(45deg);border:1px solid currentColor;margin-right:7px}.target-marker.bomb{color:#e58965}
:root{color-scheme:dark;--ivory:#e7e2d7;--gold:#c2a376;--red:#9b382e;--muted:#9b9f9a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111717;color:var(--ivory);font-family:Inter,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#arena{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 62% 45%,transparent 22%,#07101435 62%,#020606c4 100%),linear-gradient(90deg,#0b1416c9 0%,#0b14161f 48%,transparent 80%),linear-gradient(0deg,#050909b0,transparent 18%,transparent 82%,#05090970)}body.playing .vignette{background:radial-gradient(ellipse,transparent 35%,#020606ad 100%)}header{position:fixed;inset:0 0 auto;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:29px;height:36px;stroke:var(--gold);fill:none;stroke-width:1.3}.brand>span{font-family:Cinzel,Georgia,serif;font-size:21px;letter-spacing:5px;font-weight:600}.brand i{width:1px;height:16px;background:#ffffff30;margin:0 8px}.brand small{font-size:11px;letter-spacing:2.4px;color:#b3b5a9}.tools{display:flex;gap:9px}.icon-button{background:#0b141637;border:1px solid #ffffff18;display:grid;place-items:center;width:40px;height:40px;transition:.2s}.icon-button:hover{background:#c2a37620;border-color:#c2a37680}.icon-button svg{width:18px;height:18px;fill:none;stroke:#d5d5c9;stroke-width:1.4}.icon-button[aria-pressed="true"] svg{stroke:#7a8079}#pause{display:none}body.playing #pause{display:grid}.menu{position:fixed;left:7%;top:50%;transform:translateY(-44%);z-index:3}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.8px;display:flex;align-items:center;gap:13px;font-weight:600}.eyebrow>span{display:block;width:26px;height:1px;background:var(--gold)}h1{font-family:Cinzel,Georgia,serif;font-size:clamp(56px,6.3vw,101px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:25px 0 19px;text-shadow:0 4px 30px #0006}h1 em{font-style:normal;color:#d0bb91}.menu p{font-size:15px;line-height:1.85;color:#babfb7;margin:0 0 35px}.primary{display:flex;justify-content:center;align-items:center;gap:15px;background:linear-gradient(110deg,#9f4034,#803329);padding:21px 27px;color:#f4eade;font-size:12px;letter-spacing:1.8px;font-weight:600;box-shadow:inset 0 0 0 1px #dd9b6138,0 8px 36px #0003;transition:.25s;min-height:58px}.primary:hover{background:linear-gradient(110deg,#b54e3f,#984033);box-shadow:inset 0 0 0 1px #e0ab6970,0 8px 40px #0004;transform:translateY(-2px)}.primary svg{width:21px;height:21px;stroke:#e0caaa;fill:none;stroke-width:1.2}.best{font-size:11px;letter-spacing:1.5px;color:#c2a37690;margin-top:20px}.location{position:fixed;right:45px;bottom:110px;display:flex;flex-direction:column;text-align:right;gap:9px}.location span{font-size:10px;letter-spacing:2.6px;color:var(--gold)}.location strong{font-size:13px;font-weight:500;letter-spacing:1.8px}.location div{font-size:10px;color:#929b92;letter-spacing:1.6px}.location i{display:inline-block;width:16px;border-top:1px solid #a69575;vertical-align:middle;margin:0 7px 2px 0}.key{display:inline-block;border:1px solid #959d8b;border-radius:5px;height:16px;width:11px;position:relative}.mouse-key:before,.right-click:before{content:'';position:absolute;top:0;left:0;width:4px;height:6px;background:#959d8b;border-radius:4px 0 0 0}.right-click:before{left:auto;right:0;border-radius:0 4px 0 0}.held:before{background:#c2a376}.hidden{display:none!important}.hud{position:fixed;inset:112px 45px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.score>span,.health>span{font-size:10px;letter-spacing:2.4px;color:#bfbfb0;display:block}.score strong{font-family:Cinzel,Georgia,serif;font-size:36px;letter-spacing:3px;display:block;margin-top:5px}.score small{display:block;font-size:10px;letter-spacing:1.8px;color:var(--gold);margin-top:4px}.health{width:160px;text-align:right}.health-track{height:3px;background:#ffffff20;margin:14px 0 9px}.health-track i{height:100%;width:100%;display:block;background:#c6b38a;transition:width .4s}.health small{font-size:10px;letter-spacing:2px;color:#b6b9aa}.wave{text-align:center;margin-top:2px}.wave>span{font-family:Cinzel,Georgia,serif;font-size:19px;letter-spacing:3px}#wave-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}#wave-dots i{width:4px;height:4px;border:1px solid #c2a37670;transform:rotate(45deg)}#wave-dots i.active{background:var(--gold)}#crosshair{position:fixed;left:50%;top:50%;width:32px;height:32px;margin:-16px;pointer-events:none;filter:drop-shadow(0 1px 3px #000)}#crosshair i{position:absolute;inset:12px 0;border-left:1px solid #e4d8b580;border-right:1px solid #e4d8b580}#crosshair i:nth-child(2){inset:0 12px;border:0;border-top:1px solid #e4d8b580;border-bottom:1px solid #e4d8b580}#crosshair span{position:absolute;left:15px;top:15px;width:2px;height:2px;background:#e4d8b5}.announcement{position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap;text-shadow:0 2px 12px #000}.announcement.show{opacity:1}.announcement small{color:var(--gold);font-size:10px;letter-spacing:4px;display:block;margin-bottom:12px}.announcement strong{font-family:Cinzel,Georgia,serif;font-size:32px;font-weight:400;letter-spacing:4px}#hit-feed{position:fixed;inset:0;pointer-events:none;overflow:hidden}.hit-label{position:absolute;color:#e9d5a7;font-family:Cinzel,Georgia,serif;font-size:23px;text-shadow:0 2px 8px #000;animation:hittext .85s forwards}.hit-label small{display:block;text-align:center;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:1px;margin-top:3px}@keyframes hittext{0%{opacity:1;transform:translate(-50%,-10%)}100%{opacity:0;transform:translate(-50%,-90px)}}.damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 50px #9f211e;opacity:0;z-index:2}.modal{position:fixed;inset:0;background:#061012ad;backdrop-filter:blur(7px);z-index:20;display:grid;place-items:center}.panel{width:440px;max-width:90vw;text-align:center;padding:45px 25px}.panel .eyebrow{justify-content:center}.panel h2{font-family:Cinzel,Georgia,serif;font-size:36px;font-weight:500;letter-spacing:1px;margin:23px 0 18px}.panel p{font-size:14px;line-height:1.6;color:#b3bbad;margin-bottom:28px}.panel .primary{width:100%}.secondary{margin:23px auto 0;padding:8px 15px;background:transparent;font-size:10px;letter-spacing:2px;color:#aeb5a6}.secondary:hover{color:var(--gold)}.results{display:flex;justify-content:space-around;margin:32px 0 38px}.results span{display:block;font-size:10px;letter-spacing:2px;color:#aab2a2}.results strong{display:block;font-family:Cinzel,Georgia,serif;font-size:31px;margin-top:10px;color:#ddc49b}#loading{position:fixed;inset:0;background:#10181a;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:30;transition:opacity .8s}#loading .loading-mark{font-family:Cinzel,Georgia,serif;font-size:58px;color:var(--gold);margin-bottom:20px}#loading div{font-size:12px;letter-spacing:3px;color:#d4d2c7}#loading>span:last-child{font-size:10px;letter-spacing:2px;color:#7a8a7f;margin-top:17px}#error{position:fixed;inset:0;z-index:40;background:#10181a;display:grid;align-content:center;justify-content:center;text-align:center;padding:30px}#error button{background:var(--red);padding:20px;margin-top:15px}body.playing{cursor:none}body.playing .tools{cursor:auto}body.paused{cursor:auto}@media(max-width:800px){header{padding:23px 24px}.brand small,.brand i{display:none}.brand>span{font-size:18px}.tools{gap:7px}.icon-button{width:35px;height:35px}.menu{left:7%;top:47%}h1{font-size:clamp(50px,9vw,76px)}.menu p{font-size:14px}.location{right:24px;bottom:100px}.location strong{font-size:10px}.location span,.location div{font-size:9px}.hud{inset:95px 24px auto}.health{width:100px}.score strong{font-size:29px}.wave>span{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.7px}}@media(max-width:500px){.location{display:none}.menu{top:49%}.eyebrow{font-size:9px}.primary{font-size:10px;letter-spacing:1.3px;padding:20px 23px}h1{letter-spacing:-1px}.brand>span{letter-spacing:3px}.score strong{font-size:26px}.health{width:75px}.panel h2{font-size:29px}}


.announcement small:empty{display:none}