/* Time challenge: compact station card and a clear, lightweight duel stage. */
#loot-pickup[data-kind="timeStop"]{width:352px;max-width:calc(var(--game-width,100vw) - 32px);gap:12px;padding:14px 16px;border:1px solid #b5cdbb;border-radius:16px;background:#fafcf6;color:#233e32;box-shadow:0 8px 28px #102c3030}
#loot-pickup[data-kind="timeStop"] .pickup-icon{flex:0 0 36px;color:#477e66;background:#e9f0df;border-radius:10px}
#loot-pickup[data-kind="timeStop"]>div:nth-child(2){flex:1;min-width:0}
#loot-pickup[data-kind="timeStop"]>div:last-child{flex:0 0 auto}
#loot-pickup[data-kind="timeStop"] strong{font-size:14px;letter-spacing:.04em}
#loot-pickup[data-kind="timeStop"] small{font-size:11px;line-height:1.65;color:#6d7c70}
#loot-pickup[data-kind="timeStop"] button{height:42px;min-width:88px;padding:0 14px;white-space:nowrap;background:#285a45;border-radius:10px;font-size:13px}
body .time-stop-dialog[open]{width:min(440px,calc(var(--game-width,100vw) - 24px));max-height:calc(var(--game-height,100dvh) - 24px);padding:22px;border:1px solid #718d75;border-radius:24px;background:#f6f7ee;color:#243e32;text-align:left;box-shadow:0 20px 80px #071e3555}
.time-stop-dialog::backdrop{background:#0c201b99}
.time-stop-dialog .time-stop-close{right:10px;top:10px;width:36px;height:36px;padding:0;color:#5e7466;font-size:26px;border-radius:50%;background:#e8ecdf}
.ts-heading{display:flex;align-items:center;gap:12px;padding-right:26px}
.ts-emblem{display:grid;place-items:center;width:44px;height:50px;border-radius:14px;background:#285a45;color:#f2e3aa;font-size:26px;flex-shrink:0}
.time-stop-dialog small{color:#6a7d69;letter-spacing:.06em;font-size:10px}
.time-stop-dialog h2{font-size:21px;line-height:1.4;margin:4px 0 0;font-weight:800}
.time-stop-dialog .ts-description{font-size:12px;color:#6f7c6a;margin:14px 0 16px;line-height:1.7}
.ts-progress{display:flex;align-items:center;gap:16px;font-size:11px;color:#70816c;margin-bottom:14px}.ts-progress b{color:#285a45;margin-left:5px;font-family:Consolas,monospace}
.time-stop-dialog .time-stop-lamps{display:flex;flex:1;gap:5px;margin:0}.time-stop-dialog .time-stop-lamps span{flex:1;width:auto;height:5px;background:#dce3d3;border:0;border-radius:5px}.time-stop-dialog .time-stop-lamps .won{background:#528866;box-shadow:none}
.ts-arena{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;min-height:148px;padding:16px 8px;border-radius:18px;background:#e7eddf;border:1px solid #d7e1cd;text-align:center}
.ts-contender{display:flex;flex-direction:column;align-items:center;gap:7px}.ts-contender small{font-size:11px}.ts-hand{display:grid;place-items:center;width:72px;height:64px;font-size:43px;transform-origin:center 80%}.ts-contender:last-child .ts-hand{--ts-direction:-1}.ts-choice{font-size:12px;font-weight:600;color:#476149}.ts-versus{font:italic 700 14px Georgia,serif;color:#a1ad94}
.time-stop-dialog .time-stop-result{min-height:24px;margin:14px 0 12px;font-size:15px;font-weight:800;text-align:center;color:#285a45}
.time-stop-dialog .time-stop-hands{gap:9px}.time-stop-dialog .time-stop-hands button{min-height:72px;gap:4px;padding:10px 4px;background:#fffef8;border:1px solid #d5dfcd;border-radius:12px;color:#33513c;font-size:27px}.time-stop-dialog .time-stop-hands button b{font-size:12px}.time-stop-dialog .time-stop-hands button:hover:not(:disabled){border-color:#528866;background:#eef4e4}.time-stop-dialog .time-stop-hands button:disabled{opacity:.45}
.time-stop-dialog .time-stop-rule{margin:13px 0 0;text-align:center;color:#819078;font-size:11px;line-height:1.5}
.ts-arena[data-phase="shaking"] .ts-hand{animation:ts-shake .24s ease-in-out infinite alternate}
.ts-arena[data-phase="revealed"] .ts-hand{animation:ts-reveal .3s ease-out}
.ts-arena[data-outcome="win"] .ts-contender:first-child .ts-hand,.ts-arena[data-outcome="lose"] .ts-contender:last-child .ts-hand{background:#d4e6bb;border-radius:50%}
@keyframes ts-shake{from{transform:translateY(4px) rotate(calc(-9deg * var(--ts-direction,1)))}to{transform:translateY(-5px) rotate(calc(9deg * var(--ts-direction,1)))}}
@keyframes ts-reveal{from{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}
@media(max-width:360px){body .time-stop-dialog[open]{padding:18px 14px}.time-stop-dialog h2{font-size:18px}#loot-pickup[data-kind="timeStop"]{gap:8px;padding:12px}#loot-pickup[data-kind="timeStop"] .pickup-icon{display:none}}
@media(max-height:480px){body .time-stop-dialog[open]{padding:16px 20px}.ts-arena{min-height:106px;padding:8px}.ts-hand{height:46px;font-size:35px}.time-stop-dialog .ts-description{margin:8px 0}.time-stop-dialog .time-stop-result{margin:8px 0}.time-stop-dialog .time-stop-hands button{min-height:60px;padding:6px}.time-stop-dialog .time-stop-rule{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ts-arena .ts-hand{animation:none!important}}