.ambient-clock{--ac-color:#c5efff;--ac-glow:19px;--ac-dim:.55;--ac-height:440px;position:relative;isolation:isolate;container-type:inline-size;box-sizing:border-box;overflow:hidden;width:100%;min-width:0;min-height:var(--ac-height);border:1px solid #ffffff19;border-radius:22px;background:#0c1117;color:#edf3f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;box-shadow:0 18px 55px #0003;color-scheme:dark}
.ambient-clock *{box-sizing:border-box}.ambient-clock [hidden]{display:none!important}.ambient-clock[data-accent=amber]{--ac-color:#ffd098}.ambient-clock[data-accent=mint]{--ac-color:#b4f5d2}.ambient-clock[data-accent=white]{--ac-color:#f0f3f5}
.ambient-clock .ac-background,.ambient-clock .ac-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.ambient-clock .ac-background{background:radial-gradient(ellipse at 50% 15%,#26333d 0%,#10171e 45%,#080c11 100%);background-size:cover;background-position:center}.ambient-clock .ac-shade{z-index:-1;background:linear-gradient(0deg,#03070bd9,transparent 45%,#03070b40),rgb(0 0 0 / var(--ac-dim))}
.ambient-clock .ac-body{min-height:var(--ac-height);padding:28px 32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.ambient-clock .ac-header{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:auto;min-height:28px}.ambient-clock .ac-place{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#d1dae3;overflow-wrap:anywhere}.ambient-clock .ac-controls{display:flex;gap:8px;flex-shrink:0}.ambient-clock .ac-controls button{font:500 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;color:#d6e0e8;background:#17212a99;border:1px solid #ffffff26;border-radius:7px;padding:9px 10px;cursor:pointer;box-shadow:none;min-height:30px}.ambient-clock .ac-controls button:hover{background:#ffffff24;color:white}.ambient-clock .ac-controls button:focus-visible,.ambient-clock a:focus-visible{outline:2px solid var(--ac-color);outline-offset:4px}.ambient-clock .ac-controls .ac-full{font-size:17px;padding:5px 9px}
.ambient-clock .ac-face{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.15cqw,14px);width:100%;margin-top:38px;line-height:1}.ambient-clock .ac-digit{display:block;width:clamp(25px,9cqw,98px);height:auto;overflow:visible;flex-shrink:1;min-width:0;transform:skew(-3deg)}.ambient-clock .ac-digit polygon{fill:var(--ac-color);opacity:.055}.ambient-clock .ac-digit polygon.ac-on{opacity:1;filter:drop-shadow(0 0 var(--ac-glow) var(--ac-color))}.ambient-clock .ac-colon{font:300 clamp(25px,7cqw,75px)/1 monospace;color:var(--ac-color);opacity:.8;transform:translateY(-7%);text-shadow:0 0 var(--ac-glow) var(--ac-color)}.ambient-clock .ac-digit.ac-seconds{width:clamp(20px,5.3cqw,58px);align-self:flex-end;margin-bottom:2px;opacity:.75}.ambient-clock .ac-period{font-size:clamp(9px,1.4cqw,13px);color:#d4dfe8;letter-spacing:.08em;align-self:flex-end;padding-bottom:6px}.ambient-clock .ac-period:empty{display:none}.ambient-clock .ac-date{font-size:clamp(12px,1.8cqw,16px);letter-spacing:.055em;color:#d2dbe4;text-align:center;margin-top:3px}
.ambient-clock .ac-weather{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:12px;line-height:1.6;color:#d1dbe4;min-height:27px}.ambient-clock .ac-weather-icon{font-size:23px;font-family:Arial,sans-serif;color:#e7edf2}.ambient-clock .ac-temperature{font-size:20px;font-weight:400;color:#f3f6f9}.ambient-clock .ac-range{padding-left:12px;border-left:1px solid #ffffff26;color:#bac5cf;font-size:11px}.ambient-clock .ac-stale{font-size:10px}.ambient-clock .ac-footer{margin-top:auto;align-self:stretch;display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding-top:24px;min-height:36px}.ambient-clock .ac-footer a{font-size:9px;line-height:1.5;color:#b8c3cc;text-decoration:none;opacity:.8;max-width:75%}.ambient-clock .ac-footer a:hover{text-decoration:underline;opacity:1}.ambient-clock .ac-footer .ac-source{margin-left:auto;white-space:nowrap}.ambient-clock .ac-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient-clock .ac-tile{position:relative;display:block;flex:0 1 88px;width:9cqw;min-width:0;aspect-ratio: .69;background:linear-gradient(#242b33 0%,#20262d 49.4%,#151a20 50%,#1d232a 100%);border:1px solid #ffffff12;border-radius:8px;box-shadow:0 5px 8px #0005;perspective:400px;font-variant-numeric:tabular-nums;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300;color:#eef1f2;font-size:clamp(26px,9.4cqw,94px)}.ambient-clock .ac-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:-.06em;padding-right:.06em}.ambient-clock .ac-seam{position:absolute;z-index:5;top:50%;left:0;right:0;height:1px;background:#000a;box-shadow:0 1px 0 #ffffff09}.ambient-clock .ac-tile.ac-seconds{flex-basis:58px;width:6cqw;align-self:flex-end;font-size:clamp(18px,6cqw,62px)}.ambient-clock[data-mode=flip] .ac-colon{color:#8a949f;text-shadow:none;font-family:Arial,sans-serif;font-size:clamp(20px,4cqw,42px)}.ambient-clock .ac-flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;z-index:3;background:#232a32}.ambient-clock .ac-flap .ac-number{height:200%}.ambient-clock .ac-flap-top{top:0;transform-origin:bottom;animation:ac-fold .28s ease-in forwards;border-radius:8px 8px 0 0}.ambient-clock .ac-flap-bottom{bottom:0;transform-origin:top;background:#1b2128;transform:rotateX(90deg);animation:ac-unfold .28s .28s ease-out forwards;border-radius:0 0 8px 8px}.ambient-clock .ac-flap-bottom .ac-number{top:-100%}
@keyframes ac-fold{to{transform:rotateX(-90deg)}}@keyframes ac-unfold{to{transform:rotateX(0)}}
.ambient-clock:fullscreen{border:0;border-radius:0;--ac-height:100vh}.ambient-clock:fullscreen .ac-body{max-width:1200px;margin:auto}.ambient-clock:fullscreen .ac-face{margin-top:0}
@container (max-width:420px){.ambient-clock .ac-body{padding:20px 16px 15px;gap:18px}.ambient-clock .ac-face{margin-top:30px;gap:5px}.ambient-clock .ac-place{font-size:9px;letter-spacing:.1em}.ambient-clock .ac-range{border:0;padding:0}.ambient-clock .ac-condition{font-size:11px}.ambient-clock .ac-weather{gap:9px}.ambient-clock .ac-footer{flex-direction:column;align-items:center;gap:6px}.ambient-clock .ac-footer a{max-width:100%;text-align:center}.ambient-clock .ac-footer .ac-source{margin-left:0}.ambient-clock .ac-tile{border-radius:5px}}
@media(prefers-reduced-motion:reduce){.ambient-clock *{animation:none!important;transition:none!important}}
/* v2: straight precision segments, instrument palettes, one quiet control. */
.ambient-clock{--ac-brightness:1;--ac-muted:#a4b2bb;--ac-panel:#161d25;--ac-panel-text:#e4eaf0;--ac-panel-line:#ffffff20}
.ambient-clock[data-accent=rose]{--ac-color:#f4b4c6}.ambient-clock[data-accent=violet]{--ac-color:#cfb5ff}.ambient-clock[data-accent=red]{--ac-color:#ff8f84}.ambient-clock[data-accent=lime]{--ac-color:#d7ed9b}.ambient-clock[data-accent=blue]{--ac-color:#91b9ff}
.ambient-clock .ac-digit{transform:none}.ambient-clock .ac-digit polygon{opacity:.045}.ambient-clock .ac-digit polygon.ac-on{opacity:1;filter:drop-shadow(0 0 var(--ac-glow) var(--ac-color))}
.ambient-clock .ac-face,.ambient-clock .ac-date,.ambient-clock .ac-weather{opacity:var(--ac-brightness)}
.ambient-clock[data-aged="1"][data-mode=lcd] .ac-digit polygon.ac-on{opacity:var(--ac-wear);filter:drop-shadow(1px 1px 2px var(--ac-color)) drop-shadow(0 0 var(--ac-glow) var(--ac-color))}
.ambient-clock[data-aged="1"][data-mode=lcd] .ac-digit polygon:not(.ac-on){opacity:.085}
.ambient-clock .ac-date{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;letter-spacing:.19em;font-size:clamp(12px,1.8cqw,16px);color:var(--ac-color);opacity:calc(var(--ac-brightness)*.72)}
.ambient-clock .ac-weather{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:var(--ac-color);gap:14px;letter-spacing:.025em}.ambient-clock .ac-weather-icon,.ambient-clock .ac-temperature,.ambient-clock .ac-range,.ambient-clock .ac-condition{color:inherit}.ambient-clock .ac-weather-icon{font-family:Arial,sans-serif}.ambient-clock .ac-condition,.ambient-clock .ac-range{opacity:.72;font-size:11px}.ambient-clock .ac-temperature{font-size:20px;letter-spacing:-.04em}.ambient-clock .ac-period{color:var(--ac-color);opacity:.7}.ambient-clock .ac-place{color:var(--ac-color);opacity:.6}.ambient-clock .ac-tile{color:var(--ac-color)}
.ambient-clock .ac-controls .ac-menu-button{border:0;background:transparent;color:var(--ac-color);opacity:.48;letter-spacing:3px;font-size:13px;width:36px;height:32px;padding:5px}.ambient-clock .ac-controls .ac-menu-button:hover,.ambient-clock .ac-controls .ac-menu-button[aria-expanded=true]{opacity:1;background:#ffffff0b}
.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])){--ac-color:#2d382c;--ac-muted:#4a5744;background:#aeb7a5;border-color:#6c7965;box-shadow:inset 0 2px 12px #0002,0 16px 50px #0002;color:#2d382c}
.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-background{background:linear-gradient(135deg,#c4cbb9,#a5af9b 70%,#b7c0aa);background-size:cover;background-position:center}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-shade{background:linear-gradient(120deg,#fff2,transparent 50%,#55663c0d)}
.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-digit polygon.ac-on{filter:drop-shadow(1px 2px 1px #50603c30)}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-colon{color:var(--ac-color);text-shadow:none}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-footer a{color:#354330}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-range{border-color:#36452d33}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-tile{background:linear-gradient(#b3bca9 49.5%,#a6b09c 50%);border-color:#5b6c4c30;box-shadow:0 3px 5px #32402722}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-flap-top{background:#b3bca9}.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme])) .ac-flap-bottom{background:#a6b09c}
.ambient-clock .ac-panel{position:absolute;z-index:20;top:64px;right:16px;width:360px;max-width:calc(100% - 32px);max-height:calc(100% - 80px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--ac-panel-line);border-radius:16px;background:var(--ac-panel);color:var(--ac-panel-text);box-shadow:0 16px 60px #0008;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scrollbar-width:thin;scrollbar-color:#53616f transparent;color-scheme:dark}
.ambient-clock .ac-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ambient-clock .ac-panel-head strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.ambient-clock .ac-panel button{font:inherit;box-shadow:none;text-transform:none;letter-spacing:normal;cursor:pointer;color:var(--ac-panel-text);background:#ffffff08;border:1px solid var(--ac-panel-line);border-radius:7px;padding:8px 10px;line-height:1.3}.ambient-clock .ac-panel button:hover{background:#ffffff15}.ambient-clock .ac-panel .ac-close{font-size:20px;border:0;padding:0 6px;background:none}.ambient-clock .ac-panel :is(button,input,select):focus-visible{outline:2px solid #9bcdf0;outline-offset:2px}.ambient-clock .ac-hint{font-size:11px;color:#aab5c0;line-height:1.55;margin:9px 0 18px}.ambient-clock .ac-group{padding:0;margin:18px 0;border:0;min-width:0}.ambient-clock .ac-group legend{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aab5c0;margin-bottom:10px}.ambient-clock .ac-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ambient-clock .ac-group[data-group=accent] .ac-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ambient-clock .ac-group[data-group=background] .ac-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ambient-clock .ac-panel .ac-choice{padding:5px;display:flex;flex-direction:column;gap:6px;text-align:center;align-items:stretch;font-size:9px;background:transparent;border-color:transparent}.ambient-clock .ac-panel .ac-choice[aria-pressed=true]{border-color:#a9c4d4;background:#ffffff0a}.ambient-clock .ac-thumb{display:flex;align-items:center;justify-content:center;height:35px;border-radius:4px;background:#0c1117;font-family:monospace;font-size:12px;text-shadow:0 0 6px currentColor;overflow:hidden}.ambient-clock .ac-mini-flip{font-family:Arial,sans-serif;letter-spacing:4px;background:repeating-linear-gradient(90deg,#2b343c 0px,#2b343c 20px,#10161c 21px,#10161c 24px);text-shadow:none;font-size:20px}.ambient-clock .ac-mini-lcd{color:#bdeaff;font-size:20px;letter-spacing:3px}.ambient-clock .ac-bg-nasa{background:radial-gradient(ellipse at 30% 75%,#c6a377,#443d71 40%,#111b37 65%);color:white;font-size:23px}.ambient-clock .ac-bg-photos{background:linear-gradient(155deg,#9db8b8,#4f6b58 50%,#192e21);color:white;font-size:25px}
.ambient-clock .ac-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:16px 0;font-size:11px}.ambient-clock .ac-field input:not([type=checkbox]),.ambient-clock .ac-field select{grid-column:1/-1;width:100%;max-width:100%;border:1px solid var(--ac-panel-line);border-radius:6px;padding:8px;background:#0c131b;color:#e4eaf0;font:12px/1.4 inherit;box-shadow:none;margin:0}.ambient-clock .ac-field input[type=range]{padding:0;accent-color:#afc9d8;height:18px;border:0;background:transparent}.ambient-clock .ac-field input[type=checkbox]{appearance:auto;width:16px;height:16px;accent-color:#acc7d8;margin:0}.ambient-clock .ac-field output{color:#9aaebb;font-size:10px}.ambient-clock .ac-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 6px}.ambient-clock .ac-site-settings{margin-top:22px;padding-top:16px;border-top:1px solid var(--ac-panel-line)}.ambient-clock .ac-site-settings summary{cursor:pointer;font-size:11px}.ambient-clock .ac-admin-form>button{margin:5px 0;width:100%}
@container(max-width:420px){.ambient-clock .ac-panel{right:8px;max-width:calc(100% - 16px);padding:16px;top:56px;max-height:calc(100% - 64px)}.ambient-clock .ac-group[data-group=accent] .ac-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ambient-clock .ac-weather{gap:9px}.ambient-clock .ac-condition{font-size:10px}.ambient-clock .ac-body{gap:20px}}
.ambient-clock .ac-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ambient-clock .ac-panel .ac-photo-choice{padding:2px}.ambient-clock .ac-photo-choice img{display:block;width:100%;height:52px;object-fit:cover;border-radius:4px}
.ambient-clock .ac-weather-symbol{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ambient-clock[data-accent=casio]:is([data-theme=classic],:not([data-theme]))[data-aged="1"][data-mode=lcd] .ac-digit polygon.ac-on{filter:drop-shadow(1px 2px 1px #50603c45)}
.ambient-clock:fullscreen .ac-body{min-height:100vh}
/* Cinematic and arcade theme collection. */
.ambient-clock[data-theme=tecmo]{--ac-color:#f2e7b2;border-radius:10px;border:3px solid #405b46}
.ambient-clock[data-theme=mario]{--ac-color:#ffe1a4;border-radius:12px;border:3px solid #536d95}
.ambient-clock[data-theme=zelda]{--ac-color:#e1ce8e;border-color:#857843}
.ambient-clock[data-theme=tron]{--ac-color:#95f2ff;border-color:#4fbdd96b;border-radius:12px;box-shadow:0 0 30px #22b8d51a,inset 0 0 25px #29d9f00a}
.ambient-clock[data-theme=starwars]{--ac-color:#eedda0;border-color:#54627a}
.ambient-clock[data-theme=startrek]{--ac-color:#e2b88d;border-radius:26px;border:2px solid #796b8a}
.ambient-clock[data-theme=delorean]{--ac-color:#ffb16d;border:3px solid #77786b;border-radius:14px}
.ambient-clock[data-theme]:not([data-theme=classic]) .ac-shade{background:linear-gradient(0deg,#0005,transparent 50%,#0002),rgb(0 0 0 / calc(var(--ac-dim)*.55))}
.ambient-clock[data-theme=tecmo] .ac-background{background-image:url('themes/tecmo.svg')}.ambient-clock[data-theme=mario] .ac-background{background-image:url('themes/mario.svg')}.ambient-clock[data-theme=zelda] .ac-background{background-image:url('themes/zelda.svg')}.ambient-clock[data-theme=tron] .ac-background{background-image:url('themes/tron.svg')}.ambient-clock[data-theme=starwars] .ac-background{background-image:url('themes/starwars.svg')}.ambient-clock[data-theme=startrek] .ac-background{background-image:url('themes/startrek.svg')}.ambient-clock[data-theme=delorean] .ac-background{background-image:url('themes/delorean.svg')}
.ambient-clock[data-theme=tecmo] .ac-date,.ambient-clock[data-theme=mario] .ac-date{font-weight:700;letter-spacing:.13em}.ambient-clock[data-theme=tecmo] .ac-digit polygon.ac-on,.ambient-clock[data-theme=mario] .ac-digit polygon.ac-on{filter:drop-shadow(2px 2px 0 #0006)}
.ambient-clock[data-theme=tecmo] .ac-weather,.ambient-clock[data-theme=mario] .ac-weather{padding:10px 18px;background:#07141e70;border:1px solid #e6ddb22b;border-radius:3px}
.ambient-clock[data-theme=zelda] .ac-weather{border-top:1px solid #d9c98140;padding-top:14px}.ambient-clock[data-theme=zelda] .ac-date{letter-spacing:.25em}
.ambient-clock[data-theme=tron] .ac-tile{background:linear-gradient(#12232e,#07151d);border-color:#5ac9e050;box-shadow:0 0 15px #56cde615}.ambient-clock[data-theme=tron] .ac-date{border-bottom:1px solid #68d9ed4a;padding-bottom:12px}
.ambient-clock[data-theme=starwars] .ac-weather{border:1px solid #9babc130;border-radius:6px;padding:8px 16px;background:#080d19a0}
.ambient-clock[data-theme=startrek] .ac-body{padding-left:10%;padding-right:6%}.ambient-clock[data-theme=startrek] .ac-header{padding-top:20px}.ambient-clock[data-theme=startrek] .ac-footer{padding-top:40px}.ambient-clock[data-theme=startrek] .ac-date{background:#c19b75;color:#10121c;border-radius:0 14px 14px 0;padding:7px 22px;font-weight:600;opacity:1}.ambient-clock[data-theme=startrek] .ac-weather{color:#c4b3e6}.ambient-clock[data-theme=startrek] .ac-tile{border-radius:12px;color:#d3b8e7}
.ambient-clock .ac-tube{position:relative;flex:0 1 92px;width:9cqw;min-width:0;aspect-ratio:.61;border:1px solid #d5c6a341;border-radius:40% 40% 18% 18% / 20% 20% 10% 10%;background:repeating-linear-gradient(0deg,transparent 0 3px,#84704912 3px 4px),linear-gradient(100deg,#ffffff14,transparent 25% 75%,#ffffff0c);box-shadow:inset 0 0 12px #000b,0 8px 0 #242820,0 10px 0 #555547;display:flex;align-items:center;justify-content:center;font:300 clamp(28px,8cqw,86px)/1 'Helvetica Neue',Arial,sans-serif}
.ambient-clock .ac-tube:after{content:'';position:absolute;inset:8% auto 20% 8%;width:4%;border-radius:50%;background:#fff2;filter:blur(1px)}
.ambient-clock .ac-tube-number{color:#ffb56d;text-shadow:0 0 2px #ffedb6,0 0 7px #ff8b36,0 0 var(--ac-glow) #ff642e;z-index:1;font-variant-numeric:tabular-nums}
.ambient-clock .ac-tube-ghost{position:absolute;color:#c97d3b;opacity:.08}.ambient-clock .ac-tube.ac-seconds{flex-basis:58px;width:6cqw;font-size:clamp(22px,5.6cqw,58px);align-self:flex-end}
.ambient-clock[data-theme=delorean] .ac-date{color:#e8a987;background:#231311;border:1px solid #96492d55;padding:7px 18px;border-radius:3px}.ambient-clock[data-theme=delorean] .ac-weather{color:#a6cf98;background:#111e12;border:1px solid #7d9d5b40;padding:8px 16px;border-radius:3px}
.ambient-clock[data-theme=tubes][data-aged="1"] .ac-tube:nth-child(3n){opacity:.76}.ambient-clock[data-theme=tubes][data-aged="1"] .ac-tube:nth-child(2n){opacity:.9}
.ambient-clock .ac-group[data-group=theme] .ac-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ambient-clock .ac-theme-thumb{height:52px!important;background-size:cover!important;background-position:center!important;color:#f0e1ae;font-size:20px!important}
.ambient-clock .ac-theme-thumb[data-theme=tecmo]{background-image:url('themes/tecmo.svg')}.ambient-clock .ac-theme-thumb[data-theme=mario]{background-image:url('themes/mario.svg')}.ambient-clock .ac-theme-thumb[data-theme=zelda]{background-image:url('themes/zelda.svg')}.ambient-clock .ac-theme-thumb[data-theme=tron]{background-image:url('themes/tron.svg');color:#9cefff}.ambient-clock .ac-theme-thumb[data-theme=starwars]{background-image:url('themes/starwars.svg')}.ambient-clock .ac-theme-thumb[data-theme=startrek]{background-image:url('themes/startrek.svg');color:#d7b6ec}.ambient-clock .ac-theme-thumb[data-theme=delorean]{background-image:url('themes/delorean.svg');color:#ffb26d}
@container(max-width:420px){.ambient-clock .ac-tube{border-radius:12px 12px 5px 5px}.ambient-clock[data-theme=startrek] .ac-body{padding-left:12%;padding-right:6%}.ambient-clock[data-theme=delorean] .ac-weather{padding:6px 8px}.ambient-clock[data-theme=zelda] .ac-date{letter-spacing:.12em}}
.ambient-clock .ac-location-row{display:flex;gap:8px;margin:4px 0 10px}.ambient-clock .ac-location-row input,.ambient-clock .ac-admin-form>input:not([type=hidden]){min-width:0;width:100%;border:1px solid var(--ac-panel-line);border-radius:6px;background:#0c131b;color:#e4eaf0;padding:8px;font:12px/1.4 sans-serif}.ambient-clock .ac-location-row button{flex-shrink:0}.ambient-clock .ac-group>button{margin:3px 5px 4px 0}
/* Dedicated 8-bit game faces: these are bitmap numerals, not LCD segments. */
.ambient-clock .ac-game-hud{display:none}.ambient-clock[data-theme=tecmo] .ac-game-hud,.ambient-clock[data-theme=zelda] .ac-game-hud{display:flex;align-items:center;justify-content:space-between;width:min(72%,670px);gap:20px;margin-top:22px}
.ambient-clock .ac-pixel-art{display:block;width:100%;height:100%;fill:currentColor;shape-rendering:crispEdges;overflow:visible}
.ambient-clock .ac-game-label{width:120px;height:9px;color:var(--ac-color)}.ambient-clock .ac-game-label:last-child{width:140px}
.ambient-clock .ac-pixel-digit{display:block;width:clamp(24px,8cqw,84px);aspect-ratio:5/7;flex-shrink:1;min-width:0;color:var(--ac-color);filter:drop-shadow(3px 3px 0 #0009)}.ambient-clock .ac-pixel-digit.ac-seconds{width:clamp(18px,5cqw,54px);align-self:flex-end;opacity:1}
.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-face{margin-top:0;gap:clamp(5px,1.3cqw,15px)}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-colon{display:block;width:clamp(8px,2cqw,20px);height:clamp(24px,5cqw,45px);text-shadow:none;transform:none;opacity:1;flex-shrink:0}
.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-date{width:clamp(140px,24cqw,245px);height:12px;margin:2px 0;padding:0;background:none;border:0;opacity:1}
.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-temperature{width:64px;height:14px}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-condition{width:120px;height:8px;opacity:1}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-range{width:110px;height:8px;opacity:1;padding:0;border:0}
.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-period{width:22px;height:9px;padding:0;margin-bottom:3px;opacity:1;flex-shrink:0}
.ambient-clock[data-theme=tecmo]{--ac-color:#f5df7d;border:4px solid #7282ae;border-radius:0;background:#102268}.ambient-clock[data-theme=tecmo] .ac-shade,.ambient-clock[data-theme=zelda] .ac-shade{background:rgb(0 0 0 / calc(var(--ac-dim)*.15))}.ambient-clock[data-theme=tecmo] .ac-body{padding-bottom:22px;gap:24px;min-height:max(460px,var(--ac-height))}.ambient-clock[data-theme=tecmo] .ac-weather{border:0;background:#101d4e;padding:12px 18px;color:#f5f0d4;margin-bottom:40px}.ambient-clock[data-theme=tecmo] .ac-date{color:#f5f0d4}.ambient-clock[data-theme=tecmo] .ac-footer{padding-top:12px}.ambient-clock[data-theme=tecmo] .ac-tile{border:2px solid #5f74a8;border-radius:0;background:#0a1027}
.ambient-clock[data-theme=zelda]{--ac-color:#f4eed9;border:4px solid #5c653d;border-radius:0;background:#060707}.ambient-clock[data-theme=zelda] .ac-body{gap:24px;min-height:max(460px,var(--ac-height))}.ambient-clock[data-theme=zelda] .ac-game-hud{justify-content:flex-end}.ambient-clock[data-theme=zelda] .ac-game-label{color:#e24b42;width:100px}.ambient-clock .ac-hearts{display:flex;gap:8px}.ambient-clock .ac-hearts svg{display:block;width:22px;height:20px;fill:#e24b42;shape-rendering:crispEdges}.ambient-clock[data-theme=zelda] .ac-face{color:#f4eed9}.ambient-clock[data-theme=zelda] .ac-pixel-digit{filter:none}.ambient-clock[data-theme=zelda] .ac-date{color:#d2a15b}.ambient-clock[data-theme=zelda] .ac-weather{color:#f4eed9;background:none;border:0;padding:6px 0;margin-bottom:50px}.ambient-clock[data-theme=zelda] .ac-footer{padding-top:12px}.ambient-clock[data-theme=zelda] .ac-footer a{color:#0a180e;background:#c5b47ce6;padding:2px 5px;opacity:1}.ambient-clock[data-theme=zelda] .ac-tile{background:#0b100b;border:2px solid #a89760;border-radius:0}
.ambient-clock:is([data-theme=tecmo],[data-theme=zelda])[data-aged="1"] .ac-pixel-digit:nth-of-type(3n){opacity:.83}
@container(max-width:420px){.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-game-hud{width:100%;gap:12px}.ambient-clock .ac-game-label{width:90px;height:7px}.ambient-clock .ac-game-label:last-child{width:110px}.ambient-clock .ac-hearts svg{width:15px;height:14px}.ambient-clock .ac-hearts{gap:5px}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-weather{gap:12px;flex-wrap:wrap;max-width:100%}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-condition{width:95px}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-range{width:100px}.ambient-clock:is([data-theme=tecmo],[data-theme=zelda]) .ac-period{width:15px;height:7px}}
.ambient-clock .ac-theme-thumb .ac-pixel-art{width:76%;height:20px;margin:auto}
/* Live, original pixel scenes; the clock occupies a compact upper HUD. */
.ambient-clock .ac-game-scene{position:absolute;bottom:0;left:0;width:100%;height:58%;z-index:-1;image-rendering:pixelated;pointer-events:none}.ambient-clock[data-scene="1"]{min-height:max(520px,var(--ac-height))}.ambient-clock[data-scene="1"] .ac-background{background:#080e13!important}.ambient-clock[data-scene="1"] .ac-shade{z-index:0;top:42%;background:rgb(0 0 0 / calc(var(--ac-dim)*.48));pointer-events:none}.ambient-clock[data-scene="1"] .ac-body{position:relative;z-index:1;min-height:max(520px,var(--ac-height));justify-content:flex-start;padding:18px 28px 12px;gap:10px}.ambient-clock[data-scene="1"] .ac-header{margin:0;min-height:22px}.ambient-clock[data-scene="1"] .ac-game-hud{margin:0;width:100%;height:14px}.ambient-clock[data-scene="1"] .ac-game-label{height:6px;width:82px}.ambient-clock[data-scene="1"] .ac-hearts svg{width:13px;height:12px}.ambient-clock[data-scene="1"] .ac-face{margin:3px 0 0;gap:12px}.ambient-clock[data-scene="1"] .ac-pixel-digit{width:clamp(24px,5cqw,46px)}.ambient-clock[data-scene="1"] .ac-pixel-digit.ac-seconds{width:clamp(18px,3.5cqw,30px)}.ambient-clock[data-scene="1"] .ac-tile{flex:0 1 46px;font-size:48px}.ambient-clock[data-scene="1"] .ac-tile.ac-seconds{flex-basis:30px;font-size:30px}.ambient-clock[data-scene="1"] .ac-colon{width:8px;height:24px}.ambient-clock[data-scene="1"] .ac-date{width:170px;height:8px;margin:2px 0}.ambient-clock[data-scene="1"] .ac-weather{padding:4px 0;margin:0;background:none;gap:14px;min-height:22px}.ambient-clock[data-scene="1"] .ac-temperature{height:9px;width:44px}.ambient-clock[data-scene="1"] .ac-condition{height:6px;width:86px}.ambient-clock[data-scene="1"] .ac-range{height:6px;width:90px}.ambient-clock[data-scene="1"] .ac-weather-symbol{height:15px;width:15px}.ambient-clock[data-scene="1"] .ac-footer{margin-top:auto;padding:0;min-height:12px}.ambient-clock[data-scene="1"] .ac-footer a{color:#fff;background:#07120dbf;padding:2px 4px}.ambient-clock[data-scene="1"] .ac-panel{z-index:30}
@container(max-width:420px){.ambient-clock[data-scene="1"] .ac-body{padding:14px 16px 10px;gap:10px}.ambient-clock[data-scene="1"] .ac-weather{gap:8px}.ambient-clock[data-scene="1"] .ac-range{width:84px}.ambient-clock[data-scene="1"] .ac-game-scene{height:57%}.ambient-clock[data-scene="1"] .ac-shade{top:43%}.ambient-clock[data-scene="1"] .ac-face{gap:7px}}
.ambient-clock .ac-background-status{font-size:10px;line-height:1.5;max-width:65%;color:#dae2e8;background:#101820a0;border-radius:4px;padding:3px 6px}.ambient-clock .ac-background-status:empty{display:none}.ambient-clock .ac-footer{flex-wrap:wrap}.ambient-clock .ac-panel .ac-nasa-retry{margin:4px 0 12px}
/* Balanced flow: every row reserves its own space; digits retain their proportions. */
.ambient-clock .ac-body{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 24px 14px!important;gap:14px!important;box-sizing:border-box;height:auto;max-width:none!important}
.ambient-clock .ac-header{position:relative;margin:0 0 auto!important;padding:0!important;width:100%;min-height:30px;flex-shrink:0}
.ambient-clock .ac-face{position:relative;display:block;flex:none;margin:0!important;opacity:1}
.ambient-clock .ac-face .ac-number{font-size:inherit}.ambient-clock .ac-digit{transform:none;opacity:1}.ambient-clock .ac-digit polygon.ac-on{opacity:1;fill:var(--ac-color)}
.ambient-clock .ac-date{position:relative;flex:none;margin:0!important;max-width:100%;font-size:12px;line-height:16px;letter-spacing:.12em}
.ambient-clock .ac-date .ac-pixel-art{width:170px;height:9px}.ambient-clock .ac-colon .ac-pixel-art{height:28%;width:100%}
.ambient-clock .ac-weather{position:relative;flex:none;max-width:100%;margin:0!important;gap:10px;padding:4px 8px}
.ambient-clock .ac-footer{position:relative;margin-top:auto;padding:0!important;min-height:14px;gap:5px;flex-shrink:0;max-width:100%}.ambient-clock .ac-footer a{font-size:8px}.ambient-clock .ac-background-status{font-size:9px;max-width:100%}
.ambient-clock .ac-game-hud{margin:0!important;flex:none}
.ambient-clock[data-scene="1"] .ac-header{margin-bottom:0!important}.ambient-clock[data-scene="1"] .ac-body{gap:10px!important}
.ambient-clock[data-bedside="1"]{position:fixed!important;z-index:2147483647!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.ambient-clock[data-bedside="1"] .ac-body{height:100%;min-height:0!important;padding:10px 24px 8px!important;padding-left:max(24px,env(safe-area-inset-left))!important;padding-right:max(24px,env(safe-area-inset-right))!important;gap:8px!important;justify-content:center}
.ambient-clock[data-bedside="1"] .ac-header{margin:0!important}.ambient-clock[data-bedside="1"] .ac-game-hud{display:none!important}.ambient-clock[data-bedside="1"] .ac-footer{margin:0!important;flex-direction:row;align-items:center}.ambient-clock[data-bedside="1"] .ac-game-scene{height:100%;opacity:.25}.ambient-clock[data-bedside="1"][data-scene="1"] .ac-shade{top:0;background:rgba(0,0,0,.45)}
.ambient-clock .ac-panel{top:54px;max-height:calc(100% - 64px)}
@media(max-width:480px){.ambient-clock .ac-body{padding:16px!important}.ambient-clock .ac-weather{gap:7px}.ambient-clock .ac-temperature{font-size:16px}.ambient-clock .ac-condition{font-size:10px}.ambient-clock .ac-range{font-size:9px}.ambient-clock .ac-panel{right:8px;max-width:calc(100% - 16px);padding:14px}}
/* Equivalent basic palette rule for Safari versions without :is(). */
.ambient-clock[data-accent=casio][data-theme=classic]{--ac-color:#2d382c;background:#aeb7a5;border-color:#6c7965}.ambient-clock[data-accent=casio][data-theme=classic] .ac-background{background:linear-gradient(135deg,#c4cbb9,#a5af9b)}.ambient-clock[data-accent=casio][data-theme=classic] .ac-shade{background:rgba(255,255,255,.04)}

/* Photo-viewer flyby sits behind the clock; all attribution lives in the menu. */
.ambient-clock .ac-xwing-scene{position:absolute;left:0;top:0;width:100%;height:100%;border:0;z-index:-2;pointer-events:none}
.ambient-clock .ac-credits{margin:18px 0;padding:12px 0;border-top:1px solid var(--ac-panel-line)}.ambient-clock .ac-credits summary{cursor:pointer;font-size:11px}.ambient-clock .ac-credits a{color:#bad9ef;text-decoration:underline}.ambient-clock .ac-credits .ac-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0!important}.ambient-clock .ac-credits .ac-footer a{max-width:100%;font-size:11px;white-space:normal}.ambient-clock .ac-credits .ac-source{margin-left:0}.ambient-clock .ac-credits .ac-background-status{max-width:100%}

.ambient-clock .ac-body:after{content:"";display:block;margin-top:auto}.ambient-clock[data-bedside="1"] .ac-body:after{display:none}

/* Photo backgrounds always cover, with overscan to crop source-image edges. */
.ambient-clock[data-background=nasa] .ac-background,.ambient-clock[data-background=photos] .ac-background{top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;background-size:cover!important;background-position:50% 50%!important;background-repeat:no-repeat!important;transform:scale(var(--ac-image-zoom,1.2))!important;transform-origin:50% 50%!important;animation:none!important;transition:none!important}

/* Keep the animated time-travel scene beneath a quiet, readable clock face. */
.ambient-clock[data-theme=delorean] .ac-face{z-index:2;background:radial-gradient(ellipse at center,rgba(5,10,16,.78),rgba(5,10,16,.52) 65%,transparent 85%);border-radius:24px}

/* Brief quarter-hour cinema; the subtle menu remains available. */
.ambient-clock[data-cinematic="1"] .ac-face,.ambient-clock[data-cinematic="1"] .ac-date,.ambient-clock[data-cinematic="1"] .ac-weather,.ambient-clock[data-cinematic="1"] .ac-game-hud,.ambient-clock[data-cinematic="1"] .ac-place{visibility:hidden;pointer-events:none}
.ambient-clock[data-cinematic="1"] .ac-shade{opacity:0!important}.ambient-clock[data-cinematic="1"]:not([data-crawl="1"]) .ac-xwing-scene{opacity:1!important}
.ambient-clock .ac-app-link{display:block;margin-top:16px;color:#bad9ef;font-size:12px}

/* Time approaches from the horizon; the star field stays in place. */
@keyframes ac-starwars-time-arrive{
  0%{transform:perspective(800px) translateY(-65%) rotateX(64deg) scale(.055);opacity:0}
  12%{transform:perspective(800px) translateY(-60%) rotateX(64deg) scale(.12);opacity:1}
  65%{transform:perspective(800px) translateY(-12%) rotateX(52deg) scale(.86);opacity:1}
  82%{transform:perspective(800px) translateY(0) rotateX(30deg) scale(1);opacity:1}
  100%{transform:perspective(800px) translateY(0) rotateX(0deg) scale(1);opacity:1}
}
@keyframes ac-starwars-stars-fade{0%,60%{opacity:1}100%{opacity:0}}
@keyframes ac-starwars-details-return{0%,72%{opacity:0}100%{opacity:1}}
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-xwing-scene{transform:none;animation:ac-starwars-stars-fade 5s linear both;animation-delay:var(--ac-crawl-delay,0ms)}
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-face{visibility:visible;transform-origin:50% 50%;animation:ac-starwars-time-arrive 5s ease-in-out both;animation-delay:var(--ac-crawl-delay,0ms);will-change:transform,opacity}
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-date,
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-weather,
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-game-hud,
.ambient-clock[data-cinematic="1"][data-crawl="1"] .ac-place{visibility:visible;animation:ac-starwars-details-return 5s ease-out both;animation-delay:var(--ac-crawl-delay,0ms)}
@media(prefers-reduced-motion:reduce){.ambient-clock[data-crawl="1"] .ac-xwing-scene{animation:none!important;opacity:0!important}.ambient-clock[data-crawl="1"] .ac-face,.ambient-clock[data-crawl="1"] .ac-date,.ambient-clock[data-crawl="1"] .ac-weather,.ambient-clock[data-crawl="1"] .ac-game-hud,.ambient-clock[data-crawl="1"] .ac-place{animation:none!important;transform:none!important}}

.ambient-clock[data-theme=tubes]{--ac-color:#ffb16d;border:3px solid #77786b;border-radius:14px}.ambient-clock[data-theme=tubes] .ac-background{background-image:url('themes/delorean.svg')}.ambient-clock .ac-theme-thumb[data-theme=tubes]{background:#28180d;color:#ffb16d;text-shadow:0 0 10px #ff7800}
.ambient-clock[data-circuits="1"] .ac-face{background:none;border-radius:0}.ambient-clock[data-circuits="1"] .ac-date{display:none}.ambient-clock[data-circuits="1"] .tc-board{position:absolute;top:0;width:1000px;height:550px;transform-origin:0 0;display:flex;flex-direction:column;gap:12px;text-align:center;filter:brightness(var(--ac-brightness,1))}
.tc-row{position:relative;height:175px;padding:14px 28px 9px;border:2px solid #787c7a;border-radius:3px;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#00000008 1px 2px),linear-gradient(110deg,#858a87,#b1b4ae 24%,#777e7b 60%,#a9ada8);box-shadow:inset 0 2px 1px #e4e5df,0 5px 7px #0009;--tc-glow:#ff5546;--tc-well:#260807}
.tc-row:before,.tc-row:after{content:'';position:absolute;top:80px;width:9px;height:9px;border-radius:50%;background:linear-gradient(45deg,#292e2d 45%,#c6cbc5 48%,#c6cbc5 55%,#343937 58%);box-shadow:0 1px 2px #111}.tc-row:before{left:8px}.tc-row:after{right:8px}.tc-present{--tc-glow:#65ffa1;--tc-well:#032211}.tc-departed{--tc-glow:#ffb638;--tc-well:#291601}
.tc-grid{display:grid;grid-template-columns:185px 118px 246px 34px 132px 132px;gap:17px;align-items:end}.tc-cell{min-width:0}.tc-heading{display:table;margin:0 auto 7px;padding:1px 12px;background:#9d291e;color:#f1e9d8;font:800 21px/1.1 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.tc-window{display:flex;gap:3px;height:83px;padding:3px 7px;background:var(--tc-well);border:2px solid #494b37;border-top-color:#282b23;box-shadow:inset 2px 3px 8px #000,0 1px 1px #e0e3ce55}.tc-window svg{height:100%;width:100%;min-width:0;overflow:visible}.tc-lit{fill:var(--tc-glow);filter:drop-shadow(0 0 3px var(--tc-glow))}.tc-unlit{fill:var(--tc-glow);opacity:.075}.tc-caption{display:table;margin:9px auto 0;background:#221d18;color:#e2ded3;padding:2px 12px;font:800 23px/1 Arial,sans-serif;letter-spacing:2px}.tc-ampm{height:83px;display:flex;flex-direction:column;justify-content:space-evenly;font:700 16px/1 Arial,sans-serif;color:#d9caa0}.tc-ampm span:after{content:'';display:block;width:9px;height:9px;margin:3px auto 0;border-radius:50%;background:#342d15}.tc-ampm .tc-active:after{background:var(--tc-glow);box-shadow:0 0 7px var(--tc-glow)}
.ambient-clock .ac-theme-thumb[data-theme=delorean],.ac-remote-thumb[data-theme=delorean]{background:linear-gradient(#ff534729 0 30%,#70ff9a29 33% 64%,#ffb63a29 67%),#343c38;color:#8affad;text-shadow:0 0 6px currentColor;border:3px solid #999e97}

.tc-hour{position:relative}.tc-hour:after{content:'';position:absolute;right:-11px;top:60px;width:4px;height:4px;background:var(--tc-glow);border-radius:50%;box-shadow:0 16px 0 var(--tc-glow),0 0 4px var(--tc-glow)}

/* Weight comes from the SVG geometry, not strokes that crowd the joints. */
.ambient-clock .ac-digit polygon.ac-on{stroke:none}
.ambient-clock .tc-lit{stroke:none}
.ambient-clock .tc-unlit{opacity:.045}
.ambient-clock .ac-tile{font-weight:500}
.ambient-clock .ac-tube-number{font-weight:400}
/* Designer collection: independent proportioned faces, sized as a single unit. */
.ambient-clock[data-designer="1"] .ac-face{margin:0;position:relative}.df-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:6%;color:#e7e8df}.df-dial{height:100%;width:auto;max-width:48%;overflow:visible;filter:drop-shadow(0 12px 18px #0005);flex-shrink:1}.df-companion{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:16px;width:47%}.df-digital{font:400 clamp(24px,8vw,120px)/1 Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}.df-small-time{font:12px/1.4 monospace;letter-spacing:.2em;opacity:.6}.ambient-clock[data-theme="railway"],.ambient-clock[data-theme="bauhaus"],.ambient-clock[data-theme="tank"],.ambient-clock[data-theme="nelson"]{--ac-color:#ede5d3}.ambient-clock[data-theme="museum"]{--ac-color:#d8c18c}.ambient-clock[data-theme="braun"]{--ac-color:#e5dfad}.ambient-clock[data-theme="diver"]{--ac-color:#cee4d2}.ambient-clock[data-theme="octagon"]{--ac-color:#bdd8e3}.df-layout[data-design="tank"] .df-digital{font-family:Georgia,serif;font-weight:400}.df-layout[data-design="museum"] .df-digital{color:#d7c28e;font-weight:300}.df-layout[data-design="bauhaus"] .df-digital{font-weight:300}.df-layout[data-design="nelson"] .df-digital{color:#e0b984}.df-layout[data-design="diver"] .df-digital{color:#dce8cc}.df-layout[data-design="octagon"] .df-digital{color:#c2dbe3}.df-layout[data-design="braun"] .df-small-time{color:#edcf3b}
.df-layout[data-design="pulsar"],.df-layout[data-design="neon"]{position:relative;flex-direction:column;gap:14px;box-sizing:border-box}.df-light-digits{display:flex;align-items:center;justify-content:center;height:85%;width:90%;gap:3%}.df-light-digit{height:100%;min-width:0;width:19%;display:flex;align-items:center;justify-content:center}.df-light-digit svg{height:100%;width:100%;overflow:visible}.df-light-colon{font:300 70px/1 monospace}.df-layout[data-design="pulsar"]{border-radius:65px;background:linear-gradient(135deg,#65716f,#d3d8cf 20%,#6f7d7c 22%,#a3b0ad 60%,#4d5c5c);padding:7% 10%;border:2px solid #bbc1b8;box-shadow:inset 0 2px 4px #f1f3d888,0 15px 30px #0006}.df-layout[data-design="pulsar"] .df-light-digits{height:100%;width:100%;padding:12px 16px;background:linear-gradient(135deg,#360c14,#10060a 60%,#260a11);border:4px solid #414944;border-radius:22px;box-shadow:inset 0 3px 12px #000}.df-layout[data-design="pulsar"] .ac-pixel-art{fill:#ff3e40;filter:drop-shadow(0 0 3px #ff2932)}.df-layout[data-design="pulsar"] .df-light-colon{color:#ff3e40}.df-layout[data-design="pulsar"] .df-small-time{position:absolute;bottom:5%;color:#101a1a;opacity:.85;font-size:10px}
.df-layout[data-design="neon"]{--neon-color:#ff67dc;background:radial-gradient(ellipse at 50% 80%,#27313755,transparent 68%);isolation:isolate}.df-layout[data-design="neon"]:after{content:'';position:absolute;z-index:-1;bottom:3%;left:10%;width:80%;height:15%;border-radius:50%;background:var(--neon-color);filter:blur(30px);opacity:.13;transition:background 1s linear}.df-neon-digit path{fill:none;stroke-linecap:round;stroke-linejoin:round}.neon-shadow{stroke:#000;stroke-width:15;transform:translate(3px,5px);filter:blur(2px)}.neon-glass{stroke:#b2c9d740;stroke-width:12}.neon-halo{stroke:var(--neon-color);stroke-width:13;opacity:.65;filter:blur(7px)}.neon-gas{stroke:var(--neon-color);stroke-width:7;filter:drop-shadow(0 0 3px var(--neon-color))}.neon-core{stroke:#fff2fb;stroke-width:2.3}.neon-glint{stroke:#fff;stroke-width:.55;opacity:.7;transform:translate(-2px,-1px)}.df-neon-digit .neon-clip{stroke:#7e8b9588;stroke-width:2;stroke-linecap:butt}.df-layout[data-design="neon"] .df-light-colon{color:#fff1fb;text-shadow:0 0 8px var(--neon-color),0 0 22px var(--neon-color)}.df-layout[data-design="neon"] .df-small-time{color:var(--neon-color)}.neon-gas,.neon-halo{transition:stroke 1s linear}
.ac-theme-thumb .df-layout{height:46px;gap:3%;padding:2px!important;border-radius:5px!important}.ac-theme-thumb .df-digital{font-size:18px}.ac-theme-thumb .df-small-time{display:none}.ac-theme-thumb .df-companion{width:48%}.ac-theme-thumb .df-light-colon{font-size:19px}.ac-theme-thumb .df-light-digits{padding:2px!important;border-width:1px!important;border-radius:4px!important}.ac-theme-thumb .df-neon-digit .neon-halo{filter:none}.ac-theme-thumb .df-dial{filter:none}
@media(max-width:500px){.df-digital{font-size:10vw}.df-companion{gap:8px}.df-small-time{font-size:9px}.df-light-colon{font-size:36px}.df-layout[data-design="pulsar"]{border-radius:28px}.df-layout[data-design="pulsar"] .df-light-digits{padding:4px;border-radius:10px}.df-layout[data-design="pulsar"] .df-small-time{font-size:7px}}
@media(prefers-reduced-motion:reduce){.neon-gas,.neon-halo,.df-layout[data-design="neon"]:after{transition:none}}

.ambient-clock[data-theme="neon"]{--ac-color:var(--ac-neon-color,#ffacf1)}
.ambient-clock[data-theme="neon"] .ac-date,.ambient-clock[data-theme="neon"] .ac-weather{transition:color 1s linear}
/* Physical Nixie assembly: full-size seconds, glass bulbs, mesh and reflected base. */
.ambient-clock[data-theme="tubes"][data-designer="1"] .ac-face{overflow:visible}
.df-layout[data-design="tubes"]{height:100%;width:100%;background:radial-gradient(ellipse at 50% 78%,#7b39151c,transparent 65%)}
.nx-scene{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 9px #0008)}
.ac-theme-thumb .nx-scene{height:100%;width:100%}

.ambient-clock[data-theme="tubes"][data-background="none"] .ac-background{background-image:none!important;background:radial-gradient(ellipse at 50% 72%,#3a251b55,transparent 67%)}
.ambient-clock[data-theme="tubes"]{border:0;border-radius:12px}

/* Flip glyphs fill the cards; optical correction applies equally to both flaps. */
.ambient-clock .ac-tile{font-family:Arial,sans-serif}
.ambient-clock .ac-number{letter-spacing:0;padding:0}
/* One primary clock face. Header controls stay subtle and outside the dial. */
.ambient-clock[data-designer="1"] .ac-header{position:absolute;top:12px;left:24px;right:24px;z-index:3;min-height:0}
.ambient-clock[data-designer="1"] .ac-place{display:none}
.ambient-clock[data-designer="1"] .ac-controls{margin-left:auto}
.ambient-clock[data-designer="1"] .df-dial{display:block;width:auto;height:100%;max-width:100%;flex:none;filter:drop-shadow(0 7px 12px #0008)}
.ambient-clock[data-designer="1"] .ac-body{gap:8px}
.ac-theme-thumb .df-dial{height:44px;max-width:100%}
/* Photographic glass hardware, with live emissive cathodes behind mesh. */
.df-layout[data-design="tubes"]{background:none}
.nx-photographic{position:relative;isolation:isolate;width:100%;height:100%;filter:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.nx-tube-row{height:91%;display:flex;align-items:stretch;justify-content:center;gap:1.4%;width:100%;position:relative;z-index:2}
.nx-photo-tube{position:relative;flex:0 1 auto;height:100%;aspect-ratio:.405;background-image:url('materials/nixie-glass-v1.png');background-position:center;background-repeat:no-repeat;background-size:auto 100%;filter:drop-shadow(2px 5px 3px #0009)}
.nx-photo-cathode{position:absolute;left:21%;top:28%;width:58%;height:41%;overflow:visible}
.nx-photo-cathode path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.nx-photo-haze{stroke:#ff650a;stroke-width:12;filter:blur(4px);opacity:.92}
.nx-photo-orange{stroke:#ff9b32;stroke-width:5;filter:drop-shadow(0 0 2px #ff6200)}
.nx-photo-core{stroke:#fff0bf;stroke-width:2.2}
.nx-photo-light{position:absolute;inset:24% 11% 12%;background:radial-gradient(ellipse at 50% 40%,#ff6d131c,transparent 60%),radial-gradient(ellipse at 50% 88%,#ff420059,transparent 40%);mix-blend-mode:screen;pointer-events:none}
.nx-photo-specular{position:absolute;inset:12% 5% 14%;border-radius:40% 40% 13% 13%/20% 20% 3% 3%;background:linear-gradient(90deg,transparent 5%,#fff1 9%,transparent 13%,transparent 84%,#fff2 88%,transparent 93%);pointer-events:none}
.nx-photo-separator{align-self:flex-end;width:1.1%;min-width:3px;height:22%;margin:0 0 10%;position:relative;border:1px solid #87908c88;border-radius:50% 50% 20% 20%;background:linear-gradient(90deg,#a8bbc133,#040506,#c8d0d055)}
.nx-photo-separator i{position:absolute;top:45%;left:24%;right:24%;height:20%;border-radius:2px;background:#ffce6a;box-shadow:0 0 3px #ffad30,0 0 10px #ff5400}
.nx-photo-base{position:absolute;z-index:3;left:2%;right:2%;bottom:8%;height:5%;border-radius:3px;background:linear-gradient(#424746,#0d1112 18%,#090c0d 65%,#242c2b 70%,#080b0c);box-shadow:0 3px 4px #000,inset 0 1px #78817c55}
.nx-photo-reflection{position:absolute;bottom:0;width:86%;height:12%;background:repeating-linear-gradient(90deg,transparent 0 3%,#ff63002b 6% 9%,transparent 13% 17%);filter:blur(8px);opacity:.6;transform:perspective(100px) rotateX(35deg)}
.ac-theme-thumb .nx-photo-base{height:4%}.ac-theme-thumb .nx-photo-cathode{filter:none}
@supports not (aspect-ratio:1){.nx-photo-tube{width:14%;flex:0 1 14%}.nx-scene[data-count="4"] .nx-photo-tube{width:20%;flex-basis:20%}}
.ambient-clock[data-designer="1"] .ac-header{width:auto;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
.nx-photo-tube{width:var(--nx-tube-width,14%);flex:0 0 var(--nx-tube-width,14%)}
.ac-theme-thumb .nx-photo-tube{width:14%;flex-basis:14%}
/* Photographic hand-bent neon: isolated glass sprites, live time and light. */
.df-layout[data-design="neon"]{--neon-rotation:285deg;gap:8px;background:radial-gradient(ellipse at 50% 65%,#171b2044,transparent 70%)}
.df-layout[data-design="neon"] .df-light-digits{height:84%;width:96%;gap:1.8%;mix-blend-mode:screen;isolation:isolate}
.df-layout[data-design="neon"] .df-light-digit{width:21%;position:relative}
.neon-material{display:block;position:relative;width:100%;height:100%;background-image:url('materials/neon-numerals-v1.png');background-repeat:no-repeat;background-size:590.7692308% 243.8095238%;filter:hue-rotate(var(--neon-rotation)) saturate(.85);transition:filter 1s linear}
.neon-material:before{content:'';position:absolute;inset:0;background:inherit;filter:blur(10px);opacity:.3;z-index:-1}
.neon-material:after{content:'';position:absolute;left:0;right:0;top:100%;height:100%;background:inherit;transform:scaleY(-1);opacity:.14;filter:blur(2px);-webkit-mask-image:linear-gradient(to top,#000,transparent 25%);mask-image:linear-gradient(to top,#000,transparent 25%);pointer-events:none}
.df-layout[data-design="neon"] .df-light-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20%;width:4%;height:100%;flex:none;text-shadow:none}
.neon-colon-bulb{display:block;width:15px;height:19px;border-radius:50%;background:radial-gradient(ellipse at 37% 30%,#fff 0 7%,#ffe5ce 12%,#ffb36b 30%,#ff641f 48%,#441c1070 70%);border:1px solid #d3aca17a;box-shadow:inset 1px 1px 2px #fff7,0 0 8px #ff6b1166,0 0 20px #ff611b22;filter:hue-rotate(var(--neon-rotation)) saturate(.85);transition:filter 1s linear}
.df-layout[data-design="neon"] .df-small-time{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em;opacity:.65;margin-top:2px}
.df-layout[data-design="neon"]:after{bottom:2%;opacity:.08;filter:blur(28px);height:10%}
.ac-theme-thumb .neon-material:before,.ac-theme-thumb .neon-material:after{display:none}.ac-theme-thumb .neon-colon-bulb{width:3px;height:4px}
@media(max-width:500px){.neon-colon-bulb{width:9px;height:12px}}
@media(prefers-reduced-motion:reduce){.neon-material,.neon-colon-bulb{transition:none}}
.df-layout[data-design="neon"]{isolation:auto}
.df-layout[data-design="neon"] .df-light-digits{isolation:auto;mix-blend-mode:normal}
.neon-material{mix-blend-mode:screen}
/* Slow gas-color wave travels through each tube, staggered across the clock. */
.neon-material{filter:hue-rotate(var(--neon-rotation)) saturate(.85) brightness(var(--gas-brightness,1))}
.neon-gas-flow{position:absolute;inset:0;display:block;background:inherit;filter:hue-rotate(65deg);opacity:var(--gas-strength,0);-webkit-mask-image:linear-gradient(155deg,transparent var(--gas-before,-148%),#000 var(--gas-front,-100%),transparent var(--gas-after,-52%));mask-image:linear-gradient(155deg,transparent var(--gas-before,-148%),#000 var(--gas-front,-100%),transparent var(--gas-after,-52%));pointer-events:none}
@media(prefers-reduced-motion:reduce){.neon-gas-flow{display:none}}
/* Quiet corner information, independently switchable from the clock menu. */
.ambient-clock .ac-date[hidden]{display:none!important}
.ambient-clock[data-info-layout="corners"] .ac-body{padding-bottom:48px!important}
.ambient-clock[data-info-layout="corners"] .ac-date{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(15px,env(safe-area-inset-bottom));max-width:46%;font-size:10px;letter-spacing:.11em;line-height:20px;opacity:.65;background:none;border:0;padding:0!important;text-align:left;white-space:nowrap}
.ambient-clock[data-info-layout="corners"] .ac-weather{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:46%;min-height:24px;justify-content:flex-end;gap:8px;padding:0!important;background:none;border:0;opacity:.8}
.ambient-clock[data-info-layout="corners"] .ac-weather .ac-condition,.ambient-clock[data-info-layout="corners"] .ac-weather .ac-range{display:none}
.ambient-clock[data-info-layout="corners"] .ac-weather-symbol{width:18px;height:18px}
.ambient-clock[data-info-layout="corners"] .ac-temperature{font-size:17px}
.ambient-clock[data-info-layout="corners"] .ac-date .ac-pixel-art{width:130px;height:7px}
@media(max-width:380px){.ambient-clock[data-info-layout="corners"] .ac-date{font-size:8px;letter-spacing:.06em;left:12px}.ambient-clock[data-info-layout="corners"] .ac-weather{right:12px;gap:5px}}
/* Reflowed wide/tall dials keep lettering and hardware at native proportions. */
.ambient-clock[data-designer="1"] .df-responsive{width:100%;height:100%;max-width:none}
.df-layout[data-design="neon"] .df-small-time:empty{display:none}
.neon-material:before{opacity:.44;filter:blur(13px)}
.df-layout[data-design="neon"]:after{opacity:.13}

/* Opacity preserves the settings hit target and keyboard access. */
.ambient-clock .ac-controls .ac-menu-button{transition:opacity .8s ease}
.ambient-clock[data-menu-idle="1"] .ac-controls .ac-menu-button{opacity:0;background:transparent}
.ambient-clock .ac-controls .ac-menu-button:focus-visible{opacity:1}