.avatar-frame:has(>.voice-spectrum-ring){position:relative}.voice-spectrum-ring{pointer-events:none;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-invite-prompt{left:50%;top:calc(.75rem + env(safe-area-inset-top,0px));z-index:9999;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);color:#fff;background:#000000d9;border-radius:9999px;align-items:center;gap:.5rem;max-width:calc(100vw - 2rem);padding:.45rem .75rem;font-size:.8rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.voice-invite-btn{color:#ffffffd9;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;flex-shrink:0;padding:.25rem .65rem;font-size:.72rem;font-weight:600;transition:background .15s}.voice-invite-btn:hover{background:#fff3}.voice-invite-btn.voice-invite-accept{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 80%, transparent);color:#fff}.voice-invite-btn.voice-invite-accept:hover{background:var(--accent)}.player-chat-bubble{z-index:9000;pointer-events:auto;will-change:transform;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)}.player-chat-bubble-body{color:#23232e;transform-origin:12% 100%;cursor:pointer;background:#faf8f4;border-radius:16px;align-items:flex-start;gap:6px;padding:8px 10px 9px;animation:.18s cubic-bezier(.2,.9,.3,1.25) both playerChatIn;display:flex;position:relative;box-shadow:0 4px 14px #00000061,0 0 0 1px #14141e1f}.player-chat-bubble[data-side=left] .player-chat-bubble-body{transform-origin:88% 100%}.player-chat-bubble[data-pinned=true] .player-chat-bubble-body{box-shadow:0 4px 14px #00000061, 0 0 0 2px var(--accent,#f59e0b)}.player-chat-bubble-body.leaving{animation:.2s ease-in both playerChatOut}.player-chat-bubble-tail{fill:#faf8f4;width:16px;height:15px;position:absolute;top:calc(100% - 5px);left:12px;overflow:visible}.player-chat-bubble[data-side=left] .player-chat-bubble-tail{left:auto;right:12px;transform:scaleX(-1)}.player-chat-bubble-text{overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;flex:1;min-width:0;font-size:.82rem;line-height:1.3}.player-chat-bubble-report{color:#8a1c1c;opacity:.55;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:-3px -4px -3px 0;transition:opacity .15s,background .15s;display:inline-flex}.player-chat-bubble-report:hover{opacity:1;background:#8a1c1c1a}@keyframes playerChatIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes playerChatOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.arena-chat-composer{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:9999;border:1px solid color-mix(in srgb, var(--accent,#f59e0b) 55%, transparent);background:#000000e0;border-radius:9999px;align-items:center;gap:6px;width:min(420px,100vw - 2rem);padding:6px 6px 6px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.arena-chat-composer-input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:.85rem}.arena-chat-composer-input::placeholder{color:#ffffff73}.arena-chat-composer-count{color:#ffffff73;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.65rem}.arena-chat-composer-send,.arena-chat-composer-close{width:32px;height:32px;color:var(--accent-light,#fcd34d);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.arena-chat-composer-send:hover:not(:disabled),.arena-chat-composer-close:hover{background:#ffffff2e}.arena-chat-composer-send:disabled{opacity:.4;cursor:not-allowed}.arena-chat-composer-close{color:#ffffffb3;font-size:1.1rem;line-height:1}.arena-top-btn{border:1px solid color-mix(in srgb, var(--pt-frame,#c9a84c) 50%, transparent);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--pt-primary,#2a2a36) 55%, #000) 0%, #000000e6 85%);width:40px;height:40px;color:var(--pt-icon,#c9a84c);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff14}.arena-top-btn:hover:not(:disabled){border-color:var(--accent,#f59e0b);box-shadow:0 6px 16px #0000008c, 0 0 10px color-mix(in srgb, var(--accent,#f59e0b) 45%, transparent);transform:translateY(-1px)}.arena-top-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent,#f59e0b) 70%, transparent);outline-offset:2px}.arena-top-btn.is-active,.arena-top-btn[aria-pressed=true]{border-color:var(--accent,#f59e0b);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent,#f59e0b) 55%, #000) 0%, #000000e6 85%)}.arena-top-btn.is-alert{border-color:var(--accent,#f59e0b);box-shadow:0 4px 12px #00000080, 0 0 0 3px color-mix(in srgb, var(--accent,#f59e0b) 35%, transparent)}.arena-top-btn:disabled{opacity:.55;cursor:not-allowed}.arena-top-btn .arena-top-btn-rotate{transition:transform .25s}.arena-top-btn.is-open .arena-top-btn-rotate{transform:rotate(180deg)}@media (hover:none),(pointer:coarse){.arena-top-btn{box-shadow:none;transition:none}}
@keyframes target-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.current-phase-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:4px;margin-top:6px;padding-top:6px;display:flex}.action-chip{text-transform:capitalize;color:#7bb8ff;background:#4a9eff1f;border-radius:6px;padding:2px 7px;font-size:9px}.response-chip{color:#ff9f6b;background:#ff6b351f;border-radius:6px;padding:2px 7px;font-size:9px}.response-banner-compact{background:linear-gradient(135deg,#ff6b3526,#f7931e26);border:1px solid #ff6b3559;border-radius:10px;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;font-size:11px;display:flex}.response-banner-compact.can-respond{background:linear-gradient(135deg,#4ade8026,#22c55e26);border-color:#4ade8080}.response-title-mini{color:#ff9f6b;font-weight:700}.response-banner-compact.can-respond .response-title-mini{color:#86efac}.response-trigger-mini{color:#aaa;text-transform:capitalize;margin-left:auto}.arena-player-phase-panel{isolation:isolate;color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;padding-bottom:14px;display:flex;position:relative}.arena-player-phase-panel:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;position:absolute;inset:0}.arena-player-phase-panel.fixed-top{z-index:300;padding-top:env(safe-area-inset-top,0px);position:fixed;top:0;left:50%;transform:translate(-50%)}.arena-player-phase-panel.fixed-bottom{z-index:300;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:50%;transform:translate(-50%)}.arena-player-phase-panel.active-turn{border-color:#22c55e80;box-shadow:0 0 24px #22c55e26,0 10px 30px #00000059}.arena-player-phase-panel.pending-target{cursor:var(--cursor-crosshair)}.arena-player-phase-panel.pending-target:after{animation:1.5s infinite target-pulse;box-shadow:0 0 0 5px #ff4444b3,0 0 20px #f446}.arena-player-phase-panel.compact{border-radius:18px;flex-direction:row;gap:12px;padding:10px 16px}.arena-player-phase-panel-inner{flex-direction:column;align-items:center;gap:10px;display:flex}.arena-player-phase-panel-inner.compact{flex-direction:column;align-items:center;gap:12px}.arena-player-phase-panel-inner.full{width:100%;max-width:640px}.avatar-frame{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}@media (hover:hover){.avatar-frame:hover{transform:scale(1.05)}}.avatar-frame-gold{background:linear-gradient(135deg,#b8860b,#fff3a7,#d4af37);box-shadow:0 0 16px #d4af3773}.avatar-frame-silver{background:linear-gradient(135deg,#71717a,#f4f4f5,#a1a1aa);box-shadow:0 0 16px #a1a1aa73}.avatar-frame-mystic{background:linear-gradient(135deg,#6366f1,#c084fc,#8b5cf6);box-shadow:0 0 16px #8b5cf673}.avatar-frame-dark{background:linear-gradient(135deg,#18181b,#52525b,#27272a);box-shadow:0 0 16px #27272a73}.avatar-frame-ruby{background:linear-gradient(135deg,#be123c,#fb7185,#f43f5e);box-shadow:0 0 16px #f43f5e73}.avatar-frame-inner{background:#111;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-initials{color:#fff;text-shadow:0 1px 2px #00000080;font-weight:900}.player-info{flex-direction:column;align-items:center;gap:6px;display:flex}.player-info.compact{align-items:flex-center}.player-name{color:#fff;text-shadow:1px 1px 2px #00000080;font-size:1rem;font-weight:800}.current-phase-name{color:#4a9eff;white-space:nowrap;font-size:12px;font-weight:600}.stat-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.player-info.compact .stat-badges{justify-content:flex-start}.stat-badge{background:#ffffff14;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.stat-icon{font-size:.85rem}.stat-value{font-variant-numeric:tabular-nums}.player-zone-counts{color:#fff9;flex-wrap:wrap;gap:10px;font-size:.7rem;display:flex}.phase-arc{--arc-rx:220px;--arc-ry:55px;--arc-width:calc(var(--arc-rx) * 2 + 60px);--arc-item-size:40px;--arc-item-scale:1;--arc-item-radius:50%;--arc-item-clip:none;--arc-item-bg:#0b0b0beb;--arc-item-border:#ffffff26;--arc-item-active-bg:#cf8b1dfa;--arc-item-active-border:#ff804acc;--arc-item-completed-bg:#4ecdc41f;--arc-item-completed-opacity:.7;--arc-image-fit:cover;--arc-line-color:#d4af3759;--arc-label-size:10px;--arc-label-color:#ffffffd9;--arc-label-max-width:72px;--arc-label-transform:none;--arc-item-box:calc(var(--arc-item-size) * var(--arc-item-scale));--arc-frame-width:max(2px, calc(var(--arc-item-box) * .07));width:var(--arc-width);align-self:center;max-width:100%;margin:0 auto;position:relative}.phase-arc.above{margin-bottom:0}.phase-arc.below{margin-top:0}.phase-arc-rail path{fill:none;stroke:var(--arc-line-color);stroke-width:2px;stroke-linecap:round}.phase-arc-item{box-sizing:border-box;width:100%;height:100%;padding:var(--arc-frame-width);border-radius:var(--arc-item-radius);clip-path:var(--arc-item-clip);background:linear-gradient(155deg, #fff9 0%, var(--arc-item-border) 45%, #0000008c 100%), linear-gradient(155deg, #d9d9d9 0%, #7a7a7a 45%, #1c1c1c 100%);filter:drop-shadow(0 2px 3px #0009);transform:scale(var(--arc-item-pop,1));z-index:2;justify-content:center;align-items:center;font-size:14px;transition:transform .2s,filter .2s;display:flex;position:absolute;inset:0;overflow:hidden}@media (hover:hover){.phase-arc-item-wrapper:hover .phase-arc-item{--arc-item-pop:1.1;filter:drop-shadow(0 3px 5px #000000a6)brightness(1.08)}}.phase-arc-item:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(#ffffff38 0%,#fff0 42%);position:absolute;inset:0}.phase-arc-item-face{border-radius:inherit;width:100%;height:100%;clip-path:var(--arc-item-clip);background:var(--arc-item-bg);z-index:2;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 6px #00000080}.phase-arc-image{object-fit:var(--arc-image-fit);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.phase-arc-item-label{z-index:4;max-width:var(--arc-label-max-width);font-size:var(--arc-label-size);color:var(--arc-label-color);text-transform:var(--arc-label-transform);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 3px #000000d9;line-height:1.1;position:absolute;top:50%;left:50%;overflow:hidden}.phase-arc-item-label.current{color:#fff;font-weight:600}.phase-arc-item-wrapper{width:var(--arc-item-box);height:var(--arc-item-box);z-index:2;transition:transform .32s,opacity .32s;animation:.32s both phase-arc-item-in;position:absolute}.phase-arc-item-wrapper.current{z-index:10}.phase-arc-item-wrapper:hover{z-index:20}.phase-arc-item-wrapper.suggest-advance .phase-arc-btn.advance-btn{background:#fbbf2447;animation:1.4s ease-in-out infinite advance-suggest;box-shadow:0 0 0 4px #fbbf2459}.phase-arc-action-btn.suggested{animation:1.4s ease-in-out infinite advance-suggest-menu;box-shadow:0 0 0 2px #fbbf248c,0 0 18px #fbbf2473}@keyframes advance-suggest{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes advance-suggest-menu{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.phase-arc-item-wrapper.suggest-advance .phase-arc-btn.advance-btn,.phase-arc-action-btn.suggested{animation:none}}.phase-arc-tooltip{z-index:30;color:#101010;white-space:nowrap;text-align:center;opacity:0;transform-origin:50% 100%;pointer-events:none;background:radial-gradient(at 50% 0,#fff 0%,#f1f1f1 45%,#d6d6d6 100%);border-radius:999px;max-width:180px;padding:.28rem .7rem;font-size:11px;font-weight:700;line-height:1.2;transition:opacity 90ms 50ms,transform 90ms 50ms;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)scale(.9);box-shadow:0 0 0 2px #9a9a9a,inset 0 1px #fffffff2,inset 0 -2px 4px #00000029,0 4px 10px #00000073}.phase-arc-tooltip:after{content:"";background:#dcdcdc;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-55%)rotate(45deg);box-shadow:1px 1px #9a9a9a}.phase-arc-item-wrapper:hover .phase-arc-tooltip,.phase-arc-item-wrapper:focus-within .phase-arc-tooltip{opacity:1;transition-delay:40ms;transform:translate(-50%)scale(1)}.phase-arc.below .phase-arc-tooltip{transform-origin:50% 0;top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-4px)scale(.9)}.phase-arc.below .phase-arc-tooltip:after{top:auto;bottom:100%;transform:translate(-50%,55%)rotate(45deg);box-shadow:-1px -1px #9a9a9a}.phase-arc.below .phase-arc-item-wrapper:hover .phase-arc-tooltip,.phase-arc.below .phase-arc-item-wrapper:focus-within .phase-arc-tooltip{transform:translate(-50%)scale(1)}.phase-arc-item-wrapper.leaving .phase-arc-tooltip{display:none}.phase-arc-item-wrapper.unavailable{opacity:.32;filter:grayscale()}.phase-arc-item-wrapper.leaving{opacity:0;pointer-events:none;z-index:1}.phase-arc-item-wrapper.leaving .phase-arc-item{--arc-item-pop:.55}.phase-arc-item-wrapper.leaving .phase-arc-item-label{opacity:0}@keyframes phase-arc-item-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.phase-arc-item-wrapper{transition:none;animation:none}}.phase-arc-dots{pointer-events:none;z-index:3;position:absolute;inset:0}.phase-arc-dot-outer{pointer-events:none;width:5px;height:5px;margin-top:-2.5px;margin-left:-2.5px;position:absolute;top:50%;left:50%}.phase-arc-dot-marker{background:#fff;border-radius:50%;width:100%;height:100%;animation:1.6s ease-in-out infinite dot-pulse;display:block;box-shadow:0 0 6px #ffffffe6,0 0 10px #ffffff80}@keyframes dot-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.phase-arc-item.current{background:linear-gradient(155deg, #ffffffb3 0%, var(--arc-item-active-border) 45%, #00000073 100%), linear-gradient(155deg, #ffe6bd 0%, #c98a3a 45%, #4a2708 100%);--arc-item-pop:1.06;filter:drop-shadow(0 2px 4px #000000a6)drop-shadow(0 0 10px #ffd68a73)}.phase-arc-item.current .phase-arc-item-face{background:var(--arc-item-active-bg);box-shadow:inset 0 1px #ffffff80,inset 0 -3px 7px #00000073}.phase-arc-item.completed{opacity:var(--arc-item-completed-opacity)}.phase-arc-item.completed .phase-arc-item-face{background:var(--arc-item-completed-bg)}.phase-arc-avatar{z-index:3;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.phase-arc-avatar-content{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.phase-arc.above .phase-arc-avatar{top:auto;bottom:0}.phase-arc.below .phase-arc-avatar{top:0;bottom:auto}.phase-arc-btn{border-radius:inherit;width:100%;height:100%;cursor:var(--cursor-pointer);color:#fff;background:#ffffff1f;border:none;justify-content:center;align-items:center;font-size:18px;transition:transform .2s;display:flex}@media (hover:hover){.phase-arc-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}}.phase-arc-btn:disabled{opacity:.4;cursor:var(--cursor-not-allowed)}.phase-arc-item-wrapper .phase-arc-btn.advance-btn:disabled{pointer-events:none}.phase-arc-btn.abandon-btn{color:#fca5a5;background:#ef444433}.phase-arc-btn.advance-btn{background:#2d2d2d40}.phase-arc-dot{font-size:16px;line-height:1}.phase-arc-action-menu-portal{z-index:9999;pointer-events:auto;background:0 0;border:none;border-radius:12px;flex-direction:column;gap:6px;min-width:150px;max-width:calc(100vw - 16px);padding:8px;display:flex;position:fixed;transform:translateY(-50%)}.phase-arc-action-btn{text-transform:capitalize;justify-content:center;width:100%;min-height:40px}.phase-arc-action-menu-bridge{pointer-events:auto;background:0 0;width:50px;height:56px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.phase-arc-btn.advance-btn{cursor:var(--cursor-default)}.phase-arc-btn.advance-btn:disabled{opacity:1;cursor:var(--cursor-default)}.phase-control-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;padding:0 8px;display:flex}.phase-control-chip{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:clamp(9px,2.4vw,11px);font-weight:700;line-height:1.4;display:inline-flex}.phase-control-icon{font-size:1.05em;line-height:1}.phase-control-chip.controller.mine{color:#bbf7d0;background:linear-gradient(135deg,#4ade802e,#22c55e1f);border-color:#4ade808c}.phase-control-chip.controller.theirs{color:#f5e6a8;background:linear-gradient(135deg,#d4af3729,#b8860b1a);border-color:#d4af3780}.phase-control-chip.switch{color:#ddd6fe;background:linear-gradient(135deg,#8b5cf62e,#6366f11f);border-color:#8b5cf68c}.phase-control-chip.both{color:#bfdbfe;background:linear-gradient(135deg,#3b82f629,#2563eb1a);border-color:#3b82f680}.phase-control-chip.simultaneous{border-color:#ffffff29;gap:4px}.phase-control-chip.mini{padding:2px 8px;font-size:clamp(8px,2.2vw,10px)}.phase-ready-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:clamp(8px,2.2vw,10px);font-weight:700;display:inline-flex}.phase-ready-pill.ready{color:#86efac;background:#4ade802e}.phase-ready-pill.waiting{color:#fde68a;background:#facc1529}.phase-controller-avatar{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.phase-controller-avatar .avatar-frame{isolation:isolate;transition:filter .3s,opacity .3s,transform .2s;position:relative}.arena-player-phase-panel:not(.phase-controller) .phase-controller-avatar .avatar-frame,.arena-player-phase-panel.phase-controller .phase-controller-avatar .avatar-frame{filter:none;opacity:1}.phase-controller-aura{--controller-color:242, 10, 68;pointer-events:none;z-index:-1;opacity:0;box-shadow:0 0 0 4px rgba(var(--controller-color), .9), 0 0 0 12px rgba(var(--controller-color), .2), 0 0 44px rgba(var(--controller-color), .65);border-radius:50%;transition:opacity .5s;position:absolute;inset:0}.arena-player-phase-panel.phase-controller .phase-controller-aura{opacity:1}.phase-controller-aura:after{content:"";box-shadow:0 0 0 4px rgba(var(--controller-color), 1), 0 0 0 18px rgba(var(--controller-color), .14), 0 0 60px rgba(var(--controller-color), .8);border-radius:50%;animation:1.6s ease-in-out infinite controller-pulse;position:absolute;inset:0}.phase-controller-aura:before{content:"";background:conic-gradient(from 0deg, rgba(var(--controller-color), 0) 0deg, rgba(var(--controller-color), .95) 90deg, rgba(var(--controller-color), 0) 180deg, rgba(var(--controller-color), .95) 270deg, rgba(var(--controller-color), 0) 360deg);-webkit-mask-composite:xor;border-radius:50%;padding:4px;animation:2.4s linear infinite controller-spin;position:absolute;inset:-15px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.arena-player-phase-panel.phase-controller .phase-arc-item.current{box-shadow:0 0 0 2px #4ade80bf,0 0 18px #4ade808c}.phase-controller-badge{z-index:5;color:#fef2f2;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 2px #0009;background:linear-gradient(135deg,#991b1bf2,#b91c1cf2);border:1px solid #f87171d9;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:10px;font-weight:800;line-height:1.4;animation:.35s ease-out controller-badge-in;display:inline-flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000073,0 0 12px #ef444466}.phase-controller-badge.response{background:linear-gradient(135deg,#b45309f2,#d97706f2);border-color:#fbbf24d9;box-shadow:0 2px 10px #00000073,0 0 12px #fbbf2466}.phase-controller-badge.mini{padding:1px 6px;font-size:11px;bottom:-4px}.phase-controller-badge-icon{font-size:1.05em;line-height:1}@keyframes controller-pulse{0%,to{opacity:0}50%{opacity:1}}@keyframes controller-spin{to{transform:rotate(360deg)}}@keyframes controller-badge-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (max-width:1024px){.arena-player-phase-panel-inner.full{max-width:min(96vw,560px)}}@media (max-width:768px){.arena-player-phase-panel{padding-bottom:10px}.arena-player-phase-panel.fixed-top,.arena-player-phase-panel.fixed-bottom{max-width:96vw}.arena-player-phase-panel.compact{gap:8px;padding:8px 12px}.arena-player-phase-panel-inner.full{max-width:96vw}.phase-arc-avatar{width:76px;height:76px}.phase-arc{--arc-item-scale:.85}.phase-arc-btn{font-size:15px}.phase-arc-dot{font-size:14px}.phase-arc-action-menu-portal{min-width:130px}.stat-badge{padding:3px 7px;font-size:.72rem}}@media (max-width:560px){.arena-player-phase-panel{padding-bottom:6px}.arena-player-phase-panel.fixed-top,.arena-player-phase-panel.fixed-bottom{width:100vw;max-width:100vw}.arena-player-phase-panel-inner{gap:6px}.arena-player-phase-panel-inner.full{max-width:100vw}.phase-arc-avatar{width:64px;height:64px}.phase-arc{--arc-item-scale:.75}.phase-arc-btn{font-size:13px}.phase-arc-dot{font-size:12px}.phase-control-bar{gap:4px;padding:0 4px}.stat-badges{gap:4px}.stat-badge{border-radius:6px;padding:2px 6px;font-size:.68rem}.response-banner-compact{padding:4px 6px;font-size:10px}}@media (max-width:400px){.phase-arc{--arc-item-scale:.65}.phase-arc-avatar{width:56px;height:56px}.phase-control-chip .phase-control-label,.phase-controller-badge-label{display:none}.phase-control-chip.simultaneous .phase-control-label,.phase-ready-pill{display:inline-flex}}@media (max-height:620px){.arena-player-phase-panel{padding-bottom:4px}.arena-player-phase-panel-inner{gap:4px}}@media (max-width:768px),(max-height:520px){.arena-player-phase-panel.full.fixed-bottom{pointer-events:none}.arena-player-phase-panel.full.fixed-bottom .phase-arc-item-wrapper:not(.leaving){pointer-events:auto}.arena-player-phase-panel.fixed-bottom .phase-arc-avatar{pointer-events:none;opacity:.6;transition:opacity .2s}.arena-player-phase-panel.fixed-bottom .phase-arc-avatar-content{transform-origin:50% 100%;scale:.7}.arena-container:has(.arena-layout-zone-hand.pov .hand-card-wrapper:is(:hover,:active,.is-selected)) .arena-player-phase-panel.fixed-bottom .phase-arc-avatar{opacity:.12}}@media (prefers-reduced-motion:reduce){.arena-player-phase-panel,.avatar-frame,.phase-arc-item,.phase-arc-btn,.phase-arc-dot-marker,.phase-arc-tooltip,.phase-controller-badge,.arena-player-phase-panel.phase-controller .phase-controller-avatar .avatar-frame,.phase-controller-aura,.phase-controller-aura:before,.phase-controller-aura:after{transition:none;animation:none}}.phase-fit-box{pointer-events:none;position:absolute;inset:0}.phase-fit-content{transform-origin:50%;pointer-events:none;width:max-content;position:absolute;top:50%;left:50%}.arena-player-phase-panel.placed{pointer-events:none;padding:0}.arena-player-phase-panel.placed.full{padding-bottom:6px}.arena-player-phase-panel.placed.compact{pointer-events:auto;padding:8px 12px}.arena-player-phase-panel.placed .arena-player-phase-panel-inner.full{width:auto;max-width:none}.arena-player-phase-panel.placed .phase-arc{--arc-item-scale:1}.arena-player-phase-panel.placed .phase-arc-avatar{pointer-events:none;width:92px;height:92px}.arena-player-phase-panel.placed .phase-arc-item-wrapper:not(.leaving),.arena-player-phase-panel .phase-arc-avatar-content.clickable,.arena-player-phase-panel.placed .phase-collapsed-bar{pointer-events:auto}.phase-arc-avatar-content.clickable,.phase-collapsed-avatar.clickable{cursor:var(--cursor-pointer)}.arena-player-phase-panel.placed.pending-target{animation:none}.arena-player-phase-panel.placed.pending-target .avatar-frame{cursor:var(--cursor-crosshair)}.arena-player-phase-panel.placed.pending-target .avatar-frame:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;animation:1.5s infinite target-pulse;position:absolute;inset:0;box-shadow:0 0 0 5px #ff4444b3,0 0 16px #ff444459}.phase-collapsed-bar,.phase-collapsed-popover{--arc-item-size:40px;--arc-item-scale:1;--arc-item-radius:50%;--arc-item-clip:none;--arc-item-bg:#0b0b0beb;--arc-item-border:#ffffff26;--arc-item-active-bg:#cf8b1dfa;--arc-item-active-border:#ff804acc;--arc-item-completed-bg:#4ecdc41f;--arc-item-completed-opacity:.7;--arc-image-fit:cover;--arc-item-box:calc(var(--arc-item-size) * var(--arc-item-scale));--arc-frame-width:max(2px, calc(var(--arc-item-box) * .07))}.phase-collapsed-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;white-space:nowrap;background:linear-gradient(#141418e0,#08080aeb);border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex;box-shadow:0 0 0 1px #ffffff1a,0 6px 18px #00000073}.arena-player-phase-panel.phase-controller .phase-collapsed-bar{box-shadow:0 0 0 1px #4ade808c,0 0 16px #4ade8040,0 6px 18px #00000073}.phase-collapsed-avatar{flex-shrink:0}.phase-collapsed-avatar .phase-controller-badge.mini{padding:0 5px;font-size:10px;bottom:-5px}.phase-collapsed-avatar .phase-controller-aura:before{inset:-10px}.phase-collapsed-current{min-width:0;color:inherit;font:inherit;cursor:var(--cursor-pointer);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:2px 8px 2px 2px;display:flex}@media (hover:hover){.phase-collapsed-current:hover{background:#ffffff14}}.phase-collapsed-current.open{background:#ffffff1a}.phase-collapsed-token{width:var(--arc-item-box);height:var(--arc-item-box);flex-shrink:0;display:inline-block;position:relative}.phase-collapsed-token .phase-arc-item{z-index:1}.phase-collapsed-token .phase-arc-item.current{--arc-item-pop:1}.phase-collapsed-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.phase-collapsed-label{text-overflow:ellipsis;text-shadow:0 1px 2px #0009;max-width:160px;font-size:14px;font-weight:800;overflow:hidden}.phase-collapsed-sub{color:#fff9;font-size:11px;font-weight:600}.phase-collapsed-waiting{font-size:18px}.phase-collapsed-actions{align-items:center;gap:8px;display:flex}.phase-collapsed-action-slot{display:inline-flex}.phase-arc-action-btn.phase-collapsed-action{white-space:nowrap;width:auto;min-height:34px}.phase-collapsed-popover{z-index:9999;color:#fff;background:linear-gradient(#141418f2,#08080af7);border-radius:16px;flex-direction:column;align-items:center;gap:10px;max-width:min(92vw,560px);padding:12px;animation:.14s ease-out phase-collapsed-pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #0000008c}@keyframes phase-collapsed-pop{0%{opacity:0;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.phase-collapsed-popover-list{flex-wrap:wrap;justify-content:center;gap:10px 8px;display:flex}.phase-collapsed-entry{flex-direction:column;align-items:center;gap:4px;width:64px;display:flex}.phase-collapsed-entry.unavailable{opacity:.32;filter:grayscale()}.phase-collapsed-entry-label{text-overflow:ellipsis;white-space:nowrap;color:#ffffffbf;max-width:100%;font-size:10px;overflow:hidden}.phase-collapsed-entry.current .phase-collapsed-entry-label{color:#fff;font-weight:700}.phase-collapsed-abandon{color:#fca5a5;cursor:var(--cursor-pointer);background:#ef444429;border:1px solid #ef444473;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700}@media (hover:hover){.phase-collapsed-abandon:hover{background:#ef444447}}@media (prefers-reduced-motion:reduce){.phase-collapsed-popover{animation:none}}.phase-thinking-chip{color:#ffecc8e6;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#000000b3;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:4px;max-width:11rem;padding:2px 8px;font-size:.65rem;line-height:1.2;display:inline-flex}.phase-thinking-dot{background:#fcd34d;border-radius:999px;flex-shrink:0;width:6px;height:6px;animation:1.2s ease-in-out infinite phase-thinking-pulse}.phase-thinking-text{text-overflow:ellipsis;overflow:hidden}.phase-thinking-seconds{color:#ffffff73;font-variant-numeric:tabular-nums;flex-shrink:0}@keyframes phase-thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes advance-suggest-lite{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (hover:none),(pointer:coarse){.arena-player-phase-panel.pending-target:not(.placed):after,.arena-player-phase-panel.placed.pending-target .avatar-frame:after{opacity:1;animation:none}.phase-arc-item-wrapper.suggest-advance .phase-arc-btn.advance-btn{animation:1.4s ease-in-out infinite advance-suggest-lite;box-shadow:0 0 0 3px #fbbf2473}.phase-arc-action-btn.suggested{animation:none;box-shadow:0 0 0 3px #fbbf24cc,0 0 18px #fbbf2480}.phase-controller-aura:after{opacity:0;animation:none}}@media (prefers-reduced-motion:reduce){.phase-arc-item-wrapper.suggest-advance .phase-arc-btn.advance-btn{animation:none}}@media (hover:none),(pointer:coarse){.phase-control-chip,.phase-collapsed-bar,.phase-thinking-chip{-webkit-backdrop-filter:none}.phase-arc-item,.phase-arc-item.current,.phase-arc-item-wrapper.unavailable,.phase-collapsed-entry.unavailable{filter:none}.phase-arc-item-wrapper.unavailable,.phase-collapsed-entry.unavailable{opacity:.45}.phase-arc-dot-marker,.phase-thinking-dot,.arena-player-phase-panel.pending-target:after,.arena-player-phase-panel.placed.pending-target .avatar-frame:after,.phase-controller-aura:after,.phase-controller-aura:before,.phase-arc-item-wrapper.suggest-advance .phase-arc-btn.advance-btn,.phase-arc-action-btn.suggested{animation:none}.arena-player-phase-panel.pending-target:after,.arena-player-phase-panel.placed.pending-target .avatar-frame:after{opacity:1}}