/* BibliaREM CMAP BRW033 — Premium dual Civil/REM time navigator.
 * Adapted from confirmed Map3D BRW028 visual/runtime contract.
 * Standalone CMAP surface; no legacy Timp Civil popover.
 */
.br-time023-backdrop{
  position:fixed;inset:0;z-index:2147482500;background:rgba(1,7,13,.18);
  backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);
}
.br-time023-panel{
  position:fixed;z-index:2147482600;left:50%;top:92px;transform:translateX(-50%);
  width:min(830px,calc(100vw - 24px));height:448px;max-height:calc(100dvh - 108px);
  border:1px solid rgba(95,211,255,.44);border-radius:18px;
  background:linear-gradient(180deg,rgba(7,26,42,.985),rgba(3,16,29,.992));
  box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);
  color:#eaf7ff;overflow:hidden;isolation:isolate;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
.br-time023-panel[hidden],.br-time023-backdrop[hidden]{display:none!important}
.br-time023-top{
  height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 14px 0 16px;border-bottom:1px solid rgba(98,205,241,.18);
  background:rgba(5,20,34,.82)
}
.br-time023-title{display:flex;align-items:center;gap:10px;min-width:0}
.br-time023-title-icon{color:#f1cf67;font-size:20px}
.br-time023-title strong{font:900 16px/1.1 system-ui,sans-serif;color:#fff7dc;white-space:nowrap}
.br-time023-title small{display:block;color:#8fb8cc;font:700 10px/1.2 system-ui,sans-serif;margin-top:2px;white-space:nowrap}
.br-time023-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(102,214,255,.28);background:#0b263a;color:#effaff;font-size:21px;cursor:pointer}
.br-time023-close:hover{background:#13354d}

.br-time023-body{height:calc(100% - 50px);display:grid;grid-template-columns:76px minmax(0,1fr) 244px;gap:12px;padding:12px}
.br-time023-rail{display:grid;grid-template-rows:1fr 1fr;gap:8px}
.br-time023-mode{
  border:1px solid rgba(106,214,255,.26);border-radius:12px;background:#081e31;color:#96b9ca;
  font:900 11px/1.15 system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;padding:8px 4px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center
}
.br-time023-mode span{font-size:22px}.br-time023-mode.is-active{border-color:rgba(238,196,84,.72);background:linear-gradient(180deg,#18354a,#10283a);color:#f8d976;box-shadow:inset 3px 0 #e6bd4d}

.br-time023-calendar{min-width:0;border:1px solid rgba(96,200,237,.16);border-radius:14px;padding:10px;background:rgba(2,14,25,.54);display:grid;grid-template-rows:42px 20px 1fr;gap:6px}
.br-time023-calhead{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center}
.br-time023-nav{height:36px;border-radius:10px;border:1px solid rgba(98,207,245,.32);background:#0c2a40;color:#dff5ff;font-size:22px;cursor:pointer}
.br-time023-nav:disabled{opacity:.25;cursor:not-allowed}
.br-time023-month{text-align:center;min-width:0}
.br-time023-month strong{display:block;color:#f5d473;font:900 14px/1.15 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-time023-month small{display:block;margin-top:2px;color:#8fb6c8;font:700 9px/1.1 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-time023-weekdays,.br-time023-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.br-time023-weekdays span{text-align:center;color:#8daabd;font:800 10px/20px system-ui,sans-serif}
.br-time023-grid{grid-template-rows:repeat(6,minmax(0,1fr));min-height:0}
.br-time023-day{
  min-width:0;min-height:0;border:1px solid rgba(83,182,222,.28);border-radius:9px;background:#0a2235;color:#e8f5ff;
  cursor:pointer;padding:3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden
}
.br-time023-day strong{font:800 14px/1 system-ui,sans-serif}.br-time023-day small{margin-top:3px;color:#75b6d2;font:700 8px/1 system-ui,sans-serif;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.br-time023-day.is-outside{opacity:.34}.br-time023-day.is-today{box-shadow:inset 0 0 0 1px rgba(109,226,255,.85)}
.br-time023-day.is-selected{background:linear-gradient(180deg,#f4da83,#ca982e);border-color:#f7dc7e;color:#101923;box-shadow:0 0 16px rgba(236,190,70,.22)}
.br-time023-day.is-selected small{color:#46360e}.br-time023-day:disabled{opacity:.18;cursor:not-allowed;filter:saturate(.35)}
.br-time023-day.is-holy:not(.is-selected){border-color:rgba(237,190,66,.68)}

.br-time023-side{min-width:0;display:flex;flex-direction:column;gap:9px}
.br-time023-summary{border:1px solid rgba(95,206,243,.18);border-radius:13px;background:#081e30;padding:9px;display:grid;grid-template-columns:58px 1fr;gap:9px;min-height:82px}
.br-time023-moon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#03111e;border:1px solid rgba(236,199,92,.34);overflow:hidden}
.br-time023-moon img{width:54px;height:54px;object-fit:contain}.br-time023-moon span{font-size:34px}
.br-time023-summary-copy{min-width:0}.br-time023-summary-copy strong{display:block;color:#fff2c4;font:900 12px/1.2 system-ui,sans-serif}.br-time023-summary-copy small{display:block;color:#9dbdcd;font:700 9px/1.25 system-ui,sans-serif;margin-top:3px;white-space:normal}
.br-time023-events{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.br-time023-chip{border-radius:999px;padding:2px 6px;border:1px solid rgba(237,190,66,.44);color:#f5d77e;font:800 8px/1.2 system-ui,sans-serif;background:rgba(94,63,4,.22)}

.br-time023-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.br-time023-field{display:grid;gap:3px;min-width:0}.br-time023-field.is-wide{grid-column:1/-1}
.br-time023-field label,.br-time023-field>span{color:#8eafc0;font:800 9px/1.1 system-ui,sans-serif}
.br-time023-field input,.br-time023-field select{
  width:100%;min-width:0;height:34px;padding:0 9px;border-radius:9px;border:1px solid rgba(92,201,239,.30);
  background:#071a2a;color:#edf9ff;font:700 11px/1 system-ui,sans-serif;color-scheme:dark
}
.br-time023-field option{background:#071a2a;color:#edf9ff}
.br-time023-field select{white-space:nowrap;text-overflow:ellipsis}
.br-time023-range{font:700 8px/1.3 system-ui,sans-serif;color:#779eb2;padding:0 2px;min-height:20px}
.br-time023-range.is-error{color:#ffb5a5}
.br-time023-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1.35fr;gap:7px}
.br-time023-action{height:38px;border-radius:10px;border:1px solid rgba(93,201,239,.30);background:#0d2b42;color:#eaf8ff;font:900 11px/1 system-ui,sans-serif;cursor:pointer}
.br-time023-action.is-primary{background:linear-gradient(180deg,#f2d575,#c5912b);border-color:#f5da7b;color:#111b22;font-size:13px}
.br-time023-zone{color:#6fa7bf;font:700 8px/1.2 system-ui,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:760px){
  .br-time023-panel{top:max(58px,env(safe-area-inset-top));height:min(620px,calc(100dvh - 68px));width:calc(100vw - 10px);border-radius:15px}
  .br-time023-top{height:46px;padding:0 10px}.br-time023-title small{display:none}
  .br-time023-body{height:calc(100% - 46px);grid-template-columns:1fr;grid-template-rows:44px minmax(280px,1fr) auto;gap:8px;padding:8px;overflow:auto;scrollbar-width:thin}
  .br-time023-rail{grid-row:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:6px}
  .br-time023-mode{flex-direction:row;padding:5px}.br-time023-mode span{font-size:17px}.br-time023-mode.is-active{box-shadow:inset 0 3px #e6bd4d}
  .br-time023-calendar{grid-row:2;padding:7px;grid-template-rows:38px 18px 1fr}.br-time023-day strong{font-size:12px}.br-time023-day small{font-size:7px}
  .br-time023-side{grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:7px}.br-time023-summary{grid-column:1/-1;min-height:70px}.br-time023-fields{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.br-time023-field.is-wide{grid-column:auto}.br-time023-range{grid-column:1/-1}.br-time023-actions{grid-column:1/-1;margin-top:0}.br-time023-zone{grid-column:1/-1}
}
@media(max-width:430px){
  .br-time023-panel{height:calc(100dvh - 58px);top:54px}.br-time023-body{grid-template-rows:42px minmax(260px,1fr) auto}
  .br-time023-fields{grid-template-columns:1fr 1fr}.br-time023-field.is-wide{grid-column:1/-1}
  .br-time023-summary{grid-template-columns:50px 1fr}.br-time023-moon{width:50px;height:50px}.br-time023-moon img{width:46px;height:46px}
}


/* BRW024 — premium calendar legibility and interaction refinement. */
.br-time023-field input,.br-time023-field select{
  box-sizing:border-box!important;
  height:36px!important;
  min-height:36px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:34px!important;
  vertical-align:middle!important;
}
.br-time023-field select{
  padding-left:10px!important;
  padding-right:30px!important;
  text-align:left!important;
  text-align-last:left!important;
}
body.br-harta-classic .br-time023-field select{
  display:flex!important;align-items:center!important;line-height:normal!important;
}
body.br-harta-classic .br-time023-field select::picker-icon{align-self:center!important;margin-block:auto!important}
.br-time023-day{padding:3px 2px 2px!important}
.br-time023-day strong{font-size:13px!important}
.br-time023-day small.br-time024-cell-meta{
  width:100%;max-width:100%;margin-top:2px!important;
  display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:min-content;
  justify-items:center;gap:1px;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;
  font:800 7.3px/1.02 system-ui,sans-serif!important;letter-spacing:-.02em;
}
.br-time023-day small.br-time024-cell-meta span{display:block;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip}
.br-time023-day.is-selected small.br-time024-cell-meta{color:#49370d!important}
.br-time023-close{position:relative;z-index:4;pointer-events:auto!important;touch-action:manipulation}
.br-time023-panel,.br-time023-backdrop{pointer-events:auto!important}
@media(max-width:760px){
  .br-time023-day strong{font-size:11.5px!important}
  .br-time023-day small.br-time024-cell-meta{font-size:6.6px!important;letter-spacing:-.035em}
  .br-time023-field input,.br-time023-field select{height:34px!important;min-height:34px!important;line-height:32px!important}
}
@media(max-width:430px){
  .br-time023-day small.br-time024-cell-meta{font-size:6.2px!important}
}

/* BRW025 — final cleanup before passport. */
.br-time023-weekdays{align-items:center}
.br-time023-weekdays .br-time025-weekday{
  min-width:0;min-height:20px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:0;text-align:center;color:#8daabd
}
.br-time023-weekdays .br-time025-weekday b{
  display:block;font:800 10px/1.05 system-ui,sans-serif;color:inherit
}
.br-time023-weekdays .br-time025-weekday small{display:none}
.br-time023-weekdays.is-rem-mode{min-height:29px}
.br-time023-weekdays.is-rem-mode .br-time025-weekday{min-height:29px}
.br-time023-weekdays.is-rem-mode .br-time025-weekday small{
  display:block;margin-top:2px;color:#6f9bb2;
  font:800 7px/1 system-ui,sans-serif;letter-spacing:.03em
}
.br-time023-close{
  position:relative!important;z-index:2147483646!important;
  pointer-events:auto!important;touch-action:manipulation!important;
  user-select:none!important;-webkit-user-select:none!important
}
.br-time023-top{position:relative;z-index:3}
@media(max-width:760px){
  .br-time023-weekdays.is-rem-mode{min-height:27px}
  .br-time023-weekdays.is-rem-mode .br-time025-weekday{min-height:27px}
  .br-time023-weekdays .br-time025-weekday b{font-size:9px}
  .br-time023-weekdays.is-rem-mode .br-time025-weekday small{font-size:6.4px}
}


/* BRW026 — while Calendar Premium is open, the map/HUD cannot receive the same interaction. */
html.br-time-modal-open .br-map2d-stage,
body.br-time-modal-open .br-map2d-stage,
html.br-time-modal-open .br-map2d-commandbar,
body.br-time-modal-open .br-map2d-commandbar{pointer-events:none!important}
html.br-time-modal-open .br-time023-backdrop,
html.br-time-modal-open .br-time023-panel,
body.br-time-modal-open .br-time023-backdrop,
body.br-time-modal-open .br-time023-panel{pointer-events:auto!important}
.br-time023-backdrop{touch-action:none!important}

/* BRW026 — localized REM weekday ordinals. */
.br-time023-weekdays.is-rem-mode .br-time025-weekday small{
  display:block;max-width:100%;white-space:nowrap;
  font-size:6.6px;letter-spacing:0;color:#6f9bb2
}

/* BRW027 — refined 24 h clock with an external biblical-hour ring. */
.br-time027-clock-popover{
  position:absolute;inset:46px 0 0;z-index:80;display:grid;place-items:center;
  padding:6px;background:rgba(0,8,16,.84);backdrop-filter:blur(8px) saturate(1.1);
  -webkit-backdrop-filter:blur(8px) saturate(1.1);overflow:hidden
}
.br-time027-clock-popover[hidden]{display:none!important}
.br-time027-clock-card{
  width:min(438px,96%);height:min(462px,calc(100% - 4px));min-height:390px;
  display:grid;grid-template-rows:auto auto minmax(245px,1fr) auto auto;gap:4px;
  padding:10px 12px;border:1px solid rgba(83,195,236,.45);border-radius:18px;
  background:linear-gradient(180deg,#071b2c,#04131f);box-shadow:0 20px 50px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);color:#e9f7ff;overflow:hidden
}
.br-time027-clock-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.br-time027-clock-head strong{font:900 15px/1.1 system-ui,sans-serif;color:#f1d57d}
.br-time027-clock-x{width:34px;height:34px;border-radius:10px;border:1px solid rgba(91,201,241,.42);background:#0b2940;color:#eaf8ff;font-size:23px;cursor:pointer}
.br-time027-clock-readout{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px}
.br-time027-clock-readout>span{font:900 27px/1 ui-monospace,monospace;color:#fff4bf}
.br-time027-clock-readout>b{font-size:23px;color:#6fbad6}
.br-time027-clock-readout button{border:1px solid rgba(87,190,228,.28);background:#082238;color:#8fb8ca;border-radius:9px;padding:5px 8px;font-weight:800;cursor:pointer}
.br-time027-clock-readout button.is-active{color:#ffd75f;border-color:#d8ad3e;background:#193248}
.br-time027-clock-stage{position:relative;min-height:245px;width:100%;overflow:visible;isolation:isolate}
.br-time027-clock-face{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(226px,66%);aspect-ratio:1;border-radius:50%;z-index:4;
  border:1px solid rgba(105,211,248,.32);
  background:radial-gradient(circle at center,rgba(18,61,88,.42) 0 31%,transparent 32%),radial-gradient(circle at center,transparent 0 47%,rgba(48,146,184,.13) 48% 49%,transparent 50%),linear-gradient(180deg,#081f31,#061521);
  box-shadow:inset 0 0 32px rgba(0,0,0,.42),0 9px 28px rgba(0,0,0,.34)
}
.br-time027-clock-hours,.br-time027-clock-minutes{position:absolute;inset:0}
.br-time027-hour,.br-time027-minute{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;
  border:1px solid transparent;border-radius:50%;background:rgba(4,20,32,.28);color:#dff1f8;font-weight:900;cursor:pointer;z-index:8
}
.br-time027-hour{width:34px;height:34px;font-size:11px}
.br-time027-hour--inner{width:30px;height:30px;font-size:9px;color:#78b4ca;background:rgba(9,38,57,.38)}
.br-time027-minute{width:31px;height:31px;font-size:9px}
.br-time027-hour:hover,.br-time027-minute:hover,.br-time027-hour:focus-visible,.br-time027-minute:focus-visible{
  border-color:rgba(117,215,245,.62);outline:none;background:#123c56;color:#fff
}
.br-time027-hour.is-selected,.br-time027-minute.is-selected{background:#d2a836;color:#07131b;border-color:#f2d367;box-shadow:0 0 14px rgba(235,190,68,.4)}
.br-time027-clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;width:3px;border-radius:3px;background:#ebc552;z-index:6;pointer-events:none}
.br-time027-clock-hand--hour{height:27%}.br-time027-clock-hand--minute{height:39%;width:2px;background:#75d7f5}
.br-time027-clock-hand i{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);background:inherit}
.br-time027-clock-center{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#f5d15b;z-index:9;box-shadow:0 0 8px rgba(245,209,91,.5)}

/* Two biblical rings are OUTSIDE the selectable clock face. Day and night share the same 12-hour geometry, but use separate tracks. */
.br-time027-biblical-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:.3;z-index:1;
  --bib-color:rgba(116,212,247,.62);--bib-start:0deg;
  background:conic-gradient(from 0deg,transparent 0 var(--bib-start),var(--bib-color) var(--bib-start) calc(var(--bib-start) + 30deg),transparent calc(var(--bib-start) + 30deg) 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))
}
.br-time027-biblical-ring--day{width:min(292px,86%);aspect-ratio:1;--bib-color:#e8be46}
.br-time027-biblical-ring--night{width:min(270px,80%);aspect-ratio:1;--bib-color:#65c9ee}
.br-time027-biblical-ring.is-active{opacity:1;filter:drop-shadow(0 0 6px var(--bib-color))}
.br-time027-biblical-arrow{position:absolute;left:50%;top:50%;width:0;height:0;z-index:3;pointer-events:none;transform:rotate(var(--bib-arrow-angle)) translateY(-147px) rotate(90deg);
  border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #e8be46;filter:drop-shadow(0 0 4px rgba(232,190,70,.65))}
.br-time027-biblical-arrow.is-night{border-left-color:#65c9ee;filter:drop-shadow(0 0 4px rgba(101,201,238,.7));transform:rotate(var(--bib-arrow-angle)) translateY(-136px) rotate(90deg)}

/* Only 3 / 6 / 9 / 12 remain as biblical reference marks. They live outside the clock face and never cover selectable hours. */
.br-time027-biblical-major{position:absolute;z-index:3;display:grid;place-items:center;min-width:58px;pointer-events:none;text-align:center;color:#7898a8}
.br-time027-biblical-major>b{font:950 13px/1 system-ui,sans-serif;color:#b8ced8}
.br-time027-biblical-major>small{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:2px;font:800 5.8px/1 system-ui,sans-serif;white-space:nowrap}
.br-time027-biblical-major small i{font-style:normal;opacity:.35}
.br-time027-biblical-major [data-bib-day].is-active{color:#f0c64c;text-shadow:0 0 7px rgba(240,198,76,.5)}
.br-time027-biblical-major [data-bib-night].is-active{color:#72d5f6;text-shadow:0 0 7px rgba(114,213,246,.5)}
.br-time027-biblical-major--top{left:50%;top:0;transform:translate(-50%,0)}
.br-time027-biblical-major--right{right:0;top:50%;transform:translate(0,-50%)}
.br-time027-biblical-major--bottom{left:50%;bottom:0;transform:translate(-50%,0)}
.br-time027-biblical-major--left{left:0;top:50%;transform:translate(0,-50%)}

.br-time027-biblical-readout{min-height:32px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:4px 8px;border:1px solid rgba(91,193,230,.18);border-radius:9px;background:rgba(5,28,43,.5);color:#a8cbd9;font:700 9px/1.2 system-ui,sans-serif;overflow:hidden}
.br-time027-biblical-readout strong{color:#e6c761;font-size:9px}.br-time027-biblical-readout span{color:#e8f5fa;font-weight:900;text-align:center}.br-time027-biblical-readout small{color:#78a9bd;white-space:nowrap}
.br-time027-clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.br-time027-clock-actions button{min-height:35px;border-radius:10px;border:1px solid rgba(91,201,241,.35);background:#0b2940;color:#eaf8ff;font-weight:900;cursor:pointer}
.br-time027-clock-actions [data-clock-apply]{background:linear-gradient(180deg,#e8ca69,#b6872f);border-color:#e4bd52;color:#101820}
.br-time023-field input[data-f-time]{cursor:pointer;text-align:center;font-variant-numeric:tabular-nums}

@media(max-width:760px){
  .br-time027-clock-popover{inset:44px 0 0;padding:4px;overflow:hidden}
  .br-time027-clock-card{width:min(374px,97vw);height:min(438px,calc(100% - 2px));min-height:360px;padding:8px;grid-template-rows:auto auto minmax(225px,1fr) auto auto}
  .br-time027-clock-stage{min-height:225px}
  .br-time027-clock-face{width:min(204px,64%)}
  .br-time027-biblical-ring--day{width:min(266px,84%)}.br-time027-biblical-ring--night{width:min(246px,78%)}
  .br-time027-biblical-arrow{transform:rotate(var(--bib-arrow-angle)) translateY(-134px) rotate(90deg)}
  .br-time027-biblical-arrow.is-night{transform:rotate(var(--bib-arrow-angle)) translateY(-123px) rotate(90deg)}
  .br-time027-hour{width:31px;height:31px;font-size:10px}.br-time027-hour--inner{width:27px;height:27px;font-size:8px}.br-time027-minute{width:28px;height:28px;font-size:8px}
  .br-time027-biblical-major{min-width:50px}.br-time027-biblical-major>b{font-size:11px}.br-time027-biblical-major>small{font-size:5px}
  .br-time027-biblical-readout{grid-template-columns:1fr;text-align:center;gap:2px;min-height:38px}.br-time027-biblical-readout small{white-space:normal}
}


/* BRW028 — compact clock layout: title/readout/close on one line, no clipped footer. */
.br-time028-clock-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0}
.br-time028-clock-toolbar>strong{font:900 14px/1.1 system-ui,sans-serif;color:#f1d57d;white-space:nowrap}
.br-time027-clock-card{
  width:min(432px,96%);height:min(408px,calc(100% - 6px));min-height:340px;
  grid-template-rows:auto minmax(186px,1fr) auto auto;gap:4px;
  padding:10px 12px 9px;overflow:hidden
}
.br-time027-clock-head{display:none}
.br-time027-clock-readout{min-height:34px;justify-content:center;gap:5px;min-width:0}
.br-time027-clock-readout>span{font-size:25px}
.br-time027-clock-readout>b{font-size:21px}
.br-time027-clock-readout button{padding:5px 9px;white-space:nowrap}
.br-time027-clock-x{justify-self:end;align-self:center}
.br-time027-clock-stage{min-height:186px}
.br-time027-clock-face{width:min(198px,60%)}
.br-time027-biblical-ring--day{width:min(258px,79%)}
.br-time027-biblical-ring--night{width:min(238px,73%)}
.br-time027-biblical-arrow{transform:rotate(var(--bib-arrow-angle)) translateY(-118px) rotate(90deg)}
.br-time027-biblical-arrow.is-night{transform:rotate(var(--bib-arrow-angle)) translateY(-107px) rotate(90deg)}
.br-time027-biblical-major{min-width:54px}
.br-time027-biblical-major--top{top:2px}
.br-time027-biblical-major--right{right:1px}
.br-time027-biblical-major--bottom{bottom:2px}
.br-time027-biblical-major--left{left:1px}
.br-time027-biblical-readout{min-height:28px;padding:4px 8px;font-size:9px}
.br-time027-clock-actions{gap:8px}
.br-time027-clock-actions button{min-height:33px}
@media(max-width:760px){
  .br-time028-clock-toolbar{gap:6px;grid-template-columns:auto 1fr auto}
  .br-time028-clock-toolbar>strong{font-size:13px}
  .br-time027-clock-card{width:min(352px,96vw);height:min(388px,calc(100% - 2px));min-height:322px;padding:8px;gap:4px;grid-template-rows:auto minmax(176px,1fr) auto auto}
  .br-time027-clock-readout{gap:4px;min-height:32px}
  .br-time027-clock-readout>span{font-size:22px}
  .br-time027-clock-readout>b{font-size:18px}
  .br-time027-clock-readout button{padding:4px 8px;font-size:12px}
  .br-time027-clock-stage{min-height:176px}
  .br-time027-clock-face{width:min(176px,59%)}
  .br-time027-biblical-ring--day{width:min(228px,78%)}
  .br-time027-biblical-ring--night{width:min(210px,72%)}
  .br-time027-biblical-arrow{transform:rotate(var(--bib-arrow-angle)) translateY(-104px) rotate(90deg)}
  .br-time027-biblical-arrow.is-night{transform:rotate(var(--bib-arrow-angle)) translateY(-95px) rotate(90deg)}
  .br-time027-biblical-major{min-width:44px}.br-time027-biblical-major>b{font-size:10px}.br-time027-biblical-major>small{font-size:4.8px}
  .br-time027-biblical-readout{grid-template-columns:1fr;text-align:center;gap:2px;min-height:34px}
  .br-time027-clock-actions button{min-height:31px}
}