body[data-section=systems] .app-sidebar{width:74px}body[data-section=systems] .app-submenus{display:none}body[data-section=systems] main{margin-left:94px}body[data-section=systems] main>footer{display:none}
.systems-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.systems-heading #jail-time{font:700 42px monospace;color:#ffd96c}.systems-settings{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:24px 0}.systems-settings label{display:flex;align-items:center;gap:8px}.system-panel h3{color:#20aed1;margin:30px 0 16px}.system-panel .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.system-panel .row label{display:flex;gap:8px;align-items:center}.system-panel input[type=number]{width:130px}.system-panel #jail-rules input[type=number]{width:90px}.system-panel .systems-source{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.system-panel .systems-source a{color:#20aed1;overflow-wrap:anywhere;flex:1;min-width:200px}.system-panel #jail-preview{margin:22px auto;max-width:360px;background:repeating-conic-gradient(#383843 0% 25%,#272731 0% 50%) 50%/20px 20px}.system-panel #jail-preview iframe{width:100%;aspect-ratio:9/16;border:1px solid #555}.system-panel [hidden]{display:none!important}#systems-view .muted{font-size:13px;color:#aaa;line-height:1.6}

.systems-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:24px 0}.systems-choice{border:1px solid #734052;border-radius:16px;background:linear-gradient(145deg,#29252e,#171820);padding:24px;display:flex;flex-direction:column;gap:12px}.systems-choice h3{margin:0;color:#fff}.systems-choice p{color:#c4bdc9;line-height:1.5;flex:1}.system-symbol{font-size:42px;color:#ffc966}.showcase-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}.showcase-options label{display:flex;flex-direction:column;gap:9px}.showcase-options label:has(input[type=checkbox]){flex-direction:row;align-items:center}.showcase-editor .systems-source{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.showcase-editor .systems-source a{flex:1;color:#2bc6df}.showcase-preview{display:block;width:min(360px,100%);aspect-ratio:9/16;border:1px solid #555;margin:24px auto;background:#25232c}.showcase-preview.leader-preview{width:min(600px,100%);aspect-ratio:10/7}.systems-hub[hidden],.showcase-editor[hidden],#jail-system-editor[hidden]{display:none!important}

.system-visual-options{margin:24px 0;padding:20px;background:linear-gradient(130deg,#252332,#191e2b);border:1px solid #674b75;border-radius:16px}.system-visual-options summary{cursor:pointer;font-weight:700;color:#e4c5ff}.system-scene-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:18px 0}.system-scene-choice{padding:5px!important;border:2px solid #454054;border-radius:12px!important;background:#171923;overflow:hidden;text-align:left}.system-scene-choice[aria-pressed=true]{border-color:#ffa7d7;box-shadow:0 0 15px #e166a54d}.scene-miniature{position:relative;display:block;height:145px;background-size:cover;background-position:center 28%;background-color:#252735;border-radius:8px;overflow:hidden}.scene-mini-tvs{position:absolute;top:34px;left:7px;right:7px;text-align:center;color:#f4d391;font-size:23px;text-shadow:0 2px 4px #000}.system-scene-choice>span:last-child{display:block;padding:8px;font-size:13px}.system-visual-options .showcase-options{margin-bottom:0}

.system-visual-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.system-visual-workbench .system-visual-options{margin-top:0}.system-visual-preview{position:sticky;top:92px;padding-top:16px}.system-visual-preview .showcase-preview{margin:0 auto;width:100%;max-width:300px}.system-visual-preview .leader-preview{aspect-ratio:10/7}.system-visual-preview #jail-preview{margin:0!important;width:100%}.system-visual-workbench .system-scene-gallery{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.system-visual-workbench .scene-miniature{height:125px}@media(max-width:1050px){.system-visual-workbench{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:750px){.system-visual-workbench{display:flex;flex-direction:column}.system-visual-preview{position:static;width:100%;order:-1}.system-visual-preview .showcase-preview{max-height:420px;width:auto}}