club-hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-size:15px}club-hud>*{pointer-events:auto}hud-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}zone-pill{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:var(--shape-full);background:#221c3adb;backdrop-filter:blur(10px)}zone-name{font-size:18px;font-weight:600}zone-count{display:flex;align-items:center;gap:6px;color:var(--on-surface-variant);font-weight:500}zone-count m-symbol{font-size:20px}net-dot{width:12px;height:12px;border-radius:var(--shape-full);transition:background var(--motion-fast)}net-dot[state=on]{background:#5cd65c;box-shadow:0 0 12px #5cd65c}net-dot[state=off]{background:var(--error)}chat-box{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px))}chat-log{display:flex;flex-direction:column;gap:4px;max-height:30vh;overflow:hidden}chat-line{display:flex;gap:8px;padding:7px 14px;border-radius:var(--shape-m);background:#171326b8;animation:chat-in var(--motion-spring) both}@keyframes chat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}chat-who{font-weight:600;color:var(--secondary);white-space:nowrap}chat-text{color:var(--on-surface);word-break:break-word}chat-bar{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;border-radius:var(--shape-full);background:#221c3aeb}chat-bar input{flex:1;border:none;background:none;color:var(--on-surface);font-family:var(--font);font-size:15px;outline:none}chat-send{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--shape-full);background:var(--primary);color:var(--on-primary);cursor:pointer;transition:transform var(--motion-spring)}chat-send:active{transform:scale(.9)}action-prompt{position:absolute;left:50%;bottom:108px;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:var(--shape-full);background:var(--secondary);color:var(--on-secondary);font-weight:600;cursor:pointer;transform:translate(-50%);transition:opacity var(--motion-fast),transform var(--motion-spring)}action-prompt[state=hidden]{opacity:0;transform:translate(-50%) translateY(14px) scale(.9);pointer-events:none}action-button{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:68px;height:68px;border-radius:var(--shape-l);background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:0 10px 26px #0006;transition:transform var(--motion-spring)}action-button m-symbol{font-size:34px}action-button:active{transform:scale(.9)}mancha-panel{position:absolute;top:74px;left:50%;display:flex;align-items:center;gap:12px;padding:10px 20px;border-radius:var(--shape-full);background:#221c3ae6;transform:translate(-50%);transition:opacity var(--motion-fast),transform var(--motion-spring)}mancha-panel[state=hidden]{opacity:0;transform:translate(-50%) translateY(-12px);pointer-events:none}mancha-panel[state=mine]{background:var(--error);color:#2a0b0b;animation:mancha-pulse .9s ease-in-out infinite alternate}@keyframes mancha-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.06)}}mancha-who{font-weight:600}mancha-clock{font-variant-numeric:tabular-nums;color:var(--on-surface-variant)}mancha-panel[state=mine] mancha-clock{color:#5c1c1c}toast-stack{position:absolute;top:74px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}toast-item{padding:9px 16px;border-radius:var(--shape-full);background:#171326db;color:var(--on-surface-variant);font-size:14px;animation:chat-in var(--motion-spring) both}@media(max-width:640px){chat-box{width:calc(100vw - 110px)}action-button{width:60px;height:60px}}@media(pointer:coarse)and (orientation:portrait){chat-box{bottom:158px;width:calc(100vw - 32px)}action-prompt{top:126px;bottom:auto}action-prompt[state=hidden]{transform:translate(-50%) translateY(-14px) scale(.9)}}