.time-readout{border-block:1px solid var(--border);gap:5px;padding:15px 0;display:grid}.time-readout>span{letter-spacing:.12em;color:var(--muted-foreground);font-size:9px}.time-readout strong{font-variant-numeric:tabular-nums;font:400 48px/1.1 Instrument Serif,Georgia,serif}.time-readout small{color:var(--muted-foreground);font-size:10px}.time-museum .energy-top-tools button[aria-pressed=true]{background:var(--accent);border-color:var(--primary)}.time-museum .energy-top-tools{gap:6px}.time-museum .energy-top-tools button{min-width:112px;padding:10px}.time-crown-controls{white-space:nowrap;gap:7px;min-width:154px;display:grid}.time-crown-controls button{background:var(--panel);min-height:36px;color:var(--foreground);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.time-crown-controls>div{background:var(--panel);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;display:flex}.time-crown-controls>div button{border:0}.time-crown-controls>div span{font-size:11px}.time-crown-controls small{text-align:center;color:var(--muted-foreground);font-size:10px}.time-action-note{color:var(--primary);border-left:2px solid var(--border);margin:15px 0;padding-left:12px;font-size:12px;line-height:1.5}.time-museum .energy-playback{white-space:nowrap}.time-museum .energy-speeds button{min-width:35px;font-size:12px}.time-museum .energy-playback>button{padding-inline:8px}.time-research{max-width:850px;margin:50px auto;padding:0 25px 60px}.time-research h1{margin:30px 0;font:400 64px/1.05 Instrument Serif,Georgia,serif}.time-research h2{margin:32px 0 12px;font:400 30px Instrument Serif,Georgia,serif}.time-research p,.time-research li{color:var(--muted-foreground);font-size:16px;line-height:1.7}.time-research a{text-underline-offset:4px;text-decoration:underline}.time-research table{border-collapse:collapse;width:100%;font-size:14px}.time-research td,.time-research th{text-align:left;border-bottom:1px solid var(--border);padding:12px}@media (min-width:900px) and (max-width:1200px){.time-museum .energy-bottom{left:245px;right:290px}.time-museum .energy-playback>button>span{display:none}.time-museum .energy-speeds button{min-width:30px}.time-museum .energy-playback>button{padding-inline:5px}.time-museum .energy-top-tools button{min-width:96px;font-size:11px}}@media (min-width:900px) and (max-height:760px){.time-museum .energy-intro{margin:12px 0;font-size:14px}.time-museum .energy-inspector h2{font-size:34px}.time-readout{padding:10px 0}.time-readout strong{font-size:36px}.time-museum .energy-points{gap:10px}.time-museum .energy-points li,.time-museum .energy-note{font-size:12px}}@media (max-width:899px){.time-museum .energy-top-tools{flex-wrap:wrap}.time-museum .energy-top-tools button{min-width:100px;font-size:11px}.time-museum .energy-playback{gap:0;max-width:100%}.time-museum .energy-speeds{padding-inline:2px}.time-museum .energy-speeds button{min-width:30px;padding:3px;font-size:11px}.time-museum .energy-playback>button{padding:4px}.time-museum .energy-bottom{margin-inline:8px}.time-crown-controls{min-width:130px}.time-crown-controls button{font-size:11px}.time-museum .energy-canvas{height:49svh;min-height:340px}}.time-crown-controls{touch-action:none;min-width:154px}.time-crown-controls .crown-pull{min-height:40px}.time-crown-controls .crown-pull svg{transition:transform .2s}.time-crown-controls .crown-pull:hover svg{transform:translate(2px)}.time-crown-controls .crown-turn-pad{justify-content:space-between;min-height:48px;padding:0 3px;display:flex;position:relative;overflow:hidden}.time-crown-controls .crown-turn-pad button{z-index:1;background:var(--panel);touch-action:none;min-width:42px;min-height:44px;position:relative}.time-crown-controls .crown-turn-pad button.turn-active{background:var(--accent);color:var(--primary)}.time-crown-controls .crown-turn-track{width:56px;height:32px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crown-roller-body{fill:var(--accent);stroke:var(--border);stroke-width:1px}.crown-roller-edge{fill:none;stroke:var(--muted-foreground);stroke-width:1px;opacity:.5}@media (prefers-reduced-motion:reduce){.time-crown-controls .crown-pull svg{transition:none}}@media (max-width:899px){.time-crown-controls{min-width:144px}.time-crown-controls small{font-size:9px}}
