:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050a14;color:#edf4ff;--signal:#a8cfff;--glow:#173050;--muted:#b3c6db}
*{box-sizing:border-box}body{margin:0;min-width:176px;background:radial-gradient(ellipse at 55% 10%,#142b4340,transparent 65%),#050a14}body[data-face=gold]{--signal:#f0cf88;--glow:#3a2a16}body[data-face=mint]{--signal:#a5efd1;--glow:#183c32}a{color:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--signal);outline-offset:2px}button{color:inherit}button,a{min-height:44px}.watch-shell{max-width:400px;margin:auto;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.watch-nav{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px}.watch-nav a{display:grid;place-items:center;min-width:44px;text-decoration:none;font-size:12px;color:var(--signal)}.watch-nav h1{font-size:11px;font-weight:650;letter-spacing:.14em;margin:0;color:#dce8f5}.watch-dial{isolation:isolate;position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:auto;border:3px solid #4a5e73;border-radius:50%;background:radial-gradient(circle at 36% 27%,var(--glow),#091422 46%,#050910 75%);box-shadow:0 0 0 2px #070d15,0 0 0 3px #8393a455,inset 0 0 30px #0008,0 12px 36px #0008;overflow:hidden}.watch-dial::before{content:"";position:absolute;inset:6px;border:1px solid #bcd0e32b;border-radius:50%;pointer-events:none}.watch-rim{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--signal);stroke-width:.8;opacity:.3;pointer-events:none}.watch-stars{position:absolute;inset:0;opacity:.65;background:radial-gradient(1px 1px at 19% 31%,var(--signal) 90%,transparent),radial-gradient(1px 1px at 74% 19%,#eaf4ff 90%,transparent),radial-gradient(1px 1px at 34% 70%,var(--signal) 90%,transparent),radial-gradient(1px 1px at 76% 68%,#eaf4ff 90%,transparent);pointer-events:none}.watch-core{position:absolute;inset:34% 32% 34%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.watch-core>svg{width:21px;height:23px;stroke:var(--signal);stroke-width:1.3;fill:none}.watch-core time{font-size:clamp(19px,8vw,33px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1.1;color:#f3f7ff}.watch-core span{font-size:clamp(8px,2.8vw,10px);white-space:nowrap;color:var(--muted);letter-spacing:.04em}.watch-orbit{position:absolute;width:27%;min-width:44px;min-height:44px;padding:5px 2px;border:1px solid transparent;border-radius:14px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#dcecff}.watch-orbit>svg{width:20px;height:20px;stroke:var(--signal);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.watch-orbit span{font-size:clamp(9px,3.2vw,12px);font-weight:500;line-height:1.25}.watch-orbit:hover,.watch-orbit[aria-expanded=true]{border-color:#99c2ea66;background:#263d5799}.watch-orbit-0{top:7%;left:36.5%}.watch-orbit-1{top:34%;right:4%}.watch-orbit-2{bottom:10%;right:17%}.watch-orbit-3{bottom:10%;left:17%}.watch-orbit-4{top:34%;left:4%}.watch-hint{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin:14px 4px}.watch-options{border-top:1px solid #8199b044;padding-top:7px;color:#e2edf9;font-size:12px}.watch-options summary{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;color:var(--signal)}.watch-options fieldset{padding:8px 0;border:0;margin:0}.watch-options legend{font-size:11px;color:var(--muted)}.watch-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.watch-colours button,.watch-options>button{background:#162538;border:1px solid #617b95;border-radius:12px;font-size:11px;min-height:44px;padding:8px;color:#eaf3ff}.watch-colours button[aria-pressed=true]{color:#06111d;background:var(--signal);border-color:var(--signal)}.watch-options>button{width:100%;margin:8px 0}.watch-options>a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--signal);border:1px solid #647c9755;border-radius:12px;padding:8px;text-align:center;line-height:1.5}.watch-options p{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 2px;overflow-wrap:anywhere}.watch-formats[hidden]{display:none}.watch-formats{position:fixed;inset:0;z-index:10;overflow:auto;background:#070e1a;padding:max(8px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));scrollbar-width:thin}.watch-formats>header,.watch-formats>p,.watch-formats>nav{max-width:360px;margin-inline:auto}.watch-formats header{display:flex;align-items:center;justify-content:space-between;gap:5px}.watch-formats h2{font-size:20px;color:var(--signal);margin:6px 0}.watch-formats header button{background:#162538;border:1px solid #7088a1;border-radius:12px;min-width:55px;min-height:44px;font-size:12px}.watch-formats p{font-size:11px;color:var(--muted);line-height:1.5;margin-block:12px}.watch-formats nav{display:grid;gap:7px}.watch-formats nav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;background:#142238;border:1px solid #506986;border-radius:13px;padding:9px 13px;font-size:13px;line-height:1.5;text-decoration:none;color:#edf4ff}.watch-formats nav a::after{content:'↗';color:var(--signal);margin-left:5px}.watch-formats nav a:hover{background:#253b57}@media(max-width:220px){.watch-nav h1{font-size:8px;letter-spacing:.04em}.watch-hint{font-size:10px}.watch-core>svg{width:16px;height:17px}.watch-core{gap:2px}.watch-orbit{padding:3px 0;min-height:44px;border-radius:10px}.watch-orbit>svg{width:16px;height:16px}.watch-orbit-0{top:4%}.watch-orbit-2,.watch-orbit-3{bottom:8%}}@media(prefers-reduced-motion:no-preference){.watch-orbit{transition:background .15s ease,border-color .15s ease}.watch-dial{animation:watch-arrival .35s ease both}@keyframes watch-arrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}