.turn-clock{--turn-clock-color:var(--accent-border);z-index:110;top:calc(4% + 4 * var(--u));width:min(calc(520 * var(--u)), 35%);min-width:calc(300 * var(--u));pointer-events:none;filter:drop-shadow(0 calc(3 * var(--u)) calc(9 * var(--u)) #0000008c);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;left:50%;transform:translate(-50%)}.turn-clock[data-urgency=warning]{--turn-clock-color:#efd486}.stage:has(.control-layout-editor[data-editing=true]) .turn-clock{z-index:1101;outline:1px dashed var(--accent-border);outline-offset:3px}.turn-clock[data-idle=true]{--turn-clock-color:var(--text-muted)}.turn-clock[data-idle=true] .turn-clock__fuse>*{visibility:hidden}.turn-clock[data-kind=response][data-urgency=calm]{--turn-clock-color:var(--status-info)}.turn-clock[data-urgency=critical]{--turn-clock-color:var(--status-danger)}.turn-clock__readout{justify-content:center;align-items:center;gap:calc(12 * var(--u));pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-height:calc(30 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));border:1px solid color-mix(in srgb, var(--turn-clock-color) 58%, var(--board-hairline));border-radius:calc(7 * var(--u)) calc(7 * var(--u)) 0 0;color:var(--text-body);font:650 calc(13 * var(--u)) / 1 var(--font-ui);background:#111214f0;border-bottom:0;display:flex}.turn-clock__readout span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.turn-clock__readout strong{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch;color:var(--turn-clock-color);font-size:calc(16 * var(--u));letter-spacing:.04em}.turn-clock__fuse{height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:#111214db;border:1px solid #000000c7;position:relative;overflow:visible}.turn-clock__fuse span{border-radius:inherit;background:var(--turn-clock-color);box-shadow:0 0 calc(8 * var(--u)) color-mix(in srgb, var(--turn-clock-color) 68%, transparent);transform:scaleX(var(--turn-clock-progress));transform-origin:0;position:absolute;inset:0}.turn-clock__fuse i{top:50%;left:calc(var(--turn-clock-progress) * 100%);width:calc(9 * var(--u));height:calc(9 * var(--u));border:calc(2 * var(--u)) solid #fff7df;background:var(--turn-clock-color);box-shadow:0 0 calc(8 * var(--u)) var(--turn-clock-color), 0 0 calc(18 * var(--u)) color-mix(in srgb, var(--turn-clock-color) 65%, transparent);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.turn-clock__readout:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.turn-clock__fuse i,.turn-clock__readout{animation:none!important}}@media (max-width:900px),(max-height:500px){.turn-clock{top:calc(4% + 3px)}.turn-clock:not([data-layout=centered]){width:41%;min-width:0;left:22.5%;transform:none}.turn-clock__readout{border-radius:6px 6px 0 0;gap:9px;min-height:26px;padding:4px 10px;font-size:12px}.turn-clock__readout strong{font-size:14px}.turn-clock__fuse{height:4px}.turn-clock__fuse i{border-width:2px;width:8px;height:8px}}.turn-clock[data-layout=centered]{width:min(calc(440 * var(--u)), 30%);min-width:calc(260 * var(--u));top:51.5%}@media (max-width:900px),(max-height:500px){.turn-clock[data-layout=centered]{width:min(36vw,320px);min-width:190px;top:49.5%}}