*,*:before,*:after{box-sizing:border-box}:root{--bit-size: clamp(3.6rem, 24vmin, 7rem);--bit-gap: clamp(.18rem, .8vmin, .38rem);--clock-gap: clamp(1rem, 3.4vmin, 1.95rem);--group-gap: clamp(.34rem, 1.8vmin, .9rem);--control-height: clamp(2.1rem, 4.4vw, 2.4rem);--control-width: clamp(6rem, 12vw, 7rem);--switch-knob: calc(var(--control-height) - .4rem);--motion-base: .32s;--motion-slow: .52s;--ease-primary: cubic-bezier(.2, .78, .18, 1);--ease-soft: cubic-bezier(.25, .1, .2, 1);--ease-bubble-in: cubic-bezier(.15, .86, .24, 1.12);--ease-bubble-out: cubic-bezier(.22, .76, .2, 1.06);--bubble-travel: 1;--scanline-gap: 3px;--scanline-opacity: .06;--radar-glow-size: 1;--surface-bg: radial-gradient(circle at 18% 15%, #171127 0%, #070709 62%, #000 100%);--surface-card: rgba(15, 14, 24, .52);--surface-edge: rgba(255, 255, 255, .16);--text-main: #f5f7ff;--text-muted: #b6b9cc;--control-bg: rgba(255, 255, 255, .08);--control-active: #f9f6ff;--focus-ring: #ffd756;--help-plus-color: rgba(226, 231, 255, .6);--help-plus-glow: rgba(255, 255, 255, .14);--digital-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));--digital-panel-border: rgba(255, 255, 255, .24);--digital-pill-bg: rgba(0, 0, 0, .4);--digital-pill-border: rgba(255, 255, 255, .22);--digital-label: rgba(220, 226, 255, .85);--digital-value: rgba(251, 253, 255, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03));--digital-meridiem-border: rgba(255, 255, 255, .28);--digital-meridiem-text: rgba(244, 247, 255, .94);--hours-on: #ff516b;--minutes-on: #4c6bff;--seconds-on: #4dff6f;--hours-glow: rgba(255, 81, 107, .5);--minutes-glow: rgba(76, 107, 255, .5);--seconds-glow: rgba(77, 255, 111, .45);--bit-off: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .35));--bit-off-border: rgba(206, 214, 255, .28);--bit-on-shadow-shape: 0 0 24px;--pulse-speed: 2.8s;--font-main: "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "Consolas", "Courier New", monospace}html,body{margin:0;padding:0;touch-action:auto}.clock,.clock .bit{touch-action:pan-x pan-y pinch-zoom}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent 0px,transparent calc(var(--scanline-gap) - 1px),rgba(0,0,0,var(--scanline-opacity)) calc(var(--scanline-gap) - 1px),rgba(0,0,0,var(--scanline-opacity)) var(--scanline-gap));transition:opacity var(--motion-base) var(--ease-soft);animation:scanlineDrift 10s linear infinite,scanlineWave 7s ease-in-out alternate infinite;will-change:background-position,transform}body.scanlines-off:after{opacity:0}@media(prefers-reduced-motion:reduce){body:after{animation:none;will-change:auto}}body{min-height:100vh;min-height:100dvh;font-family:var(--font-main);color:var(--text-main);background:var(--surface-bg);display:grid;place-items:center;padding:clamp(.3rem,2.2vw,.7rem);position:relative;isolation:isolate;overflow-x:hidden}.appShell{width:min(100%,34rem);min-height:100dvh;display:grid;grid-template-columns:1fr;gap:clamp(.32rem,1.1vh,.62rem);justify-items:center;align-content:center;position:relative;z-index:1}.clock{display:flex;align-items:center;justify-content:center;gap:var(--clock-gap);position:relative;width:max-content;max-width:min(100%,calc(100vw - 1.2rem));min-height:clamp(22rem,76dvh,44rem);padding:clamp(.24rem,1.7vmin,.75rem);border-radius:0;background:none;border:none;box-shadow:none;flex-wrap:nowrap;margin-inline:auto;overflow:visible}.timeGroup{display:flex;align-items:center;justify-content:center;gap:var(--group-gap);position:relative;overflow:visible;transition:transform var(--motion-slow) var(--ease-primary),opacity var(--motion-base) var(--ease-soft)}.timeGroup+.timeGroup{padding-left:0;margin-left:0}.timeGroup+.timeGroup:before{content:"";position:absolute;left:calc(var(--clock-gap) * -.5);top:6%;height:88%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.24) 20%,rgba(255,255,255,.24) 80%,transparent);box-shadow:0 0 8px #ffffff1f}.digit{display:flex;flex-direction:column;--effective-bit-gap: var(--bit-gap);gap:var(--effective-bit-gap);position:relative;overflow:visible;transition:transform var(--motion-slow) var(--ease-primary),opacity var(--motion-base) var(--ease-soft)}body.help-visible .clock[data-mode="4bit"] .digit{--effective-bit-gap: calc(var(--bit-gap) + (var(--bit-size) * .16))}.bit{width:var(--bit-size);height:var(--bit-size);--row-index: 3;--mode-delay-in: 0ms;--mode-delay-out: 0ms;--rand-delay-in: 0ms;--rand-delay-out: 0ms;--rand-ease-in: var(--ease-bubble-in);--rand-ease-out: var(--ease-bubble-out);--column-offset: 0ms;--mode-shift-x: 0px;--mode-shift-y: 0px;border-radius:999px;border:1px solid var(--bit-off-border);background:var(--bit-off);box-shadow:inset 0 -.35rem .6rem #00000040;transform-origin:center;transition:transform var(--motion-base) var(--ease-primary),border-radius var(--motion-base) var(--ease-primary),opacity var(--motion-base) var(--ease-soft),background-color var(--motion-base) var(--ease-soft),box-shadow var(--motion-base) var(--ease-soft),border-color var(--motion-base) var(--ease-soft),filter var(--motion-base) var(--ease-soft);position:relative;overflow:visible}.helpRows4,.helpRows6{position:absolute;inset:0;pointer-events:none;opacity:0;transform:scale(.98);z-index:3;transition:opacity .32s var(--ease-soft),transform .36s var(--ease-primary),filter .26s var(--ease-soft);--column-offset: 0ms;--rand-delay-in: 0ms;--rand-delay-out: 0ms;--rand-ease-in: var(--ease-bubble-in);--rand-ease-out: var(--ease-bubble-out)}.helpPlusRow{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:clamp(.72rem,calc(var(--bit-size) * .35),1.6rem);font-weight:700;line-height:1;color:var(--help-plus-color);text-shadow:0 0 10px var(--help-plus-glow),0 0 3px var(--help-plus-color);transition:color var(--motion-base) var(--ease-soft),text-shadow var(--motion-base) var(--ease-soft)}.helpRows4 .helpPlusRow[data-pos="1"]{top:calc((var(--bit-size) * 1) + (var(--effective-bit-gap) * .5))}.helpRows4 .helpPlusRow[data-pos="2"]{top:calc((var(--bit-size) * 2) + (var(--effective-bit-gap) * 1.5))}.helpRows4 .helpPlusRow[data-pos="3"]{top:calc((var(--bit-size) * 3) + (var(--effective-bit-gap) * 2.5))}.helpRows6 .helpPlusRow[data-pos="1"]{top:calc((var(--bit-size) * 1) + (var(--effective-row-gap) * .5))}.helpRows6 .helpPlusRow[data-pos="2"]{top:calc((var(--bit-size) * 2) + (var(--effective-row-gap) * 1.5))}.helpRows6 .helpPlusRow[data-pos="3"]{top:calc((var(--bit-size) * 3) + (var(--effective-row-gap) * 2.5))}.helpRows6 .helpPlusRow[data-pos="4"]{top:calc((var(--bit-size) * 4) + (var(--effective-row-gap) * 3.5))}.helpRows6 .helpPlusRow[data-pos="5"]{top:calc((var(--bit-size) * 5) + (var(--effective-row-gap) * 4.5))}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow{top:50%;transform:translate(-50%,-50%)}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow[data-pos="1"]{left:calc((var(--bit-size) * 1) + (var(--effective-row-gap) * .5))}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow[data-pos="2"]{left:calc((var(--bit-size) * 2) + (var(--effective-row-gap) * 1.5))}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow[data-pos="3"]{left:calc((var(--bit-size) * 3) + (var(--effective-row-gap) * 2.5))}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow[data-pos="4"]{left:calc((var(--bit-size) * 4) + (var(--effective-row-gap) * 3.5))}body.bits-horizontal .clock[data-mode="6bit"] .helpRows6 .helpPlusRow[data-pos="5"]{left:calc((var(--bit-size) * 5) + (var(--effective-row-gap) * 4.5))}body.bits-horizontal .clock[data-mode="4bit"] .helpRows4 .helpPlusRow{top:50%;transform:translate(-50%,-50%)}body.bits-horizontal .clock[data-mode="4bit"] .helpRows4 .helpPlusRow[data-pos="1"]{left:calc((var(--bit-size) * 1) + (var(--effective-bit-gap) * .5))}body.bits-horizontal .clock[data-mode="4bit"] .helpRows4 .helpPlusRow[data-pos="2"]{left:calc((var(--bit-size) * 2) + (var(--effective-bit-gap) * 1.5))}body.bits-horizontal .clock[data-mode="4bit"] .helpRows4 .helpPlusRow[data-pos="3"]{left:calc((var(--bit-size) * 3) + (var(--effective-bit-gap) * 2.5))}body.help-visible .clock[data-mode="4bit"] .helpRows4,body.help-visible .clock[data-mode="6bit"] .helpRows6{opacity:.58;transform:scale(1)}.digitalPanel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.32rem,1vw,.72rem);width:fit-content;max-width:100%;opacity:0;pointer-events:none;transform:translateY(-.2rem) scale(.98);transition:opacity var(--motion-base) var(--ease-soft),transform var(--motion-base) var(--ease-primary);background:var(--digital-panel-bg);border:1px solid var(--digital-panel-border);border-radius:.95rem;padding:clamp(.4rem,1vw,.7rem) clamp(.6rem,1.5vw,1rem);box-shadow:inset 0 1px #ffffff14,0 10px 26px #00000047}body.digital-visible .digitalPanel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);cursor:pointer}@media(hover:hover)and (pointer:fine){body.digital-visible .digitalPanel:hover{opacity:.84}}body.digital-visible .digitalPanel:active{opacity:.7}.digitalRow{display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,1.3vw,.95rem);flex-wrap:wrap;cursor:hand}.digitalCell{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .48rem;border-radius:999px;background:var(--digital-pill-bg);border:1px solid var(--digital-pill-border);font-family:var(--font-mono);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.digitalLabel{font-size:clamp(.58rem,1vw,.88rem);letter-spacing:.08em;color:var(--digital-label)}.digitalValue{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.02em;height:1em;overflow:hidden;font-size:clamp(.9rem,calc(var(--bit-size) * .26),1.52rem);font-weight:700;letter-spacing:.06em;color:var(--digital-value);width:2.35ch;min-width:2.35ch;text-align:center}.digitalValue .digitSlot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1ch;height:1em;overflow:hidden}.digitalValue .digitLayer{position:absolute;left:0;right:0;top:50%;display:inline-flex;justify-content:center;align-items:center;transform:translateY(-50%);will-change:transform,opacity;pointer-events:none}.digitalValue .digitLayer.out{animation:digitalRollOutUp .36s var(--ease-primary) both}.digitalValue .digitLayer.in{animation:digitalRollInUp .36s var(--ease-primary) both}.meridiemBadge{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:clamp(.68rem,1.1vw,.95rem);letter-spacing:.16em;text-transform:uppercase;line-height:1;color:var(--digital-meridiem-text);max-width:0;padding:.34rem 0;border-radius:999px;border:0 solid var(--digital-meridiem-border);background:var(--digital-meridiem-bg);box-shadow:inset 0 1px #ffffff24,0 8px 18px #0000003d;opacity:0;pointer-events:none;transform:translateY(-.18rem) scale(.98);transition:max-width .24s var(--ease-primary),padding .24s var(--ease-primary),border-width .24s var(--ease-primary),opacity .24s var(--ease-soft),transform .26s var(--ease-primary)}.meridiemBadge.is-visible{max-width:6.5ch;padding:.34rem .58rem;border-width:1px;opacity:.96;transform:translateY(0) scale(1)}.bit:after{content:attr(data-help);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.84);padding:calc(var(--bit-size) * .05) calc(var(--bit-size) * .09);border-radius:999px;font-family:var(--font-mono);font-size:clamp(.58rem,calc(var(--bit-size) * .26),1.35rem);line-height:1;letter-spacing:.04em;color:#f7f9fff0;background:#00000073;border:1px solid rgba(255,255,255,.22);opacity:0;pointer-events:none;transition:opacity .32s var(--ease-soft),transform .36s var(--ease-primary),background-color .22s var(--ease-soft)}body.help-visible .bit:after{opacity:.92;transform:translate(-50%,-50%) scale(1)}body.help-visible .bit[data-active-help=false]:after{opacity:.55}body.help-visible .bit.on:after{background:#0000008c}.hour1,.minute1,.second1{--row-index: 1;--mode-delay-in: 0ms;--mode-delay-out: .21s;--mode-shift-x: -14px;--mode-shift-y: -30px}.hour2,.minute2,.second2{--row-index: 2;--mode-delay-in: .15s;--mode-delay-out: 40ms;--mode-shift-x: 12px;--mode-shift-y: -20px}.hour3,.minute3,.second3{--row-index: 3;--mode-delay-in: 55ms;--mode-delay-out: 165ms;--mode-shift-x: -9px;--mode-shift-y: -9px}.hour4,.minute4,.second4{--row-index: 4;--mode-delay-in: 195ms;--mode-delay-out: 85ms;--mode-shift-x: 10px;--mode-shift-y: 9px}.hour5,.minute5,.second5{--row-index: 5;--mode-delay-in: 95ms;--mode-delay-out: 135ms;--mode-shift-x: -8px;--mode-shift-y: 20px}.hour6,.minute6,.second6{--row-index: 6;--mode-delay-in: 235ms;--mode-delay-out: 0ms;--mode-shift-x: 12px;--mode-shift-y: 30px}.hours .bit{--column-offset: 0ms}.minutes .bit{--column-offset: 90ms}.seconds .bit{--column-offset: 45ms}.hours .bit.on{background:radial-gradient(circle at 30% 28%,#ffd4dc 3%,var(--hours-on) 68%);border-color:#f8aab8;box-shadow:var(--bit-on-shadow-shape) var(--hours-glow),inset 0 0 .65rem #ffffff59}.minutes .bit.on{background:radial-gradient(circle at 30% 28%,#d6ddff 3%,var(--minutes-on) 68%);border-color:#aab8ff;box-shadow:var(--bit-on-shadow-shape) var(--minutes-glow),inset 0 0 .65rem #ffffff4d}.seconds .bit.on{background:radial-gradient(circle at 30% 28%,#d6ffe0 3%,var(--seconds-on) 68%);border-color:#a8ffbc;box-shadow:var(--bit-on-shadow-shape) var(--seconds-glow),inset 0 0 .65rem #ffffff47}.clock[data-mode="6bit"] .digit.tens,.clock[data-mode="6bit"] .digit.units{display:contents;transform:none}.clock[data-mode="6bit"] .timeGroup{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,var(--bit-size));width:var(--bit-size);--effective-row-gap: var(--bit-gap);row-gap:var(--effective-row-gap);justify-items:center}body.help-visible .clock[data-mode="6bit"] .timeGroup{--effective-row-gap: calc(var(--bit-gap) + (var(--bit-size) * .12))}.clock[data-mode="6bit"] .hour1,.clock[data-mode="6bit"] .minute1,.clock[data-mode="6bit"] .second1{grid-row:1}.clock[data-mode="6bit"] .hour2,.clock[data-mode="6bit"] .minute2,.clock[data-mode="6bit"] .second2{grid-row:2}.clock[data-mode="6bit"] .hour3,.clock[data-mode="6bit"] .minute3,.clock[data-mode="6bit"] .second3{grid-row:3}.clock[data-mode="6bit"] .hour4,.clock[data-mode="6bit"] .minute4,.clock[data-mode="6bit"] .second4{grid-row:4}.clock[data-mode="6bit"] .hour5,.clock[data-mode="6bit"] .minute5,.clock[data-mode="6bit"] .second5{grid-row:5}.clock[data-mode="6bit"] .hour6,.clock[data-mode="6bit"] .minute6,.clock[data-mode="6bit"] .second6,body.lsb-first .clock[data-mode="6bit"] .hour1,body.lsb-first .clock[data-mode="6bit"] .minute1,body.lsb-first .clock[data-mode="6bit"] .second1{grid-row:6}body.lsb-first .clock[data-mode="6bit"] .hour2,body.lsb-first .clock[data-mode="6bit"] .minute2,body.lsb-first .clock[data-mode="6bit"] .second2{grid-row:5}body.lsb-first .clock[data-mode="6bit"] .hour3,body.lsb-first .clock[data-mode="6bit"] .minute3,body.lsb-first .clock[data-mode="6bit"] .second3{grid-row:4}body.lsb-first .clock[data-mode="6bit"] .hour4,body.lsb-first .clock[data-mode="6bit"] .minute4,body.lsb-first .clock[data-mode="6bit"] .second4{grid-row:3}body.lsb-first .clock[data-mode="6bit"] .hour5,body.lsb-first .clock[data-mode="6bit"] .minute5,body.lsb-first .clock[data-mode="6bit"] .second5{grid-row:2}body.lsb-first .clock[data-mode="6bit"] .hour6,body.lsb-first .clock[data-mode="6bit"] .minute6,body.lsb-first .clock[data-mode="6bit"] .second6{grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour1,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute1,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second1{grid-column:6;grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour2,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute2,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second2{grid-column:5;grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour3,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute3,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second3{grid-column:4;grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour4,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute4,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second4{grid-column:3;grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour5,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute5,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second5{grid-column:2;grid-row:1}body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .hour6,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .minute6,body.lsb-first.bits-horizontal .clock[data-mode="6bit"] .second6{grid-column:1;grid-row:1}body.lsb-first .clock[data-mode="4bit"] .digit{flex-direction:column-reverse}body.lsb-first.bits-horizontal .clock[data-mode="4bit"] .digit{flex-direction:row-reverse}.clock[data-mode="6bit"] [data-not6Bit]{position:absolute;opacity:0;visibility:hidden;transform:translateY(-.65rem) scale(.2);filter:blur(.12rem);pointer-events:none}.clock[data-mode="4bit"] .digit.tens,.clock[data-mode="4bit"] .digit.units{transform:translate(0) translateY(0)}.clock[data-mode="4bit"] [data-not6Bit]{opacity:1;visibility:visible;transform:translateY(0) scale(1);filter:blur(0)}body.bits-horizontal .clock[data-mode="6bit"] .timeGroup{grid-template-columns:repeat(6,var(--bit-size));grid-template-rows:1fr;column-gap:var(--effective-row-gap);row-gap:0}body.bits-horizontal .clock{flex-direction:column;gap:calc(var(--clock-gap) * .82)}body.bits-horizontal .clock .timeGroup{width:100%}body.bits-horizontal .clock .timeGroup+.timeGroup:before{left:50%;top:calc(var(--clock-gap) * -.41);width:min(92%,calc((var(--bit-size) * 6) + (var(--bit-gap) * 5)));height:1px;transform:translate(-50%);background:linear-gradient(to right,transparent,rgba(255,255,255,.24) 20%,rgba(255,255,255,.24) 80%,transparent)}body.bits-horizontal .clock[data-mode="6bit"] .hour1,body.bits-horizontal .clock[data-mode="6bit"] .minute1,body.bits-horizontal .clock[data-mode="6bit"] .second1{grid-column:1;grid-row:1}body.bits-horizontal .clock[data-mode="6bit"] .hour2,body.bits-horizontal .clock[data-mode="6bit"] .minute2,body.bits-horizontal .clock[data-mode="6bit"] .second2{grid-column:2;grid-row:1}body.bits-horizontal .clock[data-mode="6bit"] .hour3,body.bits-horizontal .clock[data-mode="6bit"] .minute3,body.bits-horizontal .clock[data-mode="6bit"] .second3{grid-column:3;grid-row:1}body.bits-horizontal .clock[data-mode="6bit"] .hour4,body.bits-horizontal .clock[data-mode="6bit"] .minute4,body.bits-horizontal .clock[data-mode="6bit"] .second4{grid-column:4;grid-row:1}body.bits-horizontal .clock[data-mode="6bit"] .hour5,body.bits-horizontal .clock[data-mode="6bit"] .minute5,body.bits-horizontal .clock[data-mode="6bit"] .second5{grid-column:5;grid-row:1}body.bits-horizontal .clock[data-mode="6bit"] .hour6,body.bits-horizontal .clock[data-mode="6bit"] .minute6,body.bits-horizontal .clock[data-mode="6bit"] .second6{grid-column:6;grid-row:1}body.bits-horizontal .clock[data-mode="4bit"] .digit{flex-direction:row}body.bits-horizontal .clock[data-mode="4bit"] .timeGroup{flex-direction:column;align-items:center;gap:calc(var(--group-gap) * 1.18)}body.help-visible .help-rows-transitioning .helpRows4,body.help-visible .help-rows-transitioning .helpRows6{will-change:transform,opacity,filter}body.theme-transitioning:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 14%,var(--theme-fade-hours-glow) 0%,transparent 34%),radial-gradient(circle at 78% 18%,var(--theme-fade-minutes-glow) 0%,transparent 36%),radial-gradient(circle at 52% 84%,var(--theme-fade-seconds-glow) 0%,transparent 34%),var(--theme-fade-surface-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-fade-surface-card) 86%,transparent),0 0 12rem color-mix(in srgb,var(--theme-fade-theme-bg-glow) 70%,transparent);opacity:1;animation:themeColorFade var(--theme-fade-duration) var(--ease-soft) var(--theme-fade-start) both}body.theme-transitioning .clock,body.theme-transitioning .digitalPanel,body.theme-transitioning .helpPlusRow{transition:color var(--theme-fade-duration) var(--ease-soft),border-color var(--theme-fade-duration) var(--ease-soft),box-shadow var(--theme-fade-duration) var(--ease-soft),text-shadow var(--theme-fade-duration) var(--ease-soft),background-color var(--theme-fade-duration) var(--ease-soft)}body.mode-transitioning.to-6bit [data-not6Bit]{opacity:0!important;visibility:hidden!important;transform:scale(0)!important;filter:none!important;animation:none!important;transition:none!important;pointer-events:none!important}body.mode-transitioning .clock{pointer-events:none;perspective:1000px;overflow:hidden}body.mode-transitioning .timeGroup{transition-duration:var(--motion-slow);transform-style:preserve-3d}body.mode-transitioning .bit{will-change:transform,opacity,filter;transition-duration:.98s,.94s,var(--motion-base),var(--motion-base),var(--motion-base),.98s}body.help-visible.mode-transitioning .bit:after{animation:helpValueFade .98s var(--ease-soft) both;animation-delay:calc((var(--column-offset) * .35) + (var(--rand-delay-in) * .4))}body.help-visible.orientation-transitioning .bit:after{animation:helpValueFade .98s var(--ease-soft) both;animation-delay:calc((var(--column-offset) * .35) + (var(--rand-delay-in) * .4))}body.help-visible.mode-transitioning.to-6bit .clock[data-mode="6bit"] .helpRows6{animation:helpRowsFadeIn 1.48s var(--rand-ease-in) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-in, 0ms) + var(--rand-delay-in))}body.help-visible.mode-transitioning.to-4bit .clock[data-mode="4bit"] .helpRows4{animation:helpRowsFadeIn 1.36s var(--rand-ease-out) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-out, 0ms) + var(--rand-delay-out))}body.help-visible.mode-transitioning.to-6bit .clock[data-mode="6bit"] .helpRows4{animation:helpRowsFadeOut .92s var(--rand-ease-out) both;animation-delay:calc(var(--column-offset) + var(--rand-delay-out))}body.help-visible.mode-transitioning.to-4bit .clock[data-mode="4bit"] .helpRows6{animation:helpRowsFadeOut .92s var(--rand-ease-in) both;animation-delay:calc(var(--column-offset) + var(--rand-delay-in))}body.help-visible.orientation-transitioning.to-horizontal .clock[data-mode="4bit"] .helpRows4,body.help-visible.orientation-transitioning.to-horizontal .clock[data-mode="6bit"] .helpRows6{animation:helpRowsFadeIn 1.18s var(--rand-ease-in) both;animation-delay:calc(var(--column-offset) + var(--rand-delay-in))}body.help-visible.orientation-transitioning.to-vertical .clock[data-mode="4bit"] .helpRows4,body.help-visible.orientation-transitioning.to-vertical .clock[data-mode="6bit"] .helpRows6{animation:helpRowsFadeIn 1.18s var(--rand-ease-out) both;animation-delay:calc(var(--column-offset) + var(--rand-delay-out))}body.mode-transitioning.to-6bit .clock[data-mode="6bit"] .bit{transition-delay:calc(var(--column-offset) + var(--mode-delay-in) + var(--rand-delay-in)),calc(var(--column-offset) + var(--mode-delay-in) + var(--rand-delay-in)),0ms,0ms,0ms,calc(var(--column-offset) + var(--mode-delay-in) + var(--rand-delay-in))}body.mode-transitioning.to-4bit .clock[data-mode="4bit"] .bit{transition-delay:calc(var(--column-offset) + var(--mode-delay-out) + var(--rand-delay-out)),calc(var(--column-offset) + var(--mode-delay-out) + var(--rand-delay-out)),0ms,0ms,0ms,calc(var(--column-offset) + var(--mode-delay-out) + var(--rand-delay-out))}body.mode-transitioning.to-6bit .clock[data-mode="6bit"] .timeGroup{transform:translateY(-.18rem)}body.mode-transitioning.to-4bit .clock[data-mode="4bit"] .timeGroup{transform:translateY(.1rem)}body.mode-transitioning.to-6bit .clock[data-mode="6bit"] .bit,body.mode-transitioning.to-4bit .clock[data-mode="4bit"] .bit{animation:bitFadeIn .7s var(--rand-ease-in) both;animation-delay:calc((var(--column-offset) * .5) + (var(--rand-delay-in) * .55))}body.orientation-transitioning.to-horizontal .clock .bit,body.orientation-transitioning.to-vertical .clock .bit{animation:bitFadeIn .7s var(--rand-ease-out) both;animation-delay:calc((var(--column-offset) * .5) + (var(--rand-delay-out) * .55))}@media(min-width:40rem){body.mode-transitioning.to-6bit .clock[data-mode="6bit"] .bit{animation:bitFlyIn 1.48s var(--rand-ease-in) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-in) + var(--rand-delay-in))}body.mode-transitioning.to-4bit .clock[data-mode="4bit"] .bit{animation:bitFoldIn 1.36s var(--rand-ease-out) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-out) + var(--rand-delay-out))}body.bits-horizontal.mode-transitioning.to-6bit .clock[data-mode="6bit"] .bit{animation-name:bitFlyInHorizontal}body.bits-horizontal.mode-transitioning.to-4bit .clock[data-mode="4bit"] .bit{animation-name:bitFoldInHorizontal}body.orientation-transitioning.to-horizontal .clock .bit{animation:bitFlyInHorizontal 1.48s var(--rand-ease-in) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-in) + var(--rand-delay-in))}body.orientation-transitioning.to-vertical .clock .bit{animation:bitFlyIn 1.48s var(--rand-ease-out) both;animation-delay:calc(var(--column-offset) + var(--mode-delay-out) + var(--rand-delay-out))}}body.page-assembling .clock .bit{animation:bitAssemble 1.12s var(--rand-ease-in) both;animation-delay:calc((var(--column-offset) * .55) + (var(--rand-delay-in) * .72))}body.orientation-transitioning .bit{will-change:transform,opacity,filter}@media (max-width: calc(40rem - 1px)){html[data-theme] .bit.on{animation-name:mobileBitPulse!important;animation-duration:4.5s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}}@keyframes mobileBitPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes bitFadeIn{0%{opacity:0;transform:scale(.74);filter:blur(.08rem)}65%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes digitalRollOutUp{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(-155%);opacity:0}}@keyframes digitalRollInUp{0%{transform:translateY(55%);opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes bitFlyIn{0%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel)),calc(var(--mode-shift-y) * var(--bubble-travel)),calc(-150px * var(--bubble-travel))) scale(.62) rotateX(27deg) rotateY(-13deg);filter:blur(.14rem) saturate(1.4);opacity:.1}38%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * -.26),calc(var(--mode-shift-y) * var(--bubble-travel) * -.28),calc(48px * var(--bubble-travel))) scale(1.14) rotateX(-10deg) rotateY(5deg);opacity:1}62%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * .16),calc(var(--mode-shift-y) * var(--bubble-travel) * .14),calc(-18px * var(--bubble-travel))) scale(.92) rotateX(4deg) rotateY(-2deg);filter:blur(.03rem) saturate(1.1)}78%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * -.08),calc(var(--mode-shift-y) * var(--bubble-travel) * -.08),calc(12px * var(--bubble-travel))) scale(1.05) rotateX(-2deg) rotateY(1deg)}90%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * .04),calc(var(--mode-shift-y) * var(--bubble-travel) * .04),calc(-4px * var(--bubble-travel))) scale(.985)}to{transform:translateZ(0) scale(1) rotateX(0) rotateY(0);filter:blur(0) saturate(1);opacity:1}}@keyframes bitFlyInHorizontal{0%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel)),calc(var(--mode-shift-x) * var(--bubble-travel)),calc(-140px * var(--bubble-travel))) scale(.64) rotateX(18deg) rotateY(-20deg);filter:blur(.14rem) saturate(1.35);opacity:.1}38%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel) * -.28),calc(var(--mode-shift-x) * var(--bubble-travel) * -.24),calc(46px * var(--bubble-travel))) scale(1.13) rotateX(-6deg) rotateY(9deg);opacity:1}64%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel) * .14),calc(var(--mode-shift-x) * var(--bubble-travel) * .12),calc(-16px * var(--bubble-travel))) scale(.94) rotateX(2deg) rotateY(-3deg);filter:blur(.03rem) saturate(1.08)}to{transform:translateZ(0) scale(1) rotateX(0) rotateY(0);filter:blur(0) saturate(1);opacity:1}}@keyframes bitFoldIn{0%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * -1),calc(var(--mode-shift-y) * var(--bubble-travel) * -1),calc(74px * var(--bubble-travel))) scale(1.12) rotateX(-12deg) rotateY(7deg);opacity:.2;filter:blur(.1rem) saturate(1.25)}34%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * .22),calc(var(--mode-shift-y) * var(--bubble-travel) * .2),calc(-24px * var(--bubble-travel))) scale(.9) rotateX(7deg) rotateY(-3deg);opacity:1}58%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * -.14),calc(var(--mode-shift-y) * var(--bubble-travel) * -.14),calc(16px * var(--bubble-travel))) scale(1.06) rotateX(-3deg) rotateY(2deg)}76%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * .08),calc(var(--mode-shift-y) * var(--bubble-travel) * .08),calc(-8px * var(--bubble-travel))) scale(.97) rotateX(2deg) rotateY(-1deg)}90%{transform:translate3d(calc(var(--mode-shift-x) * var(--bubble-travel) * -.04),calc(var(--mode-shift-y) * var(--bubble-travel) * -.04),calc(4px * var(--bubble-travel))) scale(1.012)}to{transform:translateZ(0) scale(1) rotateX(0) rotateY(0);filter:blur(0) saturate(1);opacity:1}}@keyframes helpValueFade{0%{opacity:.92;transform:translate(-50%,-50%) scale(1)}35%{opacity:0;transform:translate(-50%,-50%) scale(.72)}70%{opacity:.35;transform:translate(-50%,-50%) scale(.88)}to{opacity:.92;transform:translate(-50%,-50%) scale(1)}}@keyframes matrixPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes classicNeonDrift{0%,to{transform:scale(1);filter:saturate(1) brightness(1)}45%{transform:scale(1.02);filter:saturate(1.12) brightness(1.06)}}@keyframes amberSpark{0%,to{filter:brightness(1) sepia(.12)}14%{filter:brightness(1.12) sepia(.17)}16%{filter:brightness(.98) sepia(.1)}63%{filter:brightness(1.09) sepia(.15)}}@keyframes iceRipple{0%,to{transform:scale(1);filter:brightness(1) saturate(1)}50%{transform:scale(1.02);filter:brightness(1.08) saturate(1.06)}}@keyframes sunsetPulse{0%,to{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.025);filter:brightness(1.08) saturate(1.04)}70%{transform:scale(.99);filter:brightness(.99) saturate(.98)}}@keyframes cyberJolt{0%,to{filter:saturate(1) brightness(1);transform:translateY(0) scale(1)}10%{transform:translateY(-.5px) scale(1.015)}12%{transform:translateY(0) scale(.997);filter:saturate(1.15) brightness(1.08)}54%{filter:saturate(1.12) brightness(1.07)}}@keyframes metallicSheen{0%,to{filter:brightness(1) contrast(1)}40%{filter:brightness(1.08) contrast(1.03)}58%{filter:brightness(.99) contrast(1.02)}}@keyframes noirBreath{0%,to{opacity:.97;filter:grayscale(.16) brightness(1)}50%{opacity:1;filter:grayscale(.08) brightness(1.04)}}@keyframes electricArc{0%,to{filter:brightness(1) saturate(1)}13%{filter:brightness(1.14) saturate(1.1)}17%{filter:brightness(.98) saturate(.98)}44%{filter:brightness(1.1) saturate(1.08)}}@keyframes gloomyGlow{0%,to{filter:brightness(.98)}52%{filter:brightness(1.04)}}@keyframes sunnyBounce{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}38%{transform:translateY(-1.2px) scale(1.02);filter:brightness(1.08)}68%{transform:translateY(.3px) scale(.995)}}@keyframes christmasTwinkle{0%,to{filter:brightness(1) saturate(1)}22%{filter:brightness(1.13) saturate(1.1)}26%{filter:brightness(.98) saturate(.96)}62%{filter:brightness(1.1) saturate(1.08)}}@keyframes bitFoldInHorizontal{0%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel) * -1),calc(var(--mode-shift-x) * var(--bubble-travel) * -1),calc(66px * var(--bubble-travel))) scale(1.1) rotateX(-7deg) rotateY(11deg);opacity:.22;filter:blur(.1rem) saturate(1.22)}36%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel) * .2),calc(var(--mode-shift-x) * var(--bubble-travel) * .18),calc(-22px * var(--bubble-travel))) scale(.92) rotateX(4deg) rotateY(-5deg);opacity:1}62%{transform:translate3d(calc(var(--mode-shift-y) * var(--bubble-travel) * -.12),calc(var(--mode-shift-x) * var(--bubble-travel) * -.1),calc(12px * var(--bubble-travel))) scale(1.05) rotateX(-2deg) rotateY(2deg)}to{transform:translateZ(0) scale(1) rotateX(0) rotateY(0);filter:blur(0) saturate(1);opacity:1}}@keyframes bitAssemble{0%{transform:translateY(-1.5rem) scale(.1) rotate(-15deg);opacity:0;filter:blur(.16rem) saturate(1.25)}62%{transform:translateY(.12rem) scale(1.04) rotate(2deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);filter:blur(0) saturate(1);opacity:1}}@keyframes galacticBurst{0%,to{transform:scale(1);filter:brightness(1) saturate(1)}28%{transform:scale(1.03);filter:brightness(1.16) saturate(1.2)}64%{transform:scale(.99);filter:brightness(1.04) saturate(1.08)}}@keyframes forestPulse{0%,to{filter:brightness(1) saturate(1)}45%{filter:brightness(1.1) saturate(1.12)}}@keyframes midnightBreath{0%,to{opacity:.95;filter:brightness(.98)}50%{opacity:1;filter:brightness(1.06)}}@keyframes retroStep{0%,to{filter:contrast(1) saturate(1)}25%{filter:contrast(1.1) saturate(1.16)}50%{filter:contrast(.98) saturate(.96)}75%{filter:contrast(1.08) saturate(1.12)}}@keyframes bitBoringFade{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes boringBitFade{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}@keyframes boringDigitSlinkySpin{0%{transform:translate(-50%,-50%) rotateY(0) scale(1);filter:blur(0)}50%{transform:translate(-50%,-50%) rotateY(224deg) scale(.985);filter:blur(.008rem)}86%{transform:translate(-50%,-50%) rotateY(320deg) scale(.995);filter:blur(.003rem)}to{transform:translate(-50%,-50%) rotateY(360deg) scale(1);filter:blur(0)}}@keyframes helpRowsFadeIn{0%{opacity:0;transform:scale(.72) translate3d(0,.18rem,0);filter:blur(.08rem)}38%{opacity:.72;transform:scale(1.08) translate3d(0,-.06rem,0)}68%{opacity:.48;transform:scale(.94) translate3d(0,.03rem,0);filter:blur(.02rem)}to{opacity:.58;transform:scale(1) translateZ(0);filter:blur(0)}}@keyframes helpRowsFadeOut{0%{opacity:.58;transform:scale(1) translateZ(0);filter:blur(0)}45%{opacity:.28;transform:scale(.9) translate3d(0,.05rem,0)}to{opacity:0;transform:scale(.72) translate3d(0,.18rem,0);filter:blur(.08rem)}}@keyframes themeColorFade{0%{opacity:1}to{opacity:0}}@keyframes scanlineDrift{0%{background-position-y:0px}to{background-position-y:var(--scanline-gap, 3px)}}@keyframes scanlineWave{0%{transform:skew(-.15deg)}to{transform:skew(.15deg)}}#switch-container{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.6rem;align-items:center;justify-content:center;padding:clamp(.8rem,1.6vw,1.2rem);width:min(80vw,22rem);max-height:min(88dvh,44rem);overflow:auto;background:linear-gradient(165deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.2);border-radius:.95rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 70px #00000073,inset 0 1px #ffffff1f;transform:translateY(-.4rem) scale(.97);transition:transform var(--motion-base) var(--ease-primary)}body.settings-open #switch-container{transform:translateY(0) scale(1)}#settingsOverlay{position:fixed;inset:0;display:grid;place-items:start end;background:#0000009e;padding-top:calc(clamp(.7rem,2vw,1.3rem) + 3.25rem);padding-right:clamp(.7rem,2vw,1.3rem);padding-bottom:0;padding-left:0;opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-soft);z-index:25}body.settings-open #settingsOverlay{opacity:1;pointer-events:auto}body.settings-open{overflow:hidden}.settingsHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.1rem}.settingsHeader h2{margin:0;font-family:var(--font-mono);font-size:clamp(.9rem,1.15vw,1.05rem);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.settingsClose,.settingsTrigger{border-radius:999px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(160deg,#ffffff24,#ffffff0d);color:var(--text-main);font-family:var(--font-mono);font-size:clamp(.7rem,.95vw,.82rem);text-transform:uppercase;letter-spacing:.06em;padding:.45rem .8rem;cursor:pointer;transition:transform var(--motion-base) var(--ease-primary),box-shadow var(--motion-base) var(--ease-soft),background var(--motion-base) var(--ease-soft)}.settingsTrigger{position:fixed;top:clamp(.7rem,2vw,1.3rem);right:clamp(.7rem,2vw,1.3rem);z-index:24;min-height:44px;padding:.34rem .62rem;font-size:clamp(.62rem,.85vw,.76rem);letter-spacing:.14em;border-radius:.72rem;border-color:#ffffff2e;background:linear-gradient(160deg,#ffffff14,#ffffff05);box-shadow:0 6px 14px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;filter:saturate(1);transform:translateY(0) scale(1);transition:transform var(--motion-base) var(--ease-primary),box-shadow var(--motion-base) var(--ease-soft),background var(--motion-base) var(--ease-soft),opacity var(--motion-base) var(--ease-soft),filter var(--motion-base) var(--ease-soft),border-color var(--motion-base) var(--ease-soft)}@media(hover:hover)and (pointer:fine){.settingsTrigger{opacity:.62;filter:saturate(.78);transform:translateY(0) scale(.94)}}.settingsClose:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 22px #00000047}.settingsTrigger:hover{transform:translateY(-2px) scale(1.03);opacity:.96;filter:saturate(1.08);border-color:#ffffff5c;box-shadow:0 12px 28px #00000057}.settingsTrigger:focus-visible{opacity:1;filter:saturate(1.12);transform:translateY(-1px) scale(1.04);border-color:var(--focus-ring);outline:2px solid var(--focus-ring);outline-offset:2px}.settingsTrigger:active{transform:translateY(0) scale(.98)}body.settings-open .settingsTrigger{opacity:0;pointer-events:none}.switch{position:relative;--switch-pad: .2rem;display:inline-flex;align-items:center;justify-content:center;width:min(100%,15.8rem);height:var(--control-height)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:999px;cursor:pointer;background:var(--control-bg);border:1px solid rgba(255,255,255,.2);transition:background var(--motion-base) var(--ease-soft),border-color var(--motion-base) var(--ease-soft),box-shadow var(--motion-base) var(--ease-soft)}.slider:before{content:"";position:absolute;left:var(--switch-pad);top:50%;transform:translateY(-50%);width:var(--switch-knob);height:var(--switch-knob);border-radius:999px;background:var(--bit-off);border:1px solid var(--bit-off-border);box-shadow:inset 0 -.22rem .45rem #00000047;transition:left var(--motion-base) var(--ease-primary),background var(--motion-base) var(--ease-soft),border-color var(--motion-base) var(--ease-soft),box-shadow var(--motion-base) var(--ease-soft),transform var(--motion-base) var(--ease-primary)}.switch input:checked+.slider{background:#ffffff52;border-color:#fff6;box-shadow:0 0 .8rem #ffffff1f}.switch input:checked+.slider:before{left:calc(100% - var(--switch-knob) - var(--switch-pad));background:radial-gradient(circle at 30% 28%,#d6ffe0 3%,var(--seconds-on) 68%);border-color:#a8ffbc;box-shadow:var(--bit-on-shadow-shape) var(--seconds-glow),inset 0 0 .65rem #ffffff47}.switch input:disabled+.slider{opacity:.35;cursor:not-allowed}.label-text{position:relative;z-index:1;pointer-events:none;font-family:var(--font-mono);font-size:clamp(.73rem,1vw,.85rem);letter-spacing:.06em;text-transform:uppercase}.switch .label-text{display:block;width:100%;text-align:right;padding-left:calc(var(--switch-knob) + .55rem);padding-right:1.2rem;transition:padding var(--motion-base) var(--ease-primary),text-shadow var(--motion-base) var(--ease-soft)}.switch input:checked+.slider+.label-text{text-align:left;padding-left:.62rem;padding-right:calc(var(--switch-knob) + .55rem)}#helpLabel{font-weight:900;color:var(--help-plus-color);font-size:clamp(.85rem,1.2vw,1rem);text-shadow:0 0 .45rem var(--help-plus-glow)}.themeSelect{display:inline-flex;align-items:center;gap:.45rem;position:relative;min-height:44px;padding:.35rem .45rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.24);background:linear-gradient(160deg,#ffffff1c,#ffffff08);transform-origin:center;width:min(100%,16.6rem);min-width:0}body.random-shuffle-active .themeSelect{animation:shuffleContainerRotate 5.4s ease-in-out infinite}#themeSelect{display:block;flex:1;min-width:0;min-height:44px;padding:.45rem .6rem;border-radius:.45rem;border:1px solid var(--digital-pill-border);background:var(--digital-pill-bg);color:var(--digital-value);font-family:var(--font-mono);font-size:clamp(.72rem,1vw,.84rem);cursor:pointer;appearance:auto}.theme-select-display,.theme-select-list{display:none}.theme-select-display{position:relative;font-family:var(--font-mono);font-size:clamp(.72rem,1vw,.84rem);color:var(--digital-value);background:var(--digital-pill-bg);border:1px solid var(--digital-pill-border);border-radius:.45rem;padding:.45rem 1.8rem .45rem .5rem;line-height:1.2;min-height:44px;min-width:0;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.theme-select-display:after{content:"";position:absolute;right:.65rem;top:50%;width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-60%) rotate(45deg);opacity:.8}.themeSelect.open .theme-select-display:after{transform:translateY(-40%) rotate(-135deg)}.theme-select-list{position:absolute;top:calc(100% + .35rem);left:0;right:0;width:100%;max-width:100%;max-height:min(42vh,14.5rem);overflow-y:auto;padding:.3rem;border-radius:.55rem;border:1px solid var(--digital-pill-border);background:var(--digital-pill-bg);box-shadow:0 10px 22px #00000059;display:none;z-index:30}.themeSelect.open .theme-select-list{display:block}.themeSelect.open-up .theme-select-list{top:auto;bottom:calc(100% + .35rem)}.theme-select-option{width:100%;display:block;font-family:var(--font-mono);font-size:clamp(.72rem,1vw,.84rem);line-height:1.2;text-align:left;color:var(--digital-value);background:transparent;border:1px solid transparent;border-radius:.42rem;padding:.42rem .45rem;cursor:pointer}.theme-select-option:hover,.theme-select-option:focus-visible{background:#ffffff1f;outline:none}.theme-select-option[aria-selected=true]{border-color:var(--digital-pill-border);background:#ffffff1f}#themeSelect:focus,.switch input:focus+.slider,#themeSelect:focus-visible,.theme-select-display:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.shuffle-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text-main);pointer-events:auto;white-space:nowrap;transition:color var(--motion-base) var(--ease-soft),text-shadow var(--motion-base) var(--ease-soft)}.shuffle-btn:hover{color:var(--control-active)}body.random-shuffle-active .shuffle-btn{color:var(--seconds-on);text-shadow:0 0 .55rem var(--seconds-glow)}@keyframes shuffleContainerRotate{0%,to{transform:rotate(0)}25%{transform:rotate(.65deg)}75%{transform:rotate(-.65deg)}}@media (max-width: calc(40rem - 1px)){.settingsTrigger{font-size:clamp(.78rem,3.1vw,.98rem);letter-spacing:.12em}.settingsHeader h2{font-size:clamp(1rem,3.8vw,1.2rem)}.settingsClose{font-size:clamp(.82rem,3vw,.98rem)}.label-text{font-size:clamp(.9rem,3.35vw,1.08rem)}#helpLabel{font-size:clamp(.96rem,3.7vw,1.14rem)}#themeSelect{font-size:clamp(.9rem,3.35vw,1.06rem)}.shuffle-btn{font-size:clamp(.88rem,3.25vw,1.04rem)}}@media(pointer:coarse)and (orientation:landscape){#settingsOverlay{overflow-y:auto;padding-top:calc(clamp(.42rem,1.2vw,.75rem) + 2.23rem);padding-right:clamp(.45rem,1.4vw,.9rem);padding-bottom:.4rem}#switch-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:stretch;justify-content:stretch;gap:.42rem .5rem;width:min(94vw,31rem);max-height:calc(100svh - (clamp(.42rem,1.2vw,.75rem) + 2.23rem) - .6rem);overflow-y:auto;padding:.5rem}.settingsHeader,.themeSelect{grid-column:1 / -1}.switch,.themeSelect{width:100%}.switch{--switch-pad: .16rem}}@media(prefers-reduced-motion:reduce){body.random-shuffle-active .themeSelect{animation:none}}html[data-theme=classic-rgb-neon]{--surface-bg: radial-gradient(circle at 20% 10%, #2f0a22 0%, #0b0f26 48%, #020204 100%);--surface-card: rgba(18, 17, 33, .52);--hours-on: #ff4f78;--minutes-on: #4f67ff;--seconds-on: #3cff72;--hours-glow: rgba(255, 79, 120, .52);--minutes-glow: rgba(79, 103, 255, .52);--seconds-glow: rgba(60, 255, 114, .5);--digital-panel-bg: linear-gradient(160deg, rgba(198, 168, 255, .16), rgba(76, 107, 255, .05));--digital-pill-bg: rgba(0, 0, 0, .46);--help-plus-color: rgba(229, 224, 255, .58);--help-plus-glow: rgba(156, 173, 255, .16)}html[data-theme=classic-rgb-neon] .bit.on{animation:classicNeonDrift 3.8s ease-in-out infinite}html[data-theme=amber-terminal]{--surface-bg: radial-gradient(circle at 25% 15%, #231703 0%, #130f05 56%, #0a0906 100%);--surface-card: rgba(32, 24, 9, .48);--text-main: #ffd786;--text-muted: #d7a84f;--control-active: #ffcf63;--hours-on: #ffa733;--minutes-on: #ffbf4c;--seconds-on: #ffd876;--hours-glow: rgba(255, 162, 39, .42);--minutes-glow: rgba(255, 188, 74, .44);--seconds-glow: rgba(255, 220, 121, .38);--bit-off: repeating-linear-gradient(45deg, rgba(255, 188, 74, .09), rgba(255, 188, 74, .09) 3px, rgba(0, 0, 0, .33) 3px, rgba(0, 0, 0, .33) 6px);--bit-off-border: rgba(255, 191, 100, .42);--font-main: "Lucida Console", "Consolas", monospace;--font-mono: "Lucida Console", "Consolas", monospace;--digital-panel-bg: linear-gradient(160deg, rgba(255, 198, 99, .2), rgba(44, 24, 6, .15));--digital-panel-border: rgba(255, 196, 97, .42);--digital-pill-bg: rgba(34, 20, 6, .62);--digital-pill-border: rgba(255, 200, 114, .38);--digital-label: rgba(255, 208, 124, .9);--digital-value: rgba(255, 232, 166, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(255, 201, 96, .25), rgba(44, 24, 6, .2));--digital-meridiem-border: rgba(255, 200, 114, .46);--digital-meridiem-text: rgba(255, 235, 177, 1);--help-plus-color: rgba(255, 211, 128, .55);--help-plus-glow: rgba(255, 181, 70, .18)}html[data-theme=amber-terminal] .bit.on{animation:amberSpark 3.4s steps(24,end) infinite}html[data-theme=ice-glass]{--surface-bg: radial-gradient(circle at 20% 10%, #eef6ff 0%, #c8d7e5 52%, #9eacba 100%);--surface-card: rgba(236, 247, 255, .45);--surface-edge: rgba(21, 69, 97, .22);--text-main: #103449;--text-muted: #2f6079;--control-bg: rgba(255, 255, 255, .5);--control-active: #d8f4ff;--focus-ring: #1578a8;--hours-on: #2e8eb3;--minutes-on: #56a7d8;--seconds-on: #4bc3d8;--hours-glow: rgba(46, 142, 179, .34);--minutes-glow: rgba(86, 167, 216, .36);--seconds-glow: rgba(75, 195, 216, .38);--bit-off: linear-gradient(160deg, rgba(255, 255, 255, .82), rgba(205, 222, 237, .58));--bit-off-border: rgba(52, 107, 134, .34);--font-main: "Gill Sans", "Segoe UI", sans-serif;--font-mono: "Courier New", monospace;--digital-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .86), rgba(209, 228, 240, .78));--digital-panel-border: rgba(44, 99, 128, .3);--digital-pill-bg: rgba(235, 247, 255, .95);--digital-pill-border: rgba(47, 106, 135, .28);--digital-label: rgba(26, 84, 112, .92);--digital-value: rgba(9, 56, 78, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(217, 236, 247, .9));--digital-meridiem-border: rgba(47, 106, 135, .3);--digital-meridiem-text: rgba(11, 59, 83, 1);--help-plus-color: rgba(35, 95, 124, .52);--help-plus-glow: rgba(84, 160, 194, .18)}html[data-theme=ice-glass] .bit.on{animation:iceRipple 4.2s ease-in-out infinite}html[data-theme=matrix-pulse]{--surface-bg: radial-gradient(circle at 15% 0%, #03220d 0%, #041209 58%, #010403 100%);--surface-card: rgba(9, 32, 17, .54);--text-main: #a7ffca;--text-muted: #62be84;--control-active: #90ffb6;--focus-ring: #78ffb0;--hours-on: #4eff85;--minutes-on: #3eff6f;--seconds-on: #73ff98;--hours-glow: rgba(78, 255, 133, .45);--minutes-glow: rgba(62, 255, 111, .45);--seconds-glow: rgba(115, 255, 152, .45);--bit-off: linear-gradient(160deg, rgba(47, 121, 66, .24), rgba(0, 0, 0, .44));--bit-off-border: rgba(114, 255, 162, .28);--font-main: "Tahoma", "Verdana", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--digital-panel-bg: linear-gradient(160deg, rgba(80, 198, 120, .22), rgba(4, 20, 11, .45));--digital-panel-border: rgba(114, 255, 162, .36);--digital-pill-bg: rgba(3, 24, 12, .68);--digital-pill-border: rgba(114, 255, 162, .3);--digital-label: rgba(139, 255, 181, .9);--digital-value: rgba(193, 255, 216, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(84, 207, 127, .24), rgba(2, 19, 10, .58));--digital-meridiem-border: rgba(114, 255, 162, .34);--digital-meridiem-text: rgba(200, 255, 221, 1);--help-plus-color: rgba(147, 255, 185, .54);--help-plus-glow: rgba(96, 243, 146, .18)}html[data-theme=matrix-pulse] .bit.on{animation:matrixPulse 3.8s ease-in-out infinite}html[data-theme=sunset-bloom]{--surface-bg: radial-gradient(circle at 18% 5%, #4f1f3d 0%, #7a3d2f 44%, #1f1524 100%);--surface-card: rgba(79, 24, 45, .38);--text-main: #ffe9db;--text-muted: #ffbd9f;--control-active: #ffd7b4;--focus-ring: #ffe082;--hours-on: #ff7a59;--minutes-on: #ffb95e;--seconds-on: #ff5c8d;--hours-glow: rgba(255, 122, 89, .5);--minutes-glow: rgba(255, 185, 94, .45);--seconds-glow: rgba(255, 92, 141, .46);--bit-off: linear-gradient(160deg, rgba(255, 195, 172, .15), rgba(33, 8, 18, .42));--bit-off-border: rgba(255, 189, 149, .35);--font-main: "Palatino Linotype", "Book Antiqua", serif;--font-mono: "Courier New", monospace;--digital-panel-bg: linear-gradient(160deg, rgba(255, 195, 172, .22), rgba(54, 15, 28, .36));--digital-panel-border: rgba(255, 196, 171, .38);--digital-pill-bg: rgba(56, 14, 27, .66);--digital-pill-border: rgba(255, 195, 172, .32);--digital-label: rgba(255, 214, 193, .92);--digital-value: rgba(255, 238, 227, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(255, 202, 181, .25), rgba(58, 14, 29, .58));--digital-meridiem-border: rgba(255, 202, 181, .38);--digital-meridiem-text: rgba(255, 241, 234, 1);--help-plus-color: rgba(255, 209, 190, .56);--help-plus-glow: rgba(255, 151, 121, .18)}html[data-theme=sunset-bloom] .bit.on{animation:sunsetPulse 3.8s ease-in-out infinite}html[data-theme=cyberpunk-grid]{--surface-bg: radial-gradient(circle at 24% 8%, #34032d 0%, #120526 44%, #04030d 100%);--surface-card: rgba(27, 10, 45, .48);--text-main: #ffd4fd;--text-muted: #ff90de;--control-active: #8dfff2;--focus-ring: #42ffe9;--hours-on: #ff4ed2;--minutes-on: #43e1ff;--seconds-on: #f4ff5e;--hours-glow: rgba(255, 78, 210, .5);--minutes-glow: rgba(67, 225, 255, .48);--seconds-glow: rgba(244, 255, 94, .42);--bit-off: repeating-linear-gradient(45deg, rgba(255, 78, 210, .12), rgba(255, 78, 210, .12) 2px, rgba(4, 2, 16, .66) 2px, rgba(4, 2, 16, .66) 6px);--bit-off-border: rgba(117, 255, 243, .36);--digital-panel-bg: linear-gradient(160deg, rgba(255, 83, 215, .16), rgba(76, 227, 255, .08));--digital-panel-border: rgba(138, 255, 245, .35);--digital-pill-bg: rgba(14, 7, 28, .7);--digital-pill-border: rgba(127, 252, 243, .3);--digital-label: rgba(255, 176, 237, .92);--digital-value: rgba(255, 242, 252, 1);--help-plus-color: rgba(255, 167, 234, .64);--help-plus-glow: rgba(68, 231, 255, .22)}html[data-theme=cyberpunk-grid] .bit.on{animation:cyberJolt 3.2s ease-in-out infinite}html[data-theme=metallic-core]{--surface-bg: radial-gradient(circle at 20% 10%, #4f5157 0%, #2b2f36 46%, #14171d 100%);--surface-card: rgba(72, 77, 86, .34);--surface-edge: rgba(238, 244, 255, .24);--text-main: #f2f5fb;--text-muted: #c8cdd9;--control-active: #f4f8ff;--focus-ring: #fff0ad;--hours-on: #ff8e58;--minutes-on: #72b4ff;--seconds-on: #d6ecff;--hours-glow: rgba(255, 142, 88, .42);--minutes-glow: rgba(114, 180, 255, .4);--seconds-glow: rgba(214, 236, 255, .4);--bit-off: linear-gradient(145deg, rgba(255, 255, 255, .24), rgba(79, 86, 100, .44) 44%, rgba(22, 26, 34, .72));--bit-off-border: rgba(233, 239, 255, .36);--bit-on-shadow-shape: 0 0 28px;--digital-panel-bg: linear-gradient(160deg, rgba(242, 248, 255, .2), rgba(99, 108, 122, .18));--digital-panel-border: rgba(232, 239, 255, .36);--digital-pill-bg: rgba(36, 42, 52, .72);--digital-pill-border: rgba(228, 235, 255, .3);--digital-label: rgba(226, 233, 249, .92);--digital-value: rgba(250, 252, 255, 1);--help-plus-color: rgba(236, 240, 253, .62);--help-plus-glow: rgba(181, 194, 224, .24)}html[data-theme=metallic-core] .bit.on{animation:metallicSheen 3.6s ease-in-out infinite}html[data-theme=monochrome-noir]{--surface-bg: radial-gradient(circle at 20% 10%, #2b2b2d 0%, #17181a 54%, #08090a 100%);--surface-card: rgba(30, 31, 35, .46);--surface-edge: rgba(220, 224, 232, .2);--text-main: #f1f2f5;--text-muted: #b9bec8;--control-bg: rgba(255, 255, 255, .1);--control-active: #f8f8f8;--focus-ring: #fbf8cf;--hours-on: #f7f7f7;--minutes-on: #cfd3d9;--seconds-on: #9ca2ac;--hours-glow: rgba(247, 247, 247, .35);--minutes-glow: rgba(207, 211, 217, .32);--seconds-glow: rgba(156, 162, 172, .3);--bit-off: linear-gradient(145deg, rgba(228, 232, 240, .09), rgba(0, 0, 0, .56));--bit-off-border: rgba(199, 205, 218, .28);--font-main: "Franklin Gothic Medium", "Arial Narrow", sans-serif;--digital-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(56, 59, 66, .18));--digital-panel-border: rgba(213, 218, 229, .3);--digital-pill-bg: rgba(25, 27, 31, .78);--digital-pill-border: rgba(209, 215, 227, .24);--digital-label: rgba(212, 218, 232, .88);--digital-value: rgba(247, 249, 254, 1);--help-plus-color: rgba(213, 218, 228, .58);--help-plus-glow: rgba(151, 159, 175, .2)}html[data-theme=monochrome-noir] .bit.on{animation:noirBreath 4.4s ease-in-out infinite}html[data-theme=electric-storm]{--surface-bg: radial-gradient(circle at 16% 8%, #0f1742 0%, #070d26 54%, #02040d 100%);--surface-card: rgba(14, 24, 61, .48);--text-main: #dbe2ff;--text-muted: #a6b1e4;--control-active: #e8eeff;--focus-ring: #f7ff95;--hours-on: #8b9dff;--minutes-on: #55c7ff;--seconds-on: #f7f86b;--hours-glow: rgba(139, 157, 255, .48);--minutes-glow: rgba(85, 199, 255, .46);--seconds-glow: rgba(247, 248, 107, .4);--bit-off: linear-gradient(160deg, rgba(129, 154, 255, .2), rgba(3, 9, 27, .62));--bit-off-border: rgba(177, 192, 255, .34);--digital-panel-bg: linear-gradient(160deg, rgba(143, 161, 255, .24), rgba(4, 13, 38, .42));--digital-panel-border: rgba(175, 189, 255, .34);--digital-pill-bg: rgba(7, 15, 41, .76);--digital-pill-border: rgba(174, 191, 255, .3);--digital-label: rgba(189, 201, 255, .92);--digital-value: rgba(237, 242, 255, 1);--help-plus-color: rgba(197, 208, 255, .6);--help-plus-glow: rgba(134, 188, 255, .24)}html[data-theme=electric-storm] .bit.on{animation:electricArc 3.1s steps(14,end) infinite}html[data-theme=gloomy-mist]{--surface-bg: radial-gradient(circle at 18% 10%, #1d2428 0%, #151a1f 50%, #090c10 100%);--surface-card: rgba(22, 28, 33, .52);--surface-edge: rgba(159, 174, 183, .22);--text-main: #d9e2e6;--text-muted: #9aa9b0;--control-active: #e2eaed;--focus-ring: #cad6da;--hours-on: #9cb2bb;--minutes-on: #89a3ad;--seconds-on: #b7c4ca;--hours-glow: rgba(156, 178, 187, .38);--minutes-glow: rgba(137, 163, 173, .34);--seconds-glow: rgba(183, 196, 202, .34);--bit-off: linear-gradient(160deg, rgba(161, 177, 186, .13), rgba(8, 11, 14, .62));--bit-off-border: rgba(164, 180, 189, .24);--digital-panel-bg: linear-gradient(160deg, rgba(157, 175, 184, .16), rgba(19, 25, 29, .42));--digital-panel-border: rgba(164, 180, 189, .28);--digital-pill-bg: rgba(15, 20, 24, .8);--digital-pill-border: rgba(164, 180, 189, .24);--digital-label: rgba(186, 199, 206, .9);--digital-value: rgba(225, 234, 238, 1);--help-plus-color: rgba(174, 189, 196, .54);--help-plus-glow: rgba(111, 128, 136, .2)}html[data-theme=gloomy-mist] .bit.on{animation:gloomyGlow 4.8s ease-in-out infinite}html[data-theme=sunny-pop]{--surface-bg: radial-gradient(circle at 22% 8%, #fff9bc 0%, #ffd373 42%, #ff9f5d 100%);--surface-card: rgba(255, 246, 207, .44);--surface-edge: rgba(175, 96, 26, .28);--text-main: #4a270d;--text-muted: #7b4520;--control-bg: rgba(255, 255, 255, .55);--control-active: #fff8d5;--focus-ring: #ff5b3c;--hours-on: #ff7045;--minutes-on: #ffb34e;--seconds-on: #ffe365;--hours-glow: rgba(255, 112, 69, .44);--minutes-glow: rgba(255, 179, 78, .42);--seconds-glow: rgba(255, 227, 101, .42);--bit-off: linear-gradient(160deg, rgba(255, 255, 255, .72), rgba(255, 188, 102, .34));--bit-off-border: rgba(193, 108, 49, .34);--font-main: "Tahoma", "Verdana", sans-serif;--digital-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .78), rgba(255, 185, 111, .34));--digital-panel-border: rgba(191, 108, 50, .34);--digital-pill-bg: rgba(255, 245, 211, .84);--digital-pill-border: rgba(191, 108, 50, .28);--digital-label: rgba(114, 57, 23, .86);--digital-value: rgba(77, 37, 13, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(255, 250, 222, .9), rgba(255, 188, 108, .46));--digital-meridiem-border: rgba(191, 108, 50, .3);--digital-meridiem-text: rgba(91, 46, 17, 1);--help-plus-color: rgba(149, 82, 34, .58);--help-plus-glow: rgba(255, 158, 79, .25)}html[data-theme=sunny-pop] .bit.on{animation:sunnyBounce 3.2s ease-in-out infinite}html[data-theme=christmas-glow]{--surface-bg: radial-gradient(circle at 18% 8%, #113420 0%, #0b1f2a 44%, #120811 100%);--surface-card: rgba(20, 35, 29, .5);--text-main: #ffe9e4;--text-muted: #d9b6b0;--control-active: #f7f7ef;--focus-ring: #ffdd7f;--hours-on: #ff5d66;--minutes-on: #5bff8e;--seconds-on: #fff0a6;--hours-glow: rgba(255, 93, 102, .5);--minutes-glow: rgba(91, 255, 142, .45);--seconds-glow: rgba(255, 240, 166, .42);--bit-off: repeating-linear-gradient(45deg, rgba(255, 93, 102, .09), rgba(255, 93, 102, .09) 3px, rgba(7, 14, 21, .58) 3px, rgba(7, 14, 21, .58) 7px);--bit-off-border: rgba(253, 220, 174, .34);--digital-panel-bg: linear-gradient(160deg, rgba(255, 96, 104, .2), rgba(91, 255, 142, .16));--digital-panel-border: rgba(255, 223, 170, .36);--digital-pill-bg: rgba(19, 18, 24, .74);--digital-pill-border: rgba(255, 223, 170, .32);--digital-label: rgba(255, 220, 208, .92);--digital-value: rgba(255, 245, 232, 1);--help-plus-color: rgba(255, 221, 192, .62);--help-plus-glow: rgba(255, 156, 116, .24)}html[data-theme=christmas-glow] .bit.on{animation:christmasTwinkle 3.3s steps(16,end) infinite}html[data-theme=galactic-disco-inferno]{--surface-bg: radial-gradient(circle at 18% 8%, #2a1154 0%, #15082e 46%, #04030a 100%);--surface-card: rgba(35, 18, 74, .44);--text-main: #f5e8ff;--text-muted: #c8afe5;--control-active: #95f7ff;--focus-ring: #ffe68d;--hours-on: #ff74d4;--minutes-on: #5ec6ff;--seconds-on: #a0ff77;--hours-glow: rgba(255, 116, 212, .5);--minutes-glow: rgba(94, 198, 255, .48);--seconds-glow: rgba(160, 255, 119, .44);--bit-off: linear-gradient(160deg, rgba(195, 139, 255, .16), rgba(11, 6, 27, .64));--bit-off-border: rgba(170, 237, 255, .34);--digital-panel-bg: linear-gradient(160deg, rgba(255, 119, 213, .2), rgba(95, 199, 255, .12));--digital-panel-border: rgba(180, 239, 255, .36);--digital-pill-bg: rgba(15, 10, 34, .74);--digital-pill-border: rgba(180, 239, 255, .3);--digital-label: rgba(229, 205, 255, .9);--digital-value: rgba(250, 243, 255, 1);--help-plus-color: rgba(222, 192, 255, .62);--help-plus-glow: rgba(133, 223, 255, .24)}html[data-theme=galactic-disco-inferno] .bit.on{animation:galacticBurst 3.4s steps(18,end) infinite}html[data-theme=enchanted-forest-glow]{--surface-bg: radial-gradient(circle at 20% 8%, #243b1f 0%, #152413 52%, #0a1209 100%);--surface-card: rgba(27, 42, 22, .5);--text-main: #e5f2de;--text-muted: #b3cfaa;--control-active: #ffe1a1;--focus-ring: #c9f2a3;--hours-on: #8fda74;--minutes-on: #4eb588;--seconds-on: #e4c76e;--hours-glow: rgba(143, 218, 116, .44);--minutes-glow: rgba(78, 181, 136, .42);--seconds-glow: rgba(228, 199, 110, .42);--bit-off: linear-gradient(160deg, rgba(138, 186, 116, .17), rgba(9, 18, 9, .62));--bit-off-border: rgba(173, 214, 144, .3);--digital-panel-bg: linear-gradient(160deg, rgba(121, 180, 101, .2), rgba(19, 35, 17, .44));--digital-panel-border: rgba(175, 215, 147, .32);--digital-pill-bg: rgba(14, 24, 13, .76);--digital-pill-border: rgba(175, 215, 147, .28);--digital-label: rgba(188, 220, 170, .9);--digital-value: rgba(236, 247, 226, 1);--help-plus-color: rgba(196, 226, 178, .58);--help-plus-glow: rgba(120, 185, 98, .2)}html[data-theme=enchanted-forest-glow] .bit.on{animation:forestPulse 4s ease-in-out infinite}html[data-theme=midnight-mirage]{--surface-bg: radial-gradient(circle at 24% 10%, #152044 0%, #0b1230 52%, #03060f 100%);--surface-card: rgba(18, 30, 65, .5);--text-main: #dce5ff;--text-muted: #a8b6df;--control-active: #d4dcff;--focus-ring: #9ac4ff;--hours-on: #8ea0ff;--minutes-on: #73c8ff;--seconds-on: #a6b7ff;--hours-glow: rgba(142, 160, 255, .44);--minutes-glow: rgba(115, 200, 255, .42);--seconds-glow: rgba(166, 183, 255, .4);--bit-off: linear-gradient(160deg, rgba(123, 146, 255, .18), rgba(4, 10, 27, .64));--bit-off-border: rgba(154, 177, 255, .32);--digital-panel-bg: linear-gradient(160deg, rgba(137, 157, 255, .22), rgba(6, 14, 38, .44));--digital-panel-border: rgba(166, 186, 255, .34);--digital-pill-bg: rgba(8, 16, 39, .78);--digital-pill-border: rgba(165, 186, 255, .28);--digital-label: rgba(182, 197, 255, .9);--digital-value: rgba(236, 241, 255, 1);--help-plus-color: rgba(184, 198, 255, .58);--help-plus-glow: rgba(131, 157, 255, .2)}html[data-theme=midnight-mirage] .bit.on{animation:midnightBreath 4.6s ease-in-out infinite}html[data-theme=retro-pixel-crunch]{--surface-bg: radial-gradient(circle at 18% 8%, #3e2b10 0%, #22231f 52%, #0d0f14 100%);--surface-card: rgba(47, 38, 21, .46);--text-main: #fff4ce;--text-muted: #dec68b;--control-active: #ffe47b;--focus-ring: #ff8b5c;--hours-on: #ff9f40;--minutes-on: #54b3ff;--seconds-on: #ffe04f;--hours-glow: rgba(255, 159, 64, .46);--minutes-glow: rgba(84, 179, 255, .44);--seconds-glow: rgba(255, 224, 79, .42);--bit-off: repeating-linear-gradient(45deg, rgba(255, 195, 111, .16), rgba(255, 195, 111, .16) 3px, rgba(13, 16, 22, .68) 3px, rgba(13, 16, 22, .68) 6px);--bit-off-border: rgba(255, 212, 123, .3);--digital-panel-bg: linear-gradient(160deg, rgba(255, 187, 92, .22), rgba(15, 18, 29, .42));--digital-panel-border: rgba(255, 213, 126, .34);--digital-pill-bg: rgba(18, 22, 33, .78);--digital-pill-border: rgba(255, 213, 126, .28);--digital-label: rgba(244, 221, 158, .9);--digital-value: rgba(255, 244, 211, 1);--help-plus-color: rgba(245, 220, 160, .58);--help-plus-glow: rgba(255, 165, 103, .22)}html[data-theme=retro-pixel-crunch] .bit.on{animation:retroStep 2.8s steps(12,end) infinite}html[data-theme=bit-boring]{--surface-bg: radial-gradient(circle at 20% 10%, #1a1a1a 0%, #121212 56%, #0b0b0b 100%);--surface-card: rgba(26, 26, 26, .58);--surface-edge: rgba(116, 116, 116, .2);--text-main: #c4c4c4;--text-muted: #8f8f8f;--control-bg: rgba(255, 255, 255, .08);--control-active: #7f7f7f;--focus-ring: #c2c2c2;--hours-on: #9f9f9f;--minutes-on: #acacac;--seconds-on: #b7b7b7;--hours-glow: rgba(181, 181, 181, .16);--minutes-glow: rgba(188, 188, 188, .16);--seconds-glow: rgba(197, 197, 197, .16);--bit-off: linear-gradient(160deg, #212121, #171717);--bit-off-border: rgba(116, 116, 116, .34);--digital-panel-bg: linear-gradient(160deg, rgba(54, 54, 54, .42), rgba(18, 18, 18, .58));--digital-panel-border: rgba(130, 130, 130, .24);--digital-pill-bg: rgba(24, 24, 24, .84);--digital-pill-border: rgba(137, 137, 137, .24);--digital-label: rgba(171, 171, 171, .9);--digital-value: rgba(210, 210, 210, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(56, 56, 56, .52), rgba(19, 19, 19, .66));--digital-meridiem-border: rgba(132, 132, 132, .24);--digital-meridiem-text: rgba(208, 208, 208, 1);--help-plus-color: rgba(160, 160, 160, .58);--help-plus-glow: rgba(102, 102, 102, .16);--font-main: "Courier New", "Consolas", monospace;--font-mono: "Courier New", "Consolas", monospace;--boring-digit-on: rgba(218, 218, 218, .92);--boring-digit-off: var(--boring-digit-on)}html[data-theme=bit-boring] .bit{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=bit-boring] .bit:before{content:"0";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:clamp(1.4rem,calc(var(--bit-size) * 1),6rem);font-weight:700;line-height:1;color:var(--boring-digit-off);text-shadow:none;pointer-events:none;transition:color .2s ease,opacity .2s ease,transform .26s ease}html[data-theme=bit-boring] .bit.on:before{content:"1";color:var(--boring-digit-on)}html[data-theme=bit-boring] .hours .bit.on,html[data-theme=bit-boring] .minutes .bit.on,html[data-theme=bit-boring] .seconds .bit.on{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=boring-bit]{--surface-bg: radial-gradient(circle at 22% 10%, #f6f6f6 0%, #ededed 58%, #dfdfdf 100%);--surface-card: rgba(255, 255, 255, .62);--surface-edge: rgba(45, 45, 45, .2);--text-main: #202020;--text-muted: #4d4d4d;--control-bg: rgba(0, 0, 0, .08);--control-active: #111111;--focus-ring: #111111;--hours-on: #121212;--minutes-on: #0f0f0f;--seconds-on: #1a1a1a;--hours-glow: rgba(22, 22, 22, .16);--minutes-glow: rgba(17, 17, 17, .16);--seconds-glow: rgba(26, 26, 26, .16);--bit-off: linear-gradient(160deg, #f2f2f2, #e7e7e7);--bit-off-border: rgba(56, 56, 56, .34);--digital-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .74), rgba(226, 226, 226, .68));--digital-panel-border: rgba(40, 40, 40, .22);--digital-pill-bg: rgba(246, 246, 246, .92);--digital-pill-border: rgba(38, 38, 38, .22);--digital-label: rgba(62, 62, 62, .9);--digital-value: rgba(12, 12, 12, 1);--digital-meridiem-bg: linear-gradient(160deg, rgba(252, 252, 252, .92), rgba(229, 229, 229, .78));--digital-meridiem-border: rgba(38, 38, 38, .2);--digital-meridiem-text: rgba(8, 8, 8, 1);--help-plus-color: rgba(56, 56, 56, .55);--help-plus-glow: rgba(112, 112, 112, .12);--font-main: "Courier New", "Consolas", monospace;--font-mono: "Courier New", "Consolas", monospace;--boring-digit-on: rgba(12, 12, 12, .94);--boring-digit-off: var(--boring-digit-on)}html[data-theme=boring-bit] .bit{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=boring-bit] .bit:before{content:"0";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:clamp(2rem,calc(var(--bit-size) * 1),6rem);font-weight:700;line-height:1;color:var(--boring-digit-off);text-shadow:none;pointer-events:none;transition:color .2s ease,opacity .2s ease,transform .26s ease}html[data-theme=boring-bit] .bit.on:before{content:"1";color:var(--boring-digit-on)}html[data-theme=bit-boring] .bit,html[data-theme=boring-bit] .bit{perspective:700px;transform-style:preserve-3d}html[data-theme=bit-boring] .bit:before,html[data-theme=boring-bit] .bit:before{display:inline-block;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,filter}html[data-theme=bit-boring] .bit.slinky-spin:before,html[data-theme=boring-bit] .bit.slinky-spin:before{animation:boringDigitSlinkySpin .52s cubic-bezier(.24,.74,.2,1)}html[data-theme=boring-bit] .hours .bit.on,html[data-theme=boring-bit] .minutes .bit.on,html[data-theme=boring-bit] .seconds .bit.on{background:transparent!important;border-color:transparent!important;box-shadow:none!important}html[data-theme=bit-boring] .clock .timeGroup+.timeGroup:before{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.82) 20%,rgba(255,255,255,.82) 80%,transparent);box-shadow:none}html[data-theme=bit-boring] body.bits-horizontal .clock .timeGroup+.timeGroup:before{background:linear-gradient(to right,transparent,rgba(255,255,255,.82) 20%,rgba(255,255,255,.82) 80%,transparent);box-shadow:none}html[data-theme=boring-bit] .clock .timeGroup+.timeGroup:before{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.86) 20%,rgba(0,0,0,.86) 80%,transparent);box-shadow:none}html[data-theme=boring-bit] body.bits-horizontal .clock .timeGroup+.timeGroup:before{background:linear-gradient(to right,transparent,rgba(0,0,0,.86) 20%,rgba(0,0,0,.86) 80%,transparent);box-shadow:none}html[data-theme]{--bit-on-color: var(--hours-on);--theme-accent-color: var(--minutes-on);--theme-bg-glow: var(--hours-glow);--help-annotation-bg: var(--digital-pill-bg);--help-annotation-shadow: 0 10px 24px var(--help-plus-glow);--help-anchor-color: var(--help-plus-color)}@media(min-width:40rem)and (hover:hover)and (pointer:fine){:root{--bit-size: clamp(2.35rem, 5.1vw, 4.9rem);--bit-gap: clamp(.36rem, 1.2vw, .74rem);--clock-gap: clamp(1rem, 2.8vw, 2.8rem);--group-gap: clamp(.85rem, 2vw, 1.7rem)}body{padding:clamp(.45rem,1.3vw,1.4rem)}body.settings-open{overflow:visible}.appShell{width:min(100%,120rem);min-height:unset;gap:clamp(.8rem,1.8vw,1.4rem);align-content:center}.clock{padding:clamp(1.45rem,3.2vw,3rem) clamp(1rem,2.6vw,2.3rem);border-radius:1.2rem;background:var(--surface-card);border:1px solid var(--surface-edge);box-shadow:inset 0 1px #ffffff0f,0 14px 40px #00000059;width:max-content;max-width:100%;min-height:0;flex-wrap:unset;margin-inline:unset;overflow:visible}.settingsTrigger{top:clamp(.7rem,2vw,1.3rem);right:clamp(.7rem,2vw,1.3rem)}#settingsOverlay{place-items:start stretch;background:transparent;padding:0}body.settings-open #settingsOverlay{background:#0000002e}#switch-container{width:auto;min-width:100%;max-height:none;overflow:visible;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.55rem,1.2vw,1rem);padding:clamp(.6rem,1vw,.9rem);border-radius:0 0 .95rem .95rem;transform:translateY(-110%);transition:transform var(--motion-slow) var(--ease-primary)}body.settings-open #switch-container{transform:translateY(0)}.settingsHeader,.settingsClose{display:none}.switch{width:clamp(7.1rem,8vw,8.6rem)}.themeSelect{width:min(100%,clamp(9rem,14.5vw,13.2rem))}#themeSelect{display:none}.theme-select-display{display:block}.clock[data-mode="6bit"] .timeGroup{width:var(--bit-size)}}@media(max-width:39.9999rem),(pointer:coarse){label[for=orientationToggle]{display:none}}@media(pointer:coarse)and (orientation:landscape){:root{--control-height: clamp(1.8rem, 3.2vw, 2.05rem);--control-width: clamp(5.3rem, 10vw, 6.2rem);--switch-knob: calc(var(--control-height) - .36rem)}.appShell{width:100%;max-width:100%;justify-items:center}.clock{max-width:min(100%,calc(100vw - 1rem));margin-inline:auto}#switch-container{width:min(94vw,30rem);gap:.45rem;padding:.55rem}.switch{width:min(100%,13.8rem)}}@media(min-width:90rem)and (hover:hover)and (pointer:fine){:root{--bit-size: clamp(4rem, 4.7vw, 6.3rem);--bit-gap: clamp(.62rem, .95vw, 1rem);--group-gap: clamp(1.1rem, 1.9vw, 2.2rem);--clock-gap: clamp(4rem, 8vw, 8rem);--control-height: clamp(2.5rem, 2.2vw, 2.9rem);--control-width: clamp(7.8rem, 8.4vw, 9.2rem);--bubble-travel: 1.95}.appShell{width:min(98vw,136rem)}.clock{padding:clamp(1.7rem,2.8vw,3rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@keyframes bitLiquid{0%{border-radius:var(--liquid-shape-0, 42% 58% 64% 36% / 54% 46% 60% 40%)}20%{border-radius:var(--liquid-shape-1, 64% 36% 40% 60% / 40% 60% 46% 54%)}40%{border-radius:var(--liquid-shape-2, 36% 64% 60% 40% / 62% 38% 42% 58%)}60%{border-radius:var(--liquid-shape-3, 60% 40% 36% 64% / 44% 56% 64% 36%)}80%{border-radius:var(--liquid-shape-4, 44% 56% 62% 38% / 64% 36% 40% 60%)}to{border-radius:var(--liquid-shape-5, 66% 34% 44% 56% / 46% 54% 60% 40%)}}html[data-theme] .bit.liquid-live{z-index:2;will-change:border-radius,transform;transform:translate(var(--liquid-offset-x, 0px),var(--liquid-offset-y, 0px))}@media(hover:hover)and (pointer:fine){html[data-theme] .bit:hover,html[data-theme] .bit.liquid-live:not(.liquid-touch){animation:bitLiquid var(--liquid-duration, 2.4s) linear infinite alternate;animation-delay:var(--liquid-delay, 0s);z-index:2;cursor:default;will-change:border-radius}}html[data-theme] .bit:active{transform:scale(.84) translate(var(--liquid-offset-x, 0px),var(--liquid-offset-y, 0px));border-radius:48% 52% 62% 38%/42% 58% 44% 56%;z-index:2;transition:transform 80ms ease-out,border-radius 80ms ease-out,opacity var(--motion-base) var(--ease-soft),background-color var(--motion-base) var(--ease-soft),box-shadow var(--motion-base) var(--ease-soft),border-color var(--motion-base) var(--ease-soft)}@media(hover:none){html[data-theme] .bit:active,html[data-theme] .bit.liquid-live.liquid-touch{transform:scale(1);animation-name:bitLiquid!important;animation-duration:var(--liquid-duration, 1.4s)!important;animation-delay:var(--liquid-delay, 0s)!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-direction:alternate!important;will-change:border-radius}}@media(prefers-reduced-motion:reduce){html[data-theme] .bit:hover{animation:none;will-change:auto}html[data-theme] .bit.liquid-live{animation:none!important;will-change:auto;transform:none!important;--liquid-offset-x: 0px;--liquid-offset-y: 0px}html[data-theme] .bit:active{transform:scale(.94);border-radius:999px;animation:none;transition:transform 80ms ease-out}}.gameTypeSelect{position:absolute;top:100%;right:0;background:var(--surface-bg);border:1px solid var(--theme-accent-color, #fff);border-radius:8px;margin-top:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:280px;overflow:hidden}.gameTypeSelect[aria-hidden=true]{display:none}.gameTypeMenu{display:flex;flex-direction:column}.gameTypeOption{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background-color .2s ease;font-size:.875rem}.gameTypeOption:hover{background-color:color-mix(in srgb,var(--theme-accent-color, #fff) 12%,transparent)}.gameTypeOption:active{background-color:color-mix(in srgb,var(--theme-accent-color, #fff) 22%,transparent)}.gameTypeTitle{font-weight:600;margin-bottom:4px;display:block}.gameTypeDesc{font-size:.75rem;opacity:.7;display:block}.gameTypeClose{border-top:1px solid color-mix(in srgb,var(--theme-accent-color, #fff) 25%,transparent)}body.game-mode-active .modeToggle,body.game-mode-active .orientationToggle,body.game-mode-active .scanlinesToggle,body.game-mode-active .shuffleButton,body.game-mode-active .themeSelectDisplay,body.game-mode-active .helpToggle{opacity:.45;pointer-events:none}body.game-mode-active .digitalPanel{display:none}body.game-type-bit-clicking .timeGroup[data-unit=hours],body.game-type-bit-clicking .timeGroup[data-unit=minutes]{opacity:.35;transition:opacity .4s ease}body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours]{opacity:1}body.game-type-bit-clicking .timeGroup[data-unit=seconds]{opacity:1;transition:opacity .4s ease}body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes]{opacity:1}body.game-type-bit-clicking .timeGroup[data-unit=seconds] .digit,body.game-type-bit-clicking .timeGroup[data-unit=seconds] .helpRows6,body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes] .digit,body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes] .helpRows6,body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours] .digit,body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours] .helpRows6{outline:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 40%,transparent);outline-offset:6px;border-radius:6px}body.game-type-bit-clicking .timeGroup[data-unit=seconds] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-bit-clicking .timeGroup[data-unit=seconds] .bit[data-not6bit],body.game-type-bit-clicking .timeGroup[data-unit=minutes] .bit[data-not6bit],body.game-type-bit-clicking .timeGroup[data-unit=hours] .bit[data-not6bit]{opacity:.18!important;cursor:default!important;pointer-events:none!important}body.game-type-bit-clicking .timeGroup[data-unit=seconds] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-bit-clicking .timeGroup[data-unit=seconds] .bit:not(.game-bit-inactive):active{transform:scale(.94)}body.game-type-bit-clicking.game-minutes-active .timeGroup[data-unit=minutes] .bit:not(.game-bit-inactive):active{transform:scale(.94)}body.game-type-bit-clicking.game-hours-active .timeGroup[data-unit=hours] .bit:not(.game-bit-inactive):active{transform:scale(.94)}.game-bit-inactive{opacity:.18!important;cursor:default!important;pointer-events:none}.game-bit-correct{filter:drop-shadow(0 0 8px #22c55e) brightness(1.4)!important;animation:gameBitCorrect .6s ease forwards}@keyframes gameBitCorrect{0%{filter:drop-shadow(0 0 10px #22c55e) brightness(1.6)}to{filter:drop-shadow(0 0 4px #22c55e) brightness(1.2)}}.game-bit-incorrect{filter:drop-shadow(0 0 8px #ef4444) brightness(1.3)!important;animation:gameBitIncorrect .8s ease forwards}@keyframes gameBitIncorrect{0%{filter:drop-shadow(0 0 12px #ef4444) brightness(1.5)}50%{filter:drop-shadow(0 0 6px #ef4444) brightness(1.1)}to{filter:drop-shadow(0 0 4px #ef4444) brightness(1)}}.gameHUD{position:fixed;bottom:max(env(safe-area-inset-bottom,0px) + 16px,20px);left:50%;transform:translate(-50%);display:flex;align-items:center;background:color-mix(in srgb,var(--surface-bg, #111) 92%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 50%,transparent);border-radius:40px;padding:8px 8px 8px 20px;box-shadow:0 4px 24px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:900;white-space:nowrap;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.gameHUD[aria-hidden=true]{display:none}body:not(.game-type-bit-clicking) .gameHUD{display:none}.gameHUDTarget{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:2.6ch;text-align:center;color:var(--theme-accent-color, inherit)}.gameHUDDivider{display:block;width:1px;height:28px;background:color-mix(in srgb,var(--theme-accent-color, #aaa) 30%,transparent);margin:0 12px;flex-shrink:0}.gameHUDPlayer{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.6;min-width:2ch;text-align:center;transition:opacity .2s ease,color .2s ease}.gameHUD.game-hud-match .gameHUDPlayer{opacity:1;color:#22c55e}.gameHUDMeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:12px;margin-right:10px}.gameHUDScore{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.75;line-height:1;min-width:4.5ch;text-align:right}.gameHUDLevel{font-size:.65rem;font-weight:500;opacity:.5;letter-spacing:.06em;line-height:1}.gameHUDSubmit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--theme-accent-color, #aaa);color:var(--surface-bg, #000);font-size:1rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:transform .12s ease,filter .12s ease,background .2s ease}.gameHUDSubmit:hover{transform:scale(1.1);filter:brightness(1.15)}.gameHUDSubmit:active{transform:scale(.92)}.gameHUDSubmit.hud-submit-press,.quizHUDSubmit.hud-submit-press{transform:scale(.92);filter:brightness(1.08)}.gameHUD.game-hud-match{border-color:#22c55e;box-shadow:0 4px 24px #22c55e40}.gameHUD.game-hud-match .gameHUDSubmit{background:#22c55e}body.game-type-bit-clicking .gameHUDTarget,body.game-type-bit-clicking .gameHUDPlayer,body.game-type-bit-clicking .gameHUDDivider,body.game-type-bit-clicking .gameHUDMeta,body.game-type-bit-clicking .gameHUDScore,body.game-type-bit-clicking .gameHUDLevel{pointer-events:none}.quizHUD{position:fixed;bottom:max(env(safe-area-inset-bottom,0px) + 16px,20px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-bg, #111) 92%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 50%,transparent);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:900;min-width:280px;max-width:360px;transition:border-color .3s ease,box-shadow .3s ease}.quizHUD[aria-hidden=true]{display:none}body:not(.game-type-quiz) .quizHUD{display:none}.quizHUDBody{display:flex;align-items:center;padding:8px 8px 8px 16px}.quizHUDLabel{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.45;min-width:22px;flex-shrink:0}.quizHUDValue{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--theme-accent-color, inherit);min-width:6ch;text-align:center;margin:0 10px}.quizHUDInput{width:7ch;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--theme-accent-color, #fff) 8%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 35%,transparent);border-radius:6px;color:inherit;text-align:center;padding:4px 6px;margin:0 10px;-moz-appearance:textfield;appearance:textfield}.quizHUDInput::-webkit-outer-spin-button,.quizHUDInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quizHUDInput:focus{outline:none;border-color:var(--theme-accent-color, #aaa);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent-color, #aaa) 20%,transparent)}.quizHUD[data-type=decimal-to-binary] .quizHUDInput,.quizHUD[data-type=binary-to-decimal] .quizHUDValue,.quizHUD[data-type=summary] .quizHUDInput{display:none}.quizHUD[data-type=summary] .quizHUDValue{min-width:auto}.quizHUDMeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;margin-right:10px;flex-shrink:0}.quizHUDProgress{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.65;line-height:1}.quizHUDScore{font-size:.65rem;font-weight:500;font-variant-numeric:tabular-nums;opacity:.45;line-height:1}.quizHUDLevel{font-size:.6rem;font-weight:500;opacity:.4;letter-spacing:.06em;line-height:1}.quizHUDSubmit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--theme-accent-color, #aaa);color:var(--surface-bg, #000);font-size:1rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:transform .12s ease,filter .12s ease,background .2s ease}.quizHUDSubmit:hover{transform:scale(1.1);filter:brightness(1.15)}.quizHUDSubmit:active{transform:scale(.92)}.quizHUDActions{display:none;gap:10px;padding:0 12px 12px}.quizHUDActions[aria-hidden=false]{display:flex}.quizHUDActionButton{flex:1 1 0;min-height:40px;border-radius:10px;border:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 35%,transparent);background:color-mix(in srgb,var(--surface-bg, #111) 82%,var(--theme-accent-color, #aaa) 12%);color:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .2s ease,background .2s ease}.quizHUDActionButton:hover{transform:translateY(-1px);filter:brightness(1.08)}.quizHUDActionButton:active{transform:translateY(0);filter:brightness(.98)}.quizHUDActionButtonClose{border-color:color-mix(in srgb,#ef4444 35%,transparent);background:color-mix(in srgb,var(--surface-bg, #111) 84%,#ef4444 16%)}.quizHUD[data-type=summary] .quizHUDSubmit{display:none}body.game-type-quiz .quizHUDLabel,body.game-type-quiz .quizHUDValue,body.game-type-quiz .quizHUDMeta,body.game-type-quiz .quizHUDProgress,body.game-type-quiz .quizHUDScore,body.game-type-quiz .quizHUDLevel,body.game-type-quiz .quizHUDTimerTrack,body.game-type-quiz .quizHUDTimerFill{pointer-events:none}.quizHUDTimerTrack{height:3px;background:color-mix(in srgb,var(--theme-accent-color, #fff) 10%,transparent);flex-shrink:0}.quizHUDTimerTrack[aria-hidden=true]{display:none}.quizHUDTimerFill{height:100%;width:100%;background:var(--theme-accent-color, #aaa);transition:width .1s linear,background-color .2s ease;transform-origin:left}.quizHUDTimerTrack.quiz-timer-warning .quizHUDTimerFill{background:#ef4444}body.game-type-quiz .timeGroup[data-unit=hours],body.game-type-quiz .timeGroup[data-unit=minutes]{opacity:.35;transition:opacity .4s ease}body.game-type-quiz .timeGroup[data-unit=seconds]{opacity:1;transition:opacity .4s ease}body.game-type-quiz.quiz-minutes-active .timeGroup[data-unit=minutes],body.game-type-quiz.quiz-hours-active .timeGroup[data-unit=hours]{opacity:1}body.game-type-quiz .timeGroup[data-unit=seconds] .digit,body.game-type-quiz .timeGroup[data-unit=seconds] .helpRows6,body.game-type-quiz.quiz-minutes-active .timeGroup[data-unit=minutes] .digit,body.game-type-quiz.quiz-minutes-active .timeGroup[data-unit=minutes] .helpRows6,body.game-type-quiz.quiz-hours-active .timeGroup[data-unit=hours] .digit,body.game-type-quiz.quiz-hours-active .timeGroup[data-unit=hours] .helpRows6{outline:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 40%,transparent);outline-offset:6px;border-radius:6px}body.game-type-quiz.quiz-type-decimal-to-binary .timeGroup[data-unit=seconds] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-quiz.quiz-type-decimal-to-binary.quiz-minutes-active .timeGroup[data-unit=minutes] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-quiz.quiz-type-decimal-to-binary.quiz-hours-active .timeGroup[data-unit=hours] .bit:not(.game-bit-inactive){cursor:pointer;transition:transform .12s ease,filter .12s ease}body.game-type-quiz.quiz-type-decimal-to-binary .timeGroup[data-unit=seconds] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-quiz.quiz-type-decimal-to-binary.quiz-minutes-active .timeGroup[data-unit=minutes] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-quiz.quiz-type-decimal-to-binary.quiz-hours-active .timeGroup[data-unit=hours] .bit:not(.game-bit-inactive):hover{transform:scale(1.08);filter:brightness(1.25)}body.game-type-quiz.quiz-type-decimal-to-binary .timeGroup[data-unit=seconds] .bit[data-not6bit]{opacity:.18!important;cursor:default!important;pointer-events:none!important}body.game-type-quiz.quiz-type-binary-to-decimal .timeGroup[data-unit=seconds] .bit,body.game-type-quiz.quiz-type-binary-to-decimal .timeGroup[data-unit=minutes] .bit,body.game-type-quiz.quiz-type-binary-to-decimal .timeGroup[data-unit=hours] .bit{cursor:default!important;pointer-events:none!important}@property --jeopardy-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes jeopardyBorderChase{to{--jeopardy-angle: 360deg}}body.game-type-quiz.quiz-jeopardy-question .clock,body.game-type-quiz.quiz-jeopardy-result-correct .clock,body.game-type-quiz.quiz-jeopardy-result-wrong .clock{isolation:isolate}body.game-type-quiz:is(.quiz-jeopardy-question,.quiz-jeopardy-result-correct,.quiz-jeopardy-result-wrong) .clock:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--jeopardy-angle),transparent 0%,transparent 72%,rgba(59,130,246,0) 76%,#3b82f6 82%,#38bdf8 87%,#e0f2fe 90%,#38bdf8 93%,rgba(56,189,248,0) 98%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10;animation:jeopardyBorderChase 1.4s linear infinite}body.game-type-quiz.quiz-jeopardy-result-correct .clock:after{background:conic-gradient(from var(--jeopardy-angle),transparent 0%,transparent 72%,rgba(34,197,94,0) 76%,#22c55e 82%,#4ade80 87%,#ecfdf5 90%,#4ade80 93%,rgba(74,222,128,0) 98%,transparent 100%)}body.game-type-quiz.quiz-jeopardy-result-wrong .clock:after{background:conic-gradient(from var(--jeopardy-angle),transparent 0%,transparent 72%,rgba(239,68,68,0) 76%,#ef4444 82%,#f97316 87%,#fee2e2 90%,#f97316 93%,rgba(249,115,22,0) 98%,transparent 100%)}body.game-type-quiz.quiz-jeopardy-question .quizHUD{border-color:color-mix(in srgb,#3b82f6 62%,var(--theme-accent-color, #aaa));box-shadow:0 6px 30px #3b82f659,0 0 18px #38bdf833}body.game-type-quiz.quiz-jeopardy-result-correct .quizHUD{border-color:color-mix(in srgb,#22c55e 65%,var(--theme-accent-color, #aaa));box-shadow:0 6px 30px #22c55e57,0 0 18px #4ade803d}body.game-type-quiz.quiz-jeopardy-result-wrong .quizHUD{border-color:color-mix(in srgb,#ef4444 65%,var(--theme-accent-color, #aaa));box-shadow:0 6px 30px #ef444459,0 0 18px #f9731633}@media(prefers-reduced-motion:reduce){body.game-type-quiz:is(.quiz-jeopardy-question,.quiz-jeopardy-result-correct,.quiz-jeopardy-result-wrong) .clock:after{animation:none;background:conic-gradient(from 0deg,transparent 0%,#3b82f6 10%,transparent 20%)}}@media(max-width:640px){.gameTypeSelect{min-width:240px;right:auto;left:50%;transform:translate(-50%)}.gameHUD{padding:6px 6px 6px 16px;border-radius:32px}.gameHUDTarget{font-size:1.35rem}.gameHUDDivider{margin:0 8px}.gameHUDMeta{margin-left:8px;margin-right:6px}.quizHUD{min-width:260px;max-width:calc(100vw - 32px)}}.quizLivesBar{display:none;align-items:center;gap:10px;justify-content:center}body.game-type-quiz .quizLivesBar{display:flex}.quizLivesLabel{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.45;flex-shrink:0}.quizLivesBits{display:flex;gap:6px;align-items:center}.quizLivesBit{width:clamp(14px,1.4vw,20px);height:clamp(14px,1.4vw,20px);border-radius:999px;border:1px solid var(--bit-off-border, rgba(255, 255, 255, .12));background:var(--bit-off, rgba(255, 255, 255, .06));box-shadow:inset 0 -2px 4px #0000004d;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}.quizLivesBit.on{background:radial-gradient(circle at 30% 28%,#ffd4dc 3%,var(--hours-on, var(--theme-accent-color, #aaa)) 68%);border-color:color-mix(in srgb,var(--hours-on, var(--theme-accent-color, #aaa)) 70%,white);box-shadow:var(--bit-on-shadow-shape, 0 0 6px 2px) var(--hours-glow, var(--theme-accent-color, rgba(255, 100, 100, .4))),inset 0 0 6px #ffffff4d}.tipHUD[data-lives="2"] .quizLivesBit.on,.tipHUD[data-lives="1"] .quizLivesBit.on{background:radial-gradient(circle at 30% 28%,#ffd4d4 3%,#ef4444 68%);border-color:#f87171;box-shadow:0 0 8px 3px #ef44448c,inset 0 0 6px #ffffff4d}body.game-type-quiz .tipHUD{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 20px 12px}body.game-type-quiz .tipHUD[data-tip-label]:before{margin-right:0;display:block;margin-bottom:2px}.tipHUDText:empty{display:none}.tipHUD{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-8px);max-width:min(480px,calc(100vw - 32px));padding:14px 20px;background:color-mix(in srgb,var(--surface-bg, #111) 94%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent-color, #aaa) 40%,transparent);border-radius:10px;box-shadow:0 4px 20px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1rem;line-height:1.5;text-align:center;color:inherit;opacity:0;pointer-events:none;z-index:850;transition:opacity .35s ease,transform .35s ease}.tipHUD[data-tip-label]:before{content:attr(data-tip-label);display:inline-block;margin-bottom:8px;margin-right:10px;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-accent-color, #ddd);background:color-mix(in srgb,var(--theme-accent-color, #aaa) 18%,transparent);border:1px solid rgba(255,255,255,.2)}.tipHUD[aria-hidden=false].tip-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}