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}}
.system-symbol{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #344267;background:#14223b;border-radius:12px;color:#53d9ef}.system-symbol svg{width:28px;height:28px;stroke-width:1.6}.systems-choice{background:#11182b;border-color:#303b58;box-shadow:none}.systems-choice h3{color:#f0f4ff}.systems-choice p{color:#aebbd2}.systems-choice button{background:#1a2946;border:1px solid #344669;color:#eaf4ff}.systems-choice:hover{border-color:#52668d}.scene-mini-tvs{display:flex;justify-content:center;gap:10px;top:40%;text-shadow:none}.scene-mini-tvs span{display:block;width:24px;height:32px;border:1px solid #e4e9ee;background:#12182788;box-shadow:0 2px 6px #0005;border-radius:3px}.system-scene-choice{box-shadow:none}.system-scene-choice[aria-pressed=true]{box-shadow:0 0 0 1px #5cd9ef;border-color:#5cd9ef}

.racon-frame-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.racon-frame-choices button{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid #66552e;border-radius:14px;padding:12px;background:#151722}.racon-frame-choices button[aria-pressed=true]{border-color:#f5ca76;box-shadow:0 0 12px #efc15d55}.racon-frame-choices img{width:100%;height:170px;object-fit:contain}.systems-choice[data-system=racon] .system-card-art{object-fit:contain;background:radial-gradient(ellipse,#5c3619,#10111b)}

.racon-gift-list{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.racon-gift-list button{display:flex;align-items:center;gap:8px;text-align:left}.racon-gift-list img{width:36px;height:36px;object-fit:contain}.racon-gift-list [aria-pressed=true]{outline:2px solid #ffc766}.racon-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.racon-video-grid article{padding:12px;border:1px solid #675631;border-radius:12px;background:#151925}.racon-video-grid video{width:100%;height:210px;object-fit:contain;background:#000}.racon-video-grid label{display:flex;gap:8px;align-items:center}.racon-video-page{padding:18px}.racon-video-page .row{position:sticky;top:0;background:#1e2633;padding:12px;z-index:3}

.racon-gift-list[hidden]{display:none}

.system-settings-menu{margin:20px 0;border:1px solid #445367;border-radius:10px;overflow:hidden}.system-settings-menu>summary{padding:16px;cursor:pointer;font-weight:700;background:#263346}.system-settings-menu>div{padding:18px;display:flex;flex-direction:column;gap:16px}.system-settings-menu .row,.system-settings-menu .systems-settings,.system-settings-menu .showcase-options{display:flex;flex-direction:column;align-items:stretch;gap:12px}.system-settings-menu label{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:720px}.system-settings-menu input:not([type=checkbox]),.system-settings-menu select{max-width:340px;min-width:120px}.system-external-tools:empty{display:none}