html{font-size:clamp(16px,1.55vmin + 4px,23px)}body{margin:0;background:#231e19}.rck [hidden]{display:none!important}.rck-top{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem}.rck-top img{width:6rem;height:3rem;object-fit:contain}.rck-top button{margin-left:auto}.rck .rck-mapwrap{display:flex;min-width:0;min-height:24rem;flex-direction:column}.rck .rck-mapslot{min-height:22rem;flex:1}.rck #map{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}.kiosk-map-controls{position:absolute;bottom:.7rem;left:.7rem;display:flex;gap:.4rem;align-items:center;background:#231e19;padding:.35rem}.rck input:not(.rck-pin){padding:.6rem;width:100%;max-width:26rem}.rck #register{display:grid;justify-items:center;gap:.7rem}.rck #verify{width:100%}.rck .rck-namegrid{max-height:65vh;overflow:auto}.rck dialog{background:#231e19;color:#ece4d2;padding:2rem}.rck dialog button,.kiosk-map-controls button{padding:.65rem}.rck [aria-pressed=true].rck-name{background:#ece4d2;color:#231e19}
.rck[data-mode="display"] #heading,.rck[data-mode="display"] #message,
.rck[data-mode="display"] .rck-panel__foot,.rck[data-mode="display"] .rck-layers,
.rck[data-mode="display"] .kiosk-map-controls { display:none; }
.rck[data-mode="display"] #map { pointer-events:none; }
.rck[data-mode="display"] .rck-panel__body { overflow:auto; }
.rck[data-mode="display"] #idle-start { width:auto; min-height:3.2rem; padding:.55rem 1rem; }
.rck[data-mode="display"] #idle-connection { color:var(--alert); margin-bottom:1rem; }
@media (orientation:landscape) and (min-width:850px) {
  .rck[data-mode="display"] .rck-main { grid-template-columns:minmax(0,1fr) minmax(18rem,29%); }
}

.rck #kiosk-weather { padding: .45rem .7rem; background: var(--bark-deep); border-bottom: 1px solid var(--bark-line); color: var(--bone); }
.rck #kiosk-weather-readings:not([hidden]) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .25rem .6rem; margin: 0 0 .2rem; }
.rck #kiosk-weather dt, .rck #kiosk-weather small { color: var(--stone); font-size: .7rem; }
.rck #kiosk-weather dd { margin: 0; font-weight: 700; font-size: .9rem; }
.rck #kiosk-weather #kiosk-weather-range { font-size: .7rem; font-weight: 400; }
@media (max-width:650px) { .rck #kiosk-weather-readings:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)); } }

.rck #board-view, .rck #verify-view { min-height:0; overflow:auto; }
.rck #board-view .rck-mapwrap { min-height:0; }
.rck #board-view .rck-mapslot { min-height:12rem; }
.rck #board-view > .rck-panel { grid-template-rows:minmax(0,1fr) auto; min-width:0; }
.rck #verify { display:grid; grid-template-rows:minmax(0,1fr) auto; min-height:0; }
.rck #verify-view .rck-names { grid-template-rows:auto auto auto minmax(0,1fr); }
.rck #verify-view .rck-namegrid { grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr)); }
.rck #verify .rck-panel__body { grid-template-columns:minmax(0,1fr); }
.rck #out-list li { grid-template-columns:auto minmax(0,1fr); gap:.7rem; }
.rck .kiosk-out-details { display:grid; gap:.25rem; overflow-wrap:anywhere; }
.rck #out-list small { white-space:normal; }
.rck .rck-top { flex-wrap:wrap; gap:.4rem .7rem; }
.rck .rck-top #idle-start { font-size:clamp(1rem,3vw,1.6rem)!important; }
@media (max-width:850px), (orientation:portrait), (max-aspect-ratio:5/4) {
  .rck #board-view, .rck #verify-view { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; align-content:start; }
  .rck #board-view .rck-mapslot { min-height:clamp(14rem,42dvh,28rem); }
  .rck #verify-view .rck-namegrid { max-height:32dvh; }
  .rck #verify { grid-template-rows:auto auto; }
}

.rck[data-mode="display"] #board-view .rck-layers { display:flex; }
.rck[data-mode="display"] .rck-layers button:not(#toggle-wind) { display:none; }