/* Trident V10.3 — compact direct integration of the user-supplied Market Clock package.
   New tmc-* class names intentionally isolate this clock from every prior clock implementation. */
.tmc-clock{
  --tmc-accent:#8b7cff;
  --tmc-accent-soft:#c4b5fd;
  --tmc-sky-hue:0deg;
  --tmc-sky-brightness:1;
  --tmc-sky-saturation:1;
  --tmc-star-opacity:1;
  --tmc-orb-y:138px;
  --tmc-orb-background:linear-gradient(180deg,#ffdc78 0%,#ffc269 38%,#ff6d72 100%);
  --tmc-stripe-color:rgba(174,38,75,.92);
  --tmc-orb-glow:rgba(255,74,82,.68);
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  width:min(760px,44vw);
  flex:0 1 760px;
  min-width:600px;
  min-height:132px;
  overflow:hidden;
  border:1px solid var(--tmc-accent);
  border-radius:20px;
  background:#020817;
  box-shadow:0 0 26px color-mix(in srgb,var(--tmc-accent) 14%,transparent),inset 0 0 0 1px rgba(255,255,255,.02);
  color:#f8fafc;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transition:border-color .45s,box-shadow .45s;
}
.tmc-clock,.tmc-clock *{box-sizing:border-box}
.tmc-clock[data-state="open"]{--tmc-accent:#28f4d0;--tmc-accent-soft:#20e6bd}
.tmc-scene{position:relative;min-height:132px;overflow:hidden;background:#03102a}
.tmc-sky{position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.tmc-sky-base{
  background-image:url("assets/market-scene.png");
  filter:hue-rotate(var(--tmc-sky-hue)) brightness(var(--tmc-sky-brightness)) saturate(var(--tmc-sky-saturation));
  transition:filter 4s linear;
}
.tmc-celestial{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 0 calc(46% - 3.5px) 0)}
.tmc-orb{
  position:absolute;
  top:0;
  /* V9.5.2: 15px farther right from the V9.5.1 position. */
  left:calc(50% + 22px);
  width:clamp(54px,9.5%,64px);
  aspect-ratio:1;
  transform:translate(-50%,var(--tmc-orb-y));
  overflow:hidden;
  border-radius:50%;
  background:var(--tmc-orb-background);
  box-shadow:inset 0 -10px 24px rgba(255,23,132,.20);
  filter:drop-shadow(0 0 20px var(--tmc-orb-glow));
  transition:transform 1s linear;
}
.tmc-orb i{position:absolute;left:-2%;width:104%;height:5.5%;background:var(--tmc-stripe-color)}
.tmc-orb i:nth-child(1){top:39%}.tmc-orb i:nth-child(2){top:51%}.tmc-orb i:nth-child(3){top:63%}.tmc-orb i:nth-child(4){top:75%}
.tmc-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4;opacity:var(--tmc-star-opacity);transition:opacity 1s linear;clip-path:polygon(9% 0,91% 0,91% 17%,84% 19%,76% 22%,68% 27%,60% 33%,54% 39%,50% 46%,46% 40%,40% 34%,32% 28%,24% 23%,16% 20%,9% 18%)}
.tmc-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#fff;opacity:.22;box-shadow:0 0 calc(var(--size) * 2.5) rgba(180,218,255,.95);animation:tmc-twinkle var(--speed) ease-in-out var(--delay) infinite alternate}
.tmc-star.bright::before,.tmc-star.bright::after{content:"";position:absolute;inset:50% auto auto 50%;background:rgba(255,255,255,.9);transform:translate(-50%,-50%)}
.tmc-star.bright::before{width:calc(var(--size) * 4);height:1px}.tmc-star.bright::after{width:1px;height:calc(var(--size) * 4)}
.tmc-clock[data-state="open"] .tmc-star{opacity:.15;box-shadow:0 0 calc(var(--size) * 3) rgba(255,164,220,.9)}
.tmc-star.steady{animation:none!important;opacity:var(--steady-opacity,.62)!important;transform:none!important}
.tmc-clock[data-celestial="moon"] .tmc-celestial{z-index:5}
.tmc-clock[data-celestial="moon"] .tmc-orb{filter:drop-shadow(0 0 28px var(--tmc-orb-glow)) drop-shadow(0 0 11px rgba(246,169,230,.32));box-shadow:inset 0 -10px 24px rgba(255,23,132,.20),0 0 0 1px rgba(255,218,245,.10)}
@keyframes tmc-twinkle{0%,18%{opacity:.12;transform:scale(.62)}62%{opacity:.95;transform:scale(1.18)}100%{opacity:.36;transform:scale(.82)}}
.tmc-shooting-star{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;clip-path:polygon(9% 0,91% 0,91% 17%,84% 19%,76% 22%,68% 27%,60% 33%,54% 39%,50% 46%,46% 40%,40% 34%,32% 28%,24% 23%,16% 20%,9% 18%)}
.tmc-shooting-star::before{content:"";position:absolute;top:var(--tmc-shoot-top,16%);right:-90px;width:86px;height:2px;opacity:0;transform:rotate(-11deg);transform-origin:left center;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(190,224,255,.78) 22%,rgba(170,200,255,0) 100%);filter:drop-shadow(0 0 4px rgba(214,236,255,.82))}
.tmc-shooting-star.run::before{animation:tmc-shoot var(--tmc-shoot-duration,1.45s) cubic-bezier(.18,.64,.28,1) forwards}
@keyframes tmc-shoot{0%{opacity:0;transform:translate3d(0,0,0) rotate(-11deg)}10%{opacity:.98}72%{opacity:.84}100%{opacity:0;transform:translate3d(-125vw,26px,0) rotate(-11deg)}}
.tmc-scanline{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 18%,transparent 80%,rgba(0,0,0,.10));mix-blend-mode:multiply;z-index:5}
.tmc-details{display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border-left:1px solid color-mix(in srgb,var(--tmc-accent) 74%,transparent);background:linear-gradient(140deg,rgba(5,12,27,.96),rgba(1,8,19,.99))}
.tmc-status-title{margin:0 0 7px;color:var(--tmc-accent-soft);font-size:clamp(14px,1.05vw,18px);font-weight:760;letter-spacing:-.02em}
.tmc-countdown,.tmc-market-time{margin:0;font-size:clamp(12px,.82vw,15px);line-height:1.35}.tmc-market-time{margin-top:4px;font-size:clamp(11px,.72vw,13px)}
.tmc-status-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 9px;border-radius:8px;background:rgba(77,88,128,.35);color:#f4f4ff;font-size:11px;font-weight:650}
.tmc-status-pill i{width:8px;height:8px;border-radius:50%;background:#c8d1f1;box-shadow:0 0 12px rgba(200,209,241,.35)}
.tmc-clock[data-state="open"] .tmc-status-pill{background:rgba(22,216,243,.14);color:#5ee8f6;border:1px solid rgba(22,216,243,.22)}.tmc-clock[data-state="open"] .tmc-status-pill i{background:#16d8f3;box-shadow:0 0 10px rgba(22,216,243,.72)}
@media(max-width:1180px){.tmc-clock{width:min(650px,43vw);min-width:520px;grid-template-columns:minmax(0,1fr) 205px}}
@media(max-width:900px){
  .tmc-clock{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 210px}
}
@media(max-width:620px){
  .tmc-clock{grid-template-columns:1fr;border-radius:16px}
  .tmc-scene{min-height:150px}
  .tmc-details{min-height:120px;border-left:0;border-top:1px solid color-mix(in srgb,var(--tmc-accent) 74%,transparent);padding:18px}
}
@media(prefers-reduced-motion:reduce){.tmc-clock *{transition:none!important}.tmc-star{animation:none;opacity:.55}.tmc-shooting-star{display:none!important}}