.window-grid{inset:0;display:block}
.window{position:absolute;width:9.2%;height:16%;border-radius:2px;overflow:hidden}
.window:nth-child(1),.window:nth-child(4),.window:nth-child(7){left:25.1%}
.window:nth-child(2),.window:nth-child(5),.window:nth-child(8){left:46.1%}
.window:nth-child(3),.window:nth-child(6),.window:nth-child(9){left:68.2%}
.window:nth-child(-n+3){top:10.5%;height:17%}
.window:nth-child(n+4):nth-child(-n+6){top:38.3%;height:15%}
.window:nth-child(n+7){top:65.5%;height:16%}
.window span{position:absolute;left:4px;bottom:4px;padding:2px 5px;background:#08131dcc;color:#f1e8d4;font-size:9px;letter-spacing:.08em}
.window.dark{background:#02060a;box-shadow:inset 0 0 22px #000,0 0 12px 6px #02060aee}
.window.lit{background:#d4a5740d}
#clock{padding:6px 10px;border-radius:4px}.clock-change{animation:clock-change 1.2s ease-out}@keyframes clock-change{0%{background:var(--amber);color:#08131d;box-shadow:0 0 0 8px #d4a57422}100%{background:transparent;color:var(--amber);box-shadow:none}}
@media(max-width:820px){.window-grid{inset:0}.window span{font-size:7px;padding:1px 3px}}
.choice:disabled{cursor:not-allowed;opacity:.42;border-style:dashed}.choice small{display:block;margin-top:8px;color:var(--muted);font-weight:500}