body.archer-page{--glass-dark:#1c1030b8;--rim:#ffc4788c;--hud-font:"Black Han Sans", "Jua", system-ui, sans-serif;touch-action:none;color:#fff;background:#2a1846;position:fixed;inset:0;overflow:hidden}#arc-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#arc-join{z-index:5;background:radial-gradient(#1c10301a,#1c10308c);position:fixed;inset:0}#arc-join .card{color:#fff;border:2px solid var(--rim);background:linear-gradient(#301c54eb,#1c1030f0);border-radius:22px;box-shadow:0 0 0 4px #1c103099,0 18px 40px #00000073}#arc-join h1{font-family:var(--hud-font);letter-spacing:.02em;background:linear-gradient(#fff3bf 10%,#ffd43b 45%,#ff922b 90%);color:#0000;-webkit-text-stroke:0;filter:drop-shadow(0 3px #1c1030)drop-shadow(0 0 14px #ff922b73);-webkit-background-clip:text;background-clip:text;font-size:46px;line-height:1}#arc-join .tag{color:#ffffffc7}#arc-join input{color:#fff;background:#ffffff14;border-color:#ffffff38}#arc-join input::placeholder{color:#ffffff80}#arc-join input:focus{border-color:#ffd43b}#arc-join .btn.big{font-family:var(--hud-font);color:#1c1030;letter-spacing:.04em;background:linear-gradient(#ffe066,#ff922b);border-color:#1c1030;font-size:26px;box-shadow:0 6px #1c1030,0 0 18px #ff922b80}#arc-join .btn.ghost{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff4d}#arc-join .look-picks button[aria-pressed=true]{border-color:#ffd43b;box-shadow:0 0 10px #ffd43bcc}#arc-preview{width:220px;height:150px;margin:-6px auto 2px;display:block}#arc-hud{pointer-events:none;position:fixed;inset:0}#arc-hud>*{pointer-events:auto}#arc-hud .btn.small{background:var(--glass-dark);color:#fff;border:1.5px solid var(--rim);box-shadow:0 3px #00000073}#arc-invite{color:#1c1030!important;background:linear-gradient(#ffe066,#ff922b)!important;border-color:#1c1030!important}#arc-top{top:max(8px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));align-items:center;gap:6px;display:flex;position:absolute}#arc-time{top:max(8px, env(safe-area-inset-top));pointer-events:none;text-align:center;min-width:96px;font-family:var(--hud-font);letter-spacing:.06em;color:#fff;background:var(--glass-dark);border:2px solid var(--rim);border-radius:999px;padding:4px 16px 2px;font-size:26px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #0006,inset 0 1px #ffffff26}#arc-time:empty{display:none}#arc-time.hurry{color:#ff6b6b;border-color:#ff6b6b;animation:1s infinite pop}#arc-board{right:max(10px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));pointer-events:none;background:var(--glass-dark);border:1.5px solid var(--rim);border-radius:14px;gap:3px;min-width:170px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;box-shadow:0 4px #00000059}#arc-board li{white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:3px 8px;font-size:13px;display:flex}#arc-board li .rank{font-family:var(--hud-font);text-align:center;color:#fff9;width:16px}#arc-board li:first-child .rank{color:#ffd43b}#arc-board li i{border:2px solid #1c1030;border-radius:50%;flex:none;width:12px;height:12px}#arc-board li span{text-overflow:ellipsis;flex:1;max-width:96px;font-family:Jua,system-ui,sans-serif;overflow:hidden}#arc-board li b{font-family:var(--hud-font);color:#ffd43b;font-size:15px;font-weight:400}#arc-board li.me{background:linear-gradient(90deg,#ffd43b47,#ffd43b0d)}#arc-feed{right:max(10px, env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 150px);pointer-events:none;justify-items:end;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:absolute}#arc-feed li{white-space:nowrap;background:var(--glass-dark);border-left:3px solid #ff6b6b;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-family:Jua,system-ui,sans-serif;font-size:13px;animation:5s forwards feed;display:flex}#arc-feed li.mine{background:#5a3c14cc;border-left-color:#ffd43b}#arc-feed li img{object-fit:contain;width:26px;height:18px}@keyframes feed{0%{opacity:0;transform:translate(16px)}6%,85%{opacity:1;transform:none}to{opacity:0}}#arc-me{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;gap:6px;width:230px;display:grid;position:absolute}#arc-me .hpbar{height:26px;box-shadow:0 0 0 2px var(--rim), 0 4px 0 #0006;background:#1c1030d9;border:2px solid #1c1030;border-radius:13px;position:relative;overflow:hidden}#arc-hpfill{background:linear-gradient(#b2f2bb,#40c057 55%,#2b8a3e);border-radius:11px;width:100%;transition:width .25s;position:absolute;inset:0 auto 0 0}#arc-hpfill.low{background:linear-gradient(#ffc9c9,#fa5252 55%,#c92a2a)}#arc-hp{font-family:var(--hud-font);color:#fff;text-shadow:0 2px #1c1030;place-items:center;font-size:16px;font-weight:400;display:grid;position:absolute;inset:0}#arc-weapon{background:var(--glass-dark);border:1.5px solid var(--rim);border-radius:12px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex;box-shadow:0 4px #00000059}#arc-wimg{object-fit:contain;filter:drop-shadow(0 2px #00000080);width:56px;height:34px}#arc-wname{flex:1;font-family:Jua,system-ui,sans-serif;font-size:15px}#arc-ammo{font-family:var(--hud-font);color:#ffd43b;font-size:20px;font-weight:400}#arc-pad{pointer-events:none;width:132px;height:132px;left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle,#ffffff1f,#ffffff0a);border:2px solid #ffd43b73;border-radius:50%;display:none;position:absolute}#arc-pad i{background:radial-gradient(circle at 35% 30%,#fff3bf,#ffd43b 55%,#f08c00);border:2px solid #1c1030;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}body.touch #arc-pad{display:block}body.touch #arc-me{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 46px);width:190px}body.touch #arc-me .hpbar{height:20px}body.touch #arc-wimg{width:40px;height:26px}#arc-hint,#arc-hint-touch{bottom:max(12px, env(safe-area-inset-bottom));white-space:nowrap;color:#fff;background:var(--glass-dark);border:1px solid var(--rim);pointer-events:none;border-radius:10px;margin:0;padding:4px 12px;font-size:13px;transition:opacity 1s;position:absolute;left:50%;transform:translate(-50%)}#arc-hint-touch{white-space:normal;text-align:center;width:min(92vw,520px);display:none}body.touch #arc-hint{display:none}body.touch #arc-hint-touch{bottom:calc(170px + env(safe-area-inset-bottom));display:block}#arc-rotate{pointer-events:none;font-family:var(--hud-font);color:#fff;text-shadow:0 2px #1c1030;margin:0;font-size:20px;animation:4s forwards toast;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){body.touch #arc-rotate{display:block}}#arc-toasts{pointer-events:none;z-index:2;justify-items:center;gap:4px;display:grid;position:absolute;top:58px;left:50%;transform:translate(-50%)}#arc-toasts p{background:var(--glass-dark);border:1.5px solid var(--rim);color:#fff;white-space:nowrap;border-radius:999px;margin:0;padding:5px 14px;font-family:Jua,system-ui,sans-serif;font-size:15px;animation:3s forwards toast}#arc-down{text-align:center;pointer-events:none;background:radial-gradient(#780a1e26,#3c00148c);place-content:center;gap:6px;display:grid;position:absolute;inset:0}#arc-down b{font-family:var(--hud-font);letter-spacing:.04em;background:linear-gradient(#fff 10%,#ff8787 60%,#c92a2a);color:#0000;filter:drop-shadow(0 4px #1c1030)drop-shadow(0 0 20px #ff3c3c99);-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:400;line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) ko}#arc-down span{text-shadow:0 2px #1c1030;font-family:Jua,system-ui,sans-serif;font-size:18px}#arc-down em{font-family:var(--hud-font);color:#ffd43b;text-shadow:0 3px #1c1030;font-size:40px;font-style:normal}@keyframes ko{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:none}}#arc-results{z-index:3;border:2px solid var(--rim);text-align:center;color:#fff;background:linear-gradient(#301c54f2,#1c1030f5);border-radius:22px;width:min(380px,92vw);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #1c103099,0 18px 40px #00000080}#arc-results h2{font-family:var(--hud-font);color:#ffd43b;text-shadow:0 3px #1c1030;margin-bottom:12px;font-size:30px}#arc-results ol{text-align:left;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}#arc-results li{background:#ffffff12;border:1.5px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:7px 12px;display:flex}#arc-results li:first-child{background:linear-gradient(90deg,#ffd43b59,#ffd43b14);border-color:#ffd43bb3}#arc-results li.me{box-shadow:inset 0 0 0 2px #ffd43b}#arc-results li em{text-align:center;width:30px;font-size:24px;font-style:normal}#arc-results li span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Jua,system-ui,sans-serif;font-size:16px;overflow:hidden}#arc-results li small{font-family:var(--hud-font);color:#fffc;font-size:15px}#arc-results .muted{color:#fff9}#arc-net{background:var(--danger);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;position:absolute;top:60px;left:50%;transform:translate(-50%)}@media (max-width:560px),(max-height:460px){#arc-board{min-width:130px;padding:4px}#arc-board li{gap:5px;padding:2px 6px;font-size:11px}#arc-feed{top:calc(max(8px, env(safe-area-inset-top)) + 120px)}#arc-time{min-width:76px;font-size:20px}#arc-invite{font-size:12px}}