.call-takeover{position:absolute;inset:7px;background:radial-gradient(ellipse at 50% 25%,#38120d,#090505 65%);color:#ff3525;z-index:80;overflow:hidden;display:flex;flex-direction:column;padding:14px 12px 9px;clip-path:polygon(3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%,0 3%)}.call-takeover[hidden]{display:none}.call-hazard{height:9px;flex:none;background:repeating-linear-gradient(135deg,#ff3525 0 7px,#080505 7px 14px)}.call-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0 7px;border-bottom:1px solid #9e251c}.call-top b{font:11px Command;letter-spacing:.5px}.call-top>span{font:5px/1.5 Telemetry;text-align:right;max-width:120px;color:#e8b16e}.call-emblem{padding:15px 0 9px;text-align:center}.call-emblem b{font:bold 34px/.9 Georgia;letter-spacing:-2px;display:block}.call-emblem span{font:4px Telemetry;letter-spacing:1.5px;display:block;margin-top:6px}.call-hex-header{position:relative;background:#ff3525;color:#110606;padding:14px 12px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);text-align:center}.call-hex-header>span{font:bold 28px serif;letter-spacing:6px}.call-hex-header h2{font:32px/.85 Command;margin:3px 0 0;letter-spacing:.4px}.call-person{padding:20px 5px 12px;text-align:center;border-bottom:1px solid #9e251c;z-index:2;background:#0a0505aa}.call-person>span{font:6px Telemetry;letter-spacing:1px}.call-person strong{font:35px/1.1 Command;color:#ffe3bc;display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-person small{font:6px Telemetry;display:block;margin-top:5px;color:#b68b70}.call-fragments{position:relative;min-height:110px;flex:1;overflow:hidden;margin-top:7px}.call-fragments>span{position:absolute;top:calc(var(--warning)*14%);left:calc(3% + mod(var(--warning),3)*8%);border-left:3px solid #ff3525;border-bottom:1px solid #a62b21;padding:4px 5px;font:8px Command;letter-spacing:1px;opacity:0;transform:translateX(-12px);animation:call-fragment-enter .4s steps(5,end) forwards;animation-delay:calc(var(--warning)*1.3s)}.call-hex-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:6px 0 16px}.call-hex-wall i{aspect-ratio:1.13;clip-path:polygon(23% 0,77% 0,100% 50%,77% 100%,23% 100%,0 50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ff3525;color:#140606;font:6px Command;line-height:1;animation:call-cell 6s steps(4,end) infinite;animation-delay:calc(var(--cell)*-.4s)}.call-hex-wall i b{font:5px Command;margin:3px 0}.call-actions{display:flex;gap:10px;flex:none}.call-actions button{flex:1;min-height:58px;border:1px solid #ff3525;background:#260a08;color:#ff8d70;font:21px Command;letter-spacing:1px;clip-path:polygon(8% 0,100% 0,100% 75%,92% 100%,0 100%,0 25%)}.call-actions .call-answer{background:#9add9a;border-color:#9add9a;color:#102112}.call-actions button:disabled{opacity:.3}.call-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:38px;font:4px Telemetry;color:#bd8f71}.call-foot button{min-height:35px;background:none;border:0;color:#f4c49e;font:6px Telemetry}.call-takeover[data-phase=active]{color:var(--amber);background:#080d08}.call-takeover[data-phase=active] .call-hex-header{background:var(--success);color:#102112}.call-takeover[data-phase=active] .call-fragments{opacity:0}.call-takeover[data-phase=active] .call-hex-wall i{background:#24412b;color:#9add9a;animation:none}.call-takeover[data-phase=active] .call-hazard{background:repeating-linear-gradient(135deg,#9add9a 0 7px,#080d08 7px 14px)}.call-test-trigger{margin-top:10px}.call-takeover:not([hidden]) .call-hazard{animation:hazard-track 2.5s steps(40,end) infinite}@keyframes call-fragment-enter{to{opacity:.8;transform:translateX(0)}}@keyframes call-cell{0%,100%{opacity:.75}50%{opacity:.4}}body[data-motion=off] .call-takeover *,body[data-motion=low] .call-takeover *{animation:none!important}.call-takeover[hidden] *{animation-play-state:paused!important}body[data-motion=off] .call-fragments>span,body[data-motion=low] .call-fragments>span{opacity:.8;transform:none}@media(prefers-reduced-motion:reduce){.call-takeover *{animation:none!important}.call-fragments>span{opacity:.8;transform:none}}@media(max-width:660px){.call-takeover{padding:10px 9px 7px}.call-top{padding:8px 0 5px}.call-emblem{padding:11px 0 8px}.call-hex-header{padding:11px 9px}.call-hex-header h2{font-size:28px}.call-person{padding:14px 4px 9px}.call-person strong{font-size:30px}.call-hex-wall{margin-bottom:12px}.call-fragments{min-height:80px}.call-actions button{min-height:54px;font-size:19px}}