:root{font-family:Inter,Arial,sans-serif;color:#eaf0ee;background:#101b24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #71867f55;background:#233630;color:#e8f1ed;padding:13px 20px;font-weight:700;letter-spacing:.03em}button:hover{background:#395249}button.primary{background:#ddedb2;color:#172821;border-color:#ddedb2}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #ddedb2;outline-offset:4px}input{background:#091b23b8;border:1px solid #83989666;color:white;padding:13px;width:100%;margin:8px 0 15px}label{font-size:12px;color:#bed0cd;letter-spacing:.07em}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.overlay{position:fixed;inset:0;background:linear-gradient(90deg,#081721f2 0%,#081721d9 36%,#08172135 80%);display:flex;align-items:center;padding:6vw}.panel{width:min(470px,100%)}.eyebrow{font-size:11px;letter-spacing:.23em;color:#dcecac;font-weight:700}.brand{font-size:clamp(42px,5.8vw,84px);letter-spacing:-.055em;line-height:.95;margin:25px 0 15px;font-weight:800}.subtitle{font-size:17px;letter-spacing:.18em;color:#d7e1d9}.description{font-size:14px;line-height:1.7;color:#b4c6cb;max-width:440px}.rule{height:1px;background:#aec2ba40;margin:25px 0}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.row input{margin:0;text-transform:uppercase;letter-spacing:.2em}.actions{display:grid;gap:12px;margin-top:12px}.notice{font-size:11px;color:#93a8b1;line-height:1.6;margin-top:24px}.tag{position:fixed;right:30px;bottom:26px;font-size:10px;letter-spacing:.15em;color:#c4d2d5}.error{color:#ffd0a8;min-height:20px;font-size:13px}.code{font-size:32px;letter-spacing:.2em;margin:16px 0;color:#e1edb9}.roster{list-style:none;padding:0;display:grid;gap:8px}.roster li{padding:10px 13px;background:#19333bbd;font-size:13px;display:flex;justify-content:space-between}.roster small{color:#a8c98c}.hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 4px #0008}.top{position:absolute;left:30px;top:28px;max-width:470px}.top h2{font-size:22px;margin:8px 0}.top p{font-size:12px;line-height:1.6;max-width:360px;color:#c6d8dd}.progress{height:4px;background:#76969b66;width:280px;margin-top:15px}.progress i{display:block;background:#dcecaa;height:100%;width:0}.right{position:absolute;right:25px;top:24px;text-align:right;font-size:12px;line-height:1.8}.bottom{position:absolute;bottom:28px;left:30px;display:flex;gap:30px}.stat strong{font-size:36px;letter-spacing:-.06em}.stat small{display:block;font-size:10px;letter-spacing:.2em;color:#b8d0d0}.ammo{position:absolute;right:30px;bottom:28px;font-size:34px}.ammo small{font-size:12px;color:#b8d0d0}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:#eff6d6;font-weight:200}.hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.06em;color:#b7cacc;text-align:center}.hit{color:#ffb25c;font-size:34px}.damage{position:fixed;inset:0;box-shadow:inset 0 0 100px #e7422380;pointer-events:none}.modal{background:#07161ddd;backdrop-filter:blur(8px);justify-content:center}.modal .panel{background:#12252e;border:1px solid #536c7055;padding:35px}.modal h2{margin:0 0 20px}.settings{display:grid;gap:10px;margin:20px 0}.settings input{width:auto;margin:0}.settings label{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud button{pointer-events:auto;padding:5px 10px;font-size:11px}.pill{font-size:11px;padding:5px 8px;border:1px solid #6d8978;color:#ddecaa}.hidden{display:none!important}@media(max-width:700px){.overlay{padding:25px}.brand{font-size:50px}.top{left:15px;top:15px}.right{right:15px}.tag{display:none}.notice{margin-top:14px}.rule{margin:16px 0}}
.overlay{overflow-y:auto}@media(max-height:740px){.overlay{align-items:flex-start;padding-top:25px;padding-bottom:25px}.brand{font-size:52px;margin:16px 0}.notice{margin-top:14px}.rule{margin:16px 0}}