#salam-explorer .sg-box{background:var(--sl-paper);border:1px solid var(--sl-line);border-radius:16px;padding:22px;color:var(--sl-ink)}
#salam-explorer .sg-header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#salam-explorer .sg-header h3{margin:6px 0;font-size:20px;font-weight:500}
#salam-explorer .sg-label{color:var(--sl-green);font-size:12px}
#salam-explorer .sg-box button,#salam-explorer .sg-launch{border:1px solid var(--sl-line);border-radius:10px;padding:10px 14px;background:var(--sl-paper);cursor:pointer;font:inherit;color:var(--sl-ink)}
#salam-explorer .sg-primary,#salam-explorer .sg-launch{background:var(--sl-green)!important;color:var(--sl-paper)!important;border-color:var(--sl-green)!important}
#salam-explorer .sg-launch{margin-top:24px}
#salam-explorer .sg-types{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}
#salam-explorer .sg-types button[aria-pressed=true],#salam-explorer .sg-selected{background:var(--sl-soft);border-color:var(--sl-green)}
#salam-explorer .sg-status{font-size:12px;color:var(--sl-muted);margin-bottom:18px}
#salam-explorer .sg-play fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}
#salam-explorer .sg-play legend{padding:0;margin-bottom:12px}
#salam-explorer .sg-options{display:flex;gap:8px;flex-wrap:wrap}
#salam-explorer .sg-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--sl-line);padding:10px;border-radius:10px;cursor:pointer}
#salam-explorer .sg-options label:has(input:checked){background:var(--sl-soft);border-color:var(--sl-green)}
#salam-explorer .sg-feedback{margin-top:18px;min-height:28px;color:var(--sl-green)}
#salam-explorer .sg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
#salam-explorer .sg-cross{display:grid;gap:4px;justify-content:center;margin:12px 0 24px;direction:rtl}
#salam-explorer .sg-cell{height:38px;border:1px solid var(--sl-green);border-radius:5px;background:var(--sl-soft)}
#salam-explorer .sg-cell input{width:100%;height:100%;border:0;background:transparent;text-align:center;font:inherit;font-size:20px;color:var(--sl-ink);padding:0}
#salam-explorer .sg-clues p{margin:8px 0;color:var(--sl-ink)}
#salam-explorer .sg-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
#salam-explorer .sg-pairs>div{display:flex;flex-direction:column;gap:10px}
#salam-explorer .sg-pairs button{min-height:66px;overflow-wrap:anywhere}
#salam-explorer .sg-ok{border-color:var(--sl-green)!important;background:var(--sl-soft)!important}
#salam-explorer .sg-bad{border-color:light-dark(#b54b36,#efaa92)!important}
#salam-explorer .sg-answer{margin-top:8px;color:var(--sl-green)}
#salam-explorer .sg-correction{margin-top:20px;color:var(--sl-ink)}
#salam-explorer .sg-maze{display:grid;grid-template-columns:repeat(5,38px);gap:4px;justify-content:center;direction:ltr;margin:18px 0}
#salam-explorer .sg-maze span{height:38px;text-align:center;line-height:38px;border-radius:5px}
#salam-explorer .sg-wall{background:var(--sl-line)}
#salam-explorer .sg-road{background:var(--sl-soft)}
#salam-explorer .sg-player{color:var(--sl-green);font-size:24px}
#salam-explorer .sg-gate h4{font-weight:500;margin:12px 0}
#salam-explorer .sg-finish{padding:40px 10px;text-align:center;color:var(--sl-green);font-size:22px}
#salam-explorer [hidden]{display:none!important}
@media(max-width:650px){#salam-explorer .sg-box{padding:16px}#salam-explorer .sg-pairs{gap:10px}#salam-explorer .sg-types button{flex:1 1 110px}}
