/* Storage Hub — medium versions of Bruno's seasonal games (version 4.1). */
/* Christmas: memory tree */
.sgx-tree-slot.sgx-wrong{border:2px solid #e7a69c;background:#8a2f2a55;box-shadow:0 0 0 4px #e7a69c33}
/* Halloween: code lockers */
.sgx-key{display:block;margin-top:6px;font-size:12px;color:#c7d3ea}
.sgx-key b{color:#ffd76a;font-weight:800}
.sgx-dial .sgx-locker-sign{width:38px;height:38px;padding:3px;border-radius:50%;background:#1b3552;box-shadow:0 0 0 2px #c8b888}
.sgx-dial-face{position:absolute;left:50%;top:58px;width:56px;height:56px;transform:translateX(-50%);display:grid;place-items:center;border-radius:50%;background:#254461;border:2px solid #9dafbc}
.sgx-dial-face svg{width:40px;height:40px}
.sgx-dial:hover .sgx-locker-sign{box-shadow:0 0 0 3px #ffd76a}
.sgx-code-log{list-style:none;margin:14px auto 0;padding:0;max-width:360px;display:grid;gap:6px}
.sgx-code-log li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 10px;border:1px solid #d5e0eb;border-radius:8px;background:#f7f9fc}
.sgx-log-try{font-size:12px;font-weight:800;color:var(--sgx-muted)}
.sgx-log-symbols{display:flex;gap:6px}
.sgx-log-symbols svg{width:26px;height:26px}
.sgx-log-pegs{font-size:17px;letter-spacing:.12em;color:var(--sgx-blue);font-weight:800;white-space:nowrap}
.sgx-log-pegs i{font-style:normal;color:#b9c6d6}
/* Easter: egg sweeper */
.sgx-sweeper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:16px;background:linear-gradient(#eef3f7,#e1e9ef)}
.sgx-box{position:relative;aspect-ratio:1/1;min-height:44px;display:grid;place-items:center;padding:0;border:1px solid #a9865a;border-radius:6px;background:linear-gradient(160deg,#d8b47f,#c49a62);box-shadow:inset 0 -4px 0 #a9824f,0 2px 0 #8f6d42}
.sgx-box::before{content:"";position:absolute;left:50%;top:0;bottom:4px;width:16%;transform:translateX(-50%);background:#e8cfa5;opacity:.7;border-radius:1px}
.sgx-box:hover:not(.is-open){filter:brightness(1.06)}
.sgx-box.is-open{border-color:#d5e0eb;background:#fff;box-shadow:inset 0 1px 3px #19354f14;cursor:default}
.sgx-box.is-open::before{display:none}
.sgx-box.is-egg{background:#fff8e6;border-color:#e2c688}
.sgx-box.is-missed{background:#fdeceb;border-color:#e7a69c}
.sgx-box svg{width:62%;height:auto;max-height:80%}
.sgx-n{font-size:22px;font-weight:800;color:var(--sgx-blue)}
.sgx-n2{color:#2f7d4f}.sgx-n3{color:#b5532f}.sgx-n4,.sgx-n5,.sgx-n6{color:#7b3fa8}
.sgx-tray-egg{display:grid;place-items:center;width:40px;height:46px;border:1px dashed #bccddc;border-radius:50%;background:#f4f7fa}
.sgx-tray-egg svg{width:24px;height:32px;opacity:.3;filter:grayscale(1)}
.sgx-tray-egg.sgx-collected{border:1px solid #87a7c8;background:#edf3fa}
.sgx-tray-egg.sgx-collected svg{opacity:1;filter:none}
/* New Year: 4 x 4 switchboard */
.sgx-switch-grid--4{grid-template-columns:repeat(4,1fr);max-width:340px;gap:9px}
.sgx-switch-grid--4 .sgx-light-switch{min-height:66px;padding:8px 4px}
@media(max-width:420px){
  .sgx-sweeper{gap:5px;padding:10px}
  .sgx-n{font-size:18px}
  .sgx-dial-face{top:46px;width:46px;height:46px}.sgx-dial-face svg{width:32px;height:32px}
  .sgx-switch-grid--4{max-width:280px;gap:7px;padding:11px}
  .sgx-switch-grid--4 .sgx-light-switch{min-height:56px;padding:6px 2px}
  .sgx-code-log li{gap:7px;padding:6px 8px}
}