@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
:root{--gold:#c7ac72;--mint:#b8e3cc}*{box-sizing:border-box}body{margin:0;background:#111c1a;color:#e4e7d8;font-family:Arial,"Noto Serif SC",serif;overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 60%,#34504433,transparent 65%),repeating-linear-gradient(120deg,transparent 0 120px,#9da38503 121px 122px)}main{height:100dvh;min-height:600px;display:flex;align-items:center;justify-content:center;padding:20px}.game-shell{width:min(520px,calc((100dvh - 40px)*.62));border:1px solid #6b80674d;border-radius:14px;padding:7px;background:#18251f;box-shadow:0 24px 70px #0006,0 0 0 5px #d0c08d03;position:relative}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#94c6ac;box-shadow:0 0 8px #78dfac55}.game-top{display:flex;align-items:center;height:37px;gap:8px;padding:0 10px;font-size:10px;color:#bfcbb6}.game-top .dot{margin-right:6px}#wave{margin-left:auto;color:#7c9482;font-size:9px}button{font:inherit;cursor:pointer}#pause{background:transparent;border:0;color:#d9dab9;font-size:17px;width:27px}.arena{width:100%;aspect-ratio:.59;position:relative;overflow:hidden;border:1px solid #8c9c7420;border-radius:7px;touch-action:none;background:#1d392f}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:19px;left:15px;right:15px;display:flex;align-items:center;gap:9px;pointer-events:none}.avatar{border:1px solid #d6bd7d77;background:#203e36;color:#dbc99b;font:20px serif;width:35px;height:36px;display:grid;place-items:center;border-radius:6px}.vitals{flex:1}.vitals>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.vitals b{font-weight:400}.vitals span{font-size:8px;color:#d5c49c}.health{height:5px;background:#0a221c;margin-top:8px;border-radius:2px;overflow:hidden}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#539c80,#b9d9a2);transition:width .2s}.timer{font:17px Georgia;letter-spacing:1px;margin-left:9px}.kills{border-left:1px solid #aec0a52b;padding-left:9px;text-align:center}.kills span{display:block;font-size:8px;color:#a8baa3}.kills b{font:17px Georgia}.xp{position:absolute;top:0;left:0;right:0;height:3px;background:#071f1966}.xp i{display:block;width:0;height:100%;background:#d5bd76;transition:width .2s}.location{position:absolute;top:83px;right:20px;font:18px "Noto Serif SC",serif;writing-mode:vertical-rl;letter-spacing:5px;opacity:.48;pointer-events:none}.location small{font-size:8px;margin-right:6px;letter-spacing:2px}.bottomhud{position:absolute;bottom:19px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.bottomhud>span{font-size:8px;color:#bbceb1aa}.bottomhud>div{display:flex;gap:7px}.skill{width:33px;height:35px;border:1px solid #91ae8650;border-radius:5px;background:#112c28aa;color:#8eae9d;display:grid;place-items:center;font:18px serif;position:relative}.skill.active{color:#e1d7ac;border-color:#d0b97777}.skill small{position:absolute;right:2px;bottom:0;font:8px Arial}.game-footer{height:29px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px 0;font-size:9px;color:#8b9d86}.game-footer button{background:none;border:0;color:#a5b59b;font-size:9px}.overlay{position:absolute;inset:0;background:linear-gradient(#0b201b44,#0a201bdd 55%,#0c231eea);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;backdrop-filter:blur(2px)}.overlay.hidden{display:none}.start-symbol{width:76px;height:76px;border:1px solid #c6b67b66;transform:rotate(45deg);font:43px serif;display:grid;place-items:center;color:#e6d2a2;margin-bottom:40px;box-shadow:0 0 50px #cbd79a13}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold)}.overlay .eyebrow{font-size:8px;letter-spacing:3px}.overlay h2{font:600 32px "Noto Serif SC",serif;letter-spacing:5px;margin:17px 0}.overlay p{font-size:11px;line-height:2.2;color:#a7bba7}.overlay strong{color:#ddc58d;font-weight:400}.primary{border:1px solid #e3cf90;background:linear-gradient(100deg,#cfba80,#e4d4a0);color:#253b2b;min-height:47px;width:230px;border-radius:3px;letter-spacing:4px;font-size:14px;margin:24px 0 16px;box-shadow:0 7px 24px #0003}.primary span{margin-left:28px}.overlay>small{font-size:8px;color:#7c9a89}.best{font-size:9px;color:#b5b88e;margin-top:20px}.choice{width:100%;text-align:left;border:1px solid #aac79c44;background:#29463bcc;color:#e1e9d3;border-radius:6px;padding:15px;margin:6px 0;font-size:14px}.choice small{display:block;font-size:10px;line-height:1.7;color:#a9bba3;margin-top:6px}.choice:hover{border-color:var(--gold);background:#395548}#toast{position:absolute;top:28%;width:100%;text-align:center;color:#efddab;font:18px "Noto Serif SC",serif;pointer-events:none;text-shadow:0 2px 10px #000}.joystick{display:none;position:absolute;width:90px;height:90px;border:1px solid #d0e6c94d;background:#a4d8bd15;border-radius:50%;pointer-events:none}.joystick i{position:absolute;left:28px;top:28px;width:32px;height:32px;background:#b5dec766;border:1px solid #cdeed799;border-radius:50%}@media(max-width:720px){main{padding:0;min-height:0;height:100dvh}.game-shell{width:min(100vw,calc((100dvh - 57px)*.59));border:0;border-radius:0;padding:0;box-shadow:none}.game-top{height:31px}.game-footer{height:26px}.arena{border-radius:0;border:0}.overlay h2{font-size:30px}}