*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--font-sans);color-scheme:dark light}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--neon-cyan: #06b6d4;--neon-pink: #ec4899;--neon-green: #10b981;--neon-amber: #f59e0b;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-clock: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-width: 1200px;--header-height: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--color-bg: #101918;--color-surface: #172220;--color-surface-elevated: #20302c;--color-surface-hover: #293b36;--color-border: #33433e;--color-border-subtle: #293a34;--color-text: #eef2ed;--color-text-secondary: #a3b5ac;--color-text-muted: #7b9086;--color-accent: #9bddb8;--color-accent-subtle: rgba(155, 221, 184, .1);--color-accent-hover: #c3efd4;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}[data-theme=light]{--color-bg: #f5f4ee;--color-surface: #ffffff;--color-surface-elevated: #eef2ed;--color-surface-hover: #e2e8f0;--color-border: #cbd5e1;--color-border-subtle: #e2e8f0;--color-text: #213b32;--color-text-secondary: #576b61;--color-text-muted: #7b9086;--color-accent: #28634c;--color-accent-subtle: rgba(40, 99, 76, .08);--color-accent-hover: #174932;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg: #f5f4ee;--color-surface: #ffffff;--color-surface-elevated: #eef2ed;--color-surface-hover: #e2e8f0;--color-border: #cbd5e1;--color-border-subtle: #e2e8f0;--color-text: #213b32;--color-text-secondary: #576b61;--color-text-muted: #7b9086;--color-accent: #28634c;--color-accent-subtle: rgba(40, 99, 76, .08);--color-accent-hover: #174932}}.app-root{display:flex;flex-direction:column;min-height:100vh;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);border-bottom:1px solid var(--color-border-subtle)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem;letter-spacing:-.01em;color:var(--color-text);user-select:none}.brand-icon{width:24px;height:24px}.brand-title{color:var(--color-text)}.brand-subtitle{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:.15rem .4rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border)}.site-nav{display:flex;align-items:center;gap:.25rem;background:var(--color-surface);padding:.2rem .35rem;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle)}.nav-item{padding:.3rem .85rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;background:transparent;border:1px solid transparent}.nav-item:hover{color:var(--color-text)}.nav-item.active{color:var(--color-text);background:var(--color-surface-elevated);border-color:var(--color-border)}.nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-secondary);border:1px solid transparent;transition:all var(--transition-fast)}.icon-btn:hover{color:var(--color-text);background-color:var(--color-surface);border-color:var(--color-border)}.icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.icon-btn svg{width:1.25rem;height:1.25rem}.main-content{flex:1;display:flex;flex-direction:column;padding:2.5rem 0 3.5rem}.clock-view-container{display:flex;flex-direction:column;gap:3.5rem;width:100%}.advanced-section{display:flex;flex-direction:column;gap:1.75rem;width:100%}.advanced-header{display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:1.25rem}.back-link-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;color:var(--color-accent);margin-bottom:.75rem;cursor:pointer;background:transparent;border:none;padding:0;width:fit-content}.back-link-btn:hover{color:var(--color-accent-hover);text-decoration:underline}.advanced-title{font-size:1.5rem;font-weight:600;color:var(--color-text);letter-spacing:-.02em}.advanced-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.route-context-banner{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:.875rem;margin-bottom:-1.5rem}.route-context-info{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary)}.route-context-badge{font-weight:600;color:var(--color-accent);background:var(--color-accent-subtle);padding:.2rem .5rem;border-radius:var(--radius-sm)}.route-reset-btn{font-size:.8125rem;font-weight:500;color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.route-reset-btn:hover{color:var(--color-accent-hover)}.notification-banner{padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:space-between}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.clock-display-wrapper{position:relative;display:inline-flex;align-items:baseline;justify-content:center;font-family:var(--font-clock);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;user-select:none}.clock-main-digits{font-size:clamp(3.75rem,11vw,9.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text)}.clock-seconds{font-size:clamp(1.75rem,4.5vw,4.25rem);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--color-text-secondary);margin-left:.35em;opacity:.9}.clock-period{font-size:clamp(1.25rem,2.5vw,2.5rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-left:.5em}.hero-meta{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-date{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:500;color:var(--color-text);letter-spacing:-.01em}.hero-subline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .85rem;font-size:.9375rem;color:var(--color-text-secondary)}.meta-item{display:inline-flex;align-items:center;gap:.35rem}.meta-separator{color:var(--color-border)}.badge-dst{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent)}.badge-dst.inactive{color:var(--color-text-muted)}.hero-utc{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-subtle);padding:.25rem .65rem;border-radius:var(--radius-sm);margin-top:.25rem}.accuracy-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;padding:.25rem .65rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);margin-top:.75rem;cursor:pointer;transition:border-color var(--transition-fast)}.accuracy-badge:hover{border-color:var(--color-accent)}.accuracy-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-muted)}.accuracy-dot.exact{background-color:var(--color-success)}.accuracy-dot.warning{background-color:var(--color-warning)}.secondary-section{display:flex;flex-direction:column;gap:1rem}.section-title-row{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.secondary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.info-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.875rem 1rem;transition:border-color var(--transition-fast)}.info-card:hover{border-color:var(--color-border)}.info-card-left{display:flex;flex-direction:column;gap:.2rem;min-width:0}.info-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.info-value{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem .55rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.copy-btn:hover{color:var(--color-text);border-color:var(--color-accent)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success);background:#34d3991a}.copy-btn svg{width:12px;height:12px}.world-clocks-section{display:flex;flex-direction:column;gap:1rem}.world-clocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem}.world-clock-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.75rem;transition:all var(--transition-fast)}.world-clock-card:hover{border-color:var(--color-border)}.world-clock-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.world-clock-city{font-weight:600;font-size:1rem;color:var(--color-text)}.world-clock-tz-name{font-size:.75rem;color:var(--color-text-muted)}.world-clock-actions{display:flex;align-items:center;gap:.25rem}.action-tiny-btn{padding:.25rem;color:var(--color-text-muted);border-radius:var(--radius-sm);line-height:1;transition:color var(--transition-fast)}.action-tiny-btn:hover{color:var(--color-text)}.action-tiny-btn.remove:hover{color:var(--color-error)}.world-clock-time-row{display:flex;align-items:baseline;justify-content:space-between}.world-clock-time{font-family:var(--font-clock);font-variant-numeric:tabular-nums lining-nums;font-size:1.5rem;font-weight:700;color:var(--color-text)}.world-clock-diff{font-size:.8125rem;font-weight:500;color:var(--color-accent);background:var(--color-accent-subtle);padding:.15rem .45rem;border-radius:var(--radius-sm)}.world-clock-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);padding-top:.5rem}.primary-view-link{font-size:.75rem;color:var(--color-text-muted);text-decoration:underline;cursor:pointer}.primary-view-link:hover{color:var(--color-accent)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px -10px #00000080;transform:scale(.96);transition:transform var(--transition-fast)}.modal-backdrop.open .modal-dialog{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-subtle)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text)}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.modal-input{width:100%;padding:.65rem .85rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9375rem}.modal-input:focus{outline:none;border-color:var(--color-accent)}.tz-results-list{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto}.tz-result-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:var(--radius-md);cursor:pointer;background:transparent;border:1px solid transparent;color:var(--color-text);text-align:left}.tz-result-item:hover,.tz-result-item:focus-visible{background:var(--color-surface-hover);border-color:var(--color-border);outline:none}.form-group{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-label-title{font-size:.9375rem;font-weight:500;color:var(--color-text)}.form-label-desc{font-size:.75rem;color:var(--color-text-muted)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translate(20px)}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:.8125rem;text-align:center}.footer-credits{display:flex;align-items:center;gap:.5rem}.footer-links{display:flex;align-items:center;gap:1rem}.footer-link{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.footer-link:hover{color:var(--color-accent)}.keyboard-hints{font-size:.75rem;color:var(--color-text-muted)}.key-badge{display:inline-block;padding:.1rem .35rem;font-family:var(--font-mono);font-size:.7rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.initial-skeleton{display:flex;align-items:center;justify-content:center;min-height:80vh}.skeleton-clock{font-family:var(--font-clock);font-size:clamp(3.5rem,10vw,8rem);font-weight:700;color:var(--color-border)}@media(max-width:640px){.app-root{padding:0 1rem}.site-header{height:auto;padding:.75rem 0;flex-wrap:wrap;gap:.75rem}.site-nav{order:3;width:100%;justify-content:center}.main-content{padding:1.5rem 0 2.5rem}.clock-view-container{gap:2.5rem}.hero-subline{font-size:.8125rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}}.app-root{max-width:1240px;padding-inline:3rem}.site-header{min-height:88px}.brand{letter-spacing:-.04em;font-size:1.25rem}.brand-icon{width:30px;height:30px}.site-nav{background:transparent;border:0;gap:.5rem}.nav-item{padding:.6rem 1rem}.nav-item.active{background:var(--color-accent-subtle);border-color:transparent;color:var(--color-accent)}.header-actions{gap:.25rem}.main-content{padding-top:2rem}.hero-section{position:relative;padding:2.6rem 1rem 3rem;border-bottom:1px solid var(--color-border)}.hero-eyebrow,.section-eyebrow{font-size:.65rem;font-weight:600;letter-spacing:.2em;color:var(--color-accent)}.hero-eyebrow{margin-bottom:2rem}.clock-main-digits{font-size:clamp(4rem,12vw,10.5rem);font-weight:400;letter-spacing:-.065em}.clock-seconds{font-size:clamp(2.25rem,7vw,6rem);font-weight:300;margin-left:.15em;color:var(--color-accent)}.clock-period{font-family:var(--font-mono);font-size:clamp(.85rem,1.8vw,1.25rem);margin-left:.8em}.hero-meta{gap:.85rem;margin-top:1.8rem}.hero-date{font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:400}.hero-subline{font-size:.8rem}.hero-utc{background:transparent;border:none;font-size:.75rem;letter-spacing:.08em}.accuracy-badge{margin-top:.4rem;padding:.5rem .8rem;background:var(--color-accent-subtle);border-color:transparent}.clock-view-container{gap:2.25rem}.world-clocks-section{gap:1.4rem;scroll-margin-top:1.5rem}.section-title{font-size:1.5rem;font-weight:500;text-transform:none;letter-spacing:-.04em;color:var(--color-text);margin-top:.45rem}.section-description{font-size:.8rem;color:var(--color-text-secondary);margin-top:.4rem}.world-clocks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.world-clock-card{padding:1.25rem;border-radius:12px;border-color:var(--color-border);gap:1.3rem}.world-clock-card:hover{border-color:var(--color-accent);background:var(--color-surface-elevated)}.world-clock-city{font-weight:500}.world-clock-tz-name{margin-top:.25rem;font-size:.65rem;overflow-wrap:anywhere}.world-clock-time{font-weight:400;font-size:clamp(1.3rem,2.1vw,1.8rem);letter-spacing:-.035em;white-space:nowrap}.world-clock-time-row{gap:.5rem;flex-wrap:wrap}.world-clock-diff{font-size:.65rem;padding:.3rem .45rem;white-space:nowrap}.world-clock-footer{font-size:.65rem;padding-top:.85rem}.primary-view-link{font-size:.65rem;text-decoration:none}.action-tiny-btn{min-width:24px;min-height:28px}.site-footer{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.5rem;font-size:.7rem}.keyboard-hints{width:100%;font-size:.65rem;opacity:.8}.empty-clocks{grid-column:1 / -1;padding:2.5rem;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary);text-align:center}.modal-backdrop:not(.open){visibility:hidden}:where(button,a,input,select):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.switch input:focus-visible+.slider{outline:2px solid var(--color-accent);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:1rem;z-index:2000;padding:.75rem 1rem;background:var(--color-surface)}.skip-link:focus{top:1rem}.route-context-banner,.route-context-info{flex-wrap:wrap;gap:.75rem}.notification-banner{overflow-wrap:anywhere;gap:1rem}@media(max-width:900px){.app-root{padding-inline:1.5rem}.world-clocks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-root{padding-inline:1rem}.site-header{padding-block:1rem}.site-nav{padding:0;justify-content:space-between;gap:0}.nav-item{flex:1;padding-inline:.5rem}.main-content{padding-top:.5rem}.hero-section{padding:2rem 0 2.25rem}.hero-eyebrow{margin-bottom:1.5rem}.clock-main-digits{font-size:17vw}.clock-seconds{font-size:10vw}.hero-subline{gap:.4rem;font-size:.7rem}.world-clocks-grid{grid-template-columns:1fr}.section-title{font-size:1.3rem}.section-description{font-size:.7rem}.section-title-row{gap:.5rem;align-items:center}.world-clock-time{font-size:2rem}.site-footer{justify-content:center}.keyboard-hints{display:none}.secondary-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.switch .slider{pointer-events:none}@media(max-width:380px){.nav-item{font-size:.75rem;white-space:nowrap}.section-title-row{align-items:flex-start;flex-direction:column;gap:1rem}}.display-mode-root{position:fixed;inset:0;z-index:99999;background-color:#000;color:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;user-select:none;transition:opacity .3s ease}[data-theme=light] .display-mode-root{background-color:#f8fafc;color:#0f172a}.display-mode-root.hud-hidden{cursor:none}.display-shift-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;transition:transform 1s ease-in-out;will-change:transform}.display-clock{display:inline-flex;align-items:baseline;justify-content:center;font-family:var(--font-clock);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;line-height:.95}.display-digits{font-size:clamp(5rem,18vw,22rem);font-weight:700;letter-spacing:-.04em}.display-seconds{font-size:clamp(2.5rem,7vw,9rem);font-weight:500;color:#94a3b8;margin-left:.3em;opacity:.85}.display-period{font-size:clamp(1.75rem,4vw,5rem);font-weight:600;text-transform:uppercase;color:#64748b;margin-left:.4em}.display-meta{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.display-date{font-size:clamp(1.5rem,4vw,3.5rem);font-weight:500;letter-spacing:-.02em;opacity:.95}.display-tz{font-size:clamp(1rem,2.2vw,1.875rem);color:#94a3b8;display:flex;align-items:center;gap:.75rem}.display-tz-badge{color:var(--color-accent)}.display-hud{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;background:#181b24bf;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.5rem .75rem;border-radius:var(--radius-full);opacity:1;transition:opacity .4s ease,visibility .4s ease;z-index:10}.display-hud-left{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:#64748b;opacity:1;transition:opacity .4s ease}.display-mode-root.hud-hidden .display-hud,.display-mode-root.hud-hidden .display-hud-left{opacity:0;pointer-events:none;visibility:hidden}.hud-btn{display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:.8125rem;padding:.35rem .65rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.hud-btn:hover{color:#fff;background:#ffffff1a}.hud-btn.active{color:var(--color-accent);background:#38bdf826}