:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--panel:#161b22;--line:#2a313c;--text:#d6dde6;--muted:#8b95a3;--accent:#4ea1ff;--bad:#ff6b5b;--good:#5bd68a;font:13px/1.4 Electrolize,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100vh;color:var(--text);margin:0;display:flex}#panel{z-index:10;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:16px;width:340px;padding:12px;display:flex;position:relative;overflow-y:auto}#stage{flex-direction:column;flex:1;min-width:0;display:flex}#map{z-index:0;flex:1;min-height:0;position:relative;overflow:hidden}#map>canvas{z-index:0;position:absolute;inset:0}#hoverbar{z-index:5;border-bottom:1px solid var(--line);pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap;background:#161b22eb;align-items:center;gap:10px;padding:5px 8px;font-size:12px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}#hoverbar .stat{align-items:center;gap:4px;display:flex}#hoverbar .cpu-stat{flex:0 0 130px}#hoverbar .cpu-stat .label{flex:none}#hoverbar .cpu-stat>span:last-child{white-space:nowrap;min-width:0;overflow:hidden}#hoverbar .stat>span:last-child{min-width:var(--w,0);text-align:left;display:inline-block}#hoverbar .stat-health{--w:9ch}#hoverbar .stat-energy{--w:5ch}#hoverbar .stat-cargo{--w:7ch}#hoverbar .stat-silos{--w:9ch}#hoverbar .stat-built{--w:4ch}#hoverbar .stat-making{--w:14ch;text-overflow:ellipsis;overflow:hidden}#hoverbar .stat-tasks{--w:2ch}#hoverbar .stat-grid,#hoverbar .stat-grid-store{--w:11ch}#hoverbar .label{color:var(--muted)}#hoverbar .bar{background:#222a35;border-radius:3px;width:36px;height:6px;overflow:hidden}#hoverbar .bar>i{height:100%;display:block}#hoverbar .name{margin-left:auto;font-weight:600}#scoreboard{z-index:4;border-collapse:collapse;border:1px solid var(--line);pointer-events:none;font-variant-numeric:tabular-nums;background:#161b22d9;border-radius:4px;padding:4px 6px;font-size:12px;position:absolute;top:36px;right:8px}#scoreboard th{color:var(--muted);text-align:right;padding:1px 6px;font-weight:400}#scoreboard td{text-align:right;white-space:nowrap;padding:1px 6px}#scoreboard td:first-child,#scoreboard th:first-child{text-align:left}#scoreboard .me{font-weight:600}#scoreboard .out,#standings .out{opacity:.5;text-decoration:line-through}#standings .me{font-weight:600}#standings{z-index:8;border:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;background:#161b22f5;border-radius:6px;padding:16px 24px;position:absolute;inset:25% auto auto 50%;transform:translate(-50%)}#standings h2{margin:0 0 10px;font-size:20px}#standings p{margin:0 0 10px}#standings .row{justify-content:center;gap:8px;display:flex}#standings table{border-collapse:collapse;margin:0 auto 12px}#standings th{color:var(--muted);text-align:right;padding:2px 10px;font-weight:400}#standings td{text-align:right;padding:2px 10px}#standings td:first-child,#standings th:first-child{text-align:left}#standings .dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.lobby-player{align-items:center;gap:8px;display:flex}#connecting{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connecting-box{text-align:center;width:min(420px,100vw - 32px)}#connecting h2{letter-spacing:.08em;margin:0 0 14px;font-size:26px;font-weight:400}#connecting.failed h2{color:var(--bad)}#connecting ul{height:8.4em;color:var(--muted);flex-direction:column;justify-content:flex-end;margin:0 0 16px;padding:0;list-style:none;display:flex;overflow:hidden}#connecting li{padding:1px 0;animation:.25s ease-out connecting-line}#connecting li.real{color:var(--good)}#connecting.failed li:last-child{color:var(--bad)}.connecting-bar{background:var(--line);border-radius:2px;height:3px;overflow:hidden}.connecting-bar span{background:var(--accent);width:35%;height:100%;animation:1.4s ease-in-out infinite alternate connecting-sweep;display:block}#connecting.failed .connecting-bar span{background:var(--bad);width:100%;animation:none}@keyframes connecting-line{0%{opacity:0;transform:translateY(6px)}}@keyframes connecting-sweep{0%{margin-left:0}to{margin-left:65%}}@media (prefers-reduced-motion:reduce){#connecting li,.connecting-bar span{animation:none}}#pause{z-index:9;border:1px solid var(--accent);text-align:center;pointer-events:auto;background:#161b22f5;border-radius:6px;width:min(520px,100vw - 32px);padding:14px 22px;position:absolute;inset:12% auto auto 50%;transform:translate(-50%)}#pause h2{margin:0 0 8px;font-size:18px}#pause ul{color:var(--muted);margin:0;padding:0;list-style:none}#pause li.away{color:var(--bad);font-variant-numeric:tabular-nums}.pause-invite{gap:6px;margin-top:10px;display:flex}.pause-invite input{flex:1;min-width:0;font-size:11px}.pause-invite button{flex:none}#waiting,#defeat{z-index:9;border:1px solid var(--accent);text-align:center;pointer-events:auto;background:#161b22f5;border-radius:6px;width:min(460px,100vw - 32px);padding:16px 22px;position:absolute;inset:12% auto auto 50%;transform:translate(-50%)}#defeat{z-index:10;border-color:var(--bad)}#waiting h2,#defeat h2{margin:0 0 6px;font-size:18px}#waiting p,#defeat p{margin:0 0 10px}#waiting ul{text-align:left;margin:0 0 12px;padding:0;list-style:none}#waiting li{align-items:center;gap:6px;padding:3px 0;display:flex}#waiting li .tag{color:var(--muted);margin-left:auto;font-size:12px}#waiting .dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}#waiting .row,#defeat .row{justify-content:center;gap:8px;margin-top:10px;display:flex}#spectating{z-index:7;border:1px solid var(--accent);color:var(--muted);pointer-events:none;background:#161b22d9;border-radius:12px;padding:3px 12px;position:absolute;inset:8px auto auto 50%;transform:translate(-50%)}body.spectating #buildbar,body.spectating #actions,body.spectating #action-hint,body.spectating #groups{display:none}#menu-bg{z-index:0;pointer-events:none;background:#04060a;position:fixed;inset:0;overflow:hidden}#menu-bg[hidden]{display:none}#menu-bg:after{content:"";background:radial-gradient(#04060a00 30%,#04060abf 100%);position:absolute;inset:0}.menu-bg-scroll{top:calc(var(--menu-bg-tile) * -1);left:calc(var(--menu-bg-tile) * -1);background-repeat:repeat;background-size:var(--menu-bg-tile) var(--menu-bg-tile);animation:40s linear infinite menu-bg-drift;position:absolute;bottom:0;right:0}@keyframes menu-bg-drift{to{transform:translate(var(--menu-bg-tile), var(--menu-bg-tile))}}.menu-bg-spark{pointer-events:none;opacity:0;border-radius:2px;position:absolute;box-shadow:0 0 8px 2px #78beff8c}.menu-bg-spark.h{width:var(--spark-tail,48px);height:2px;margin-top:-1px}.menu-bg-spark.v{width:2px;height:var(--spark-tail,48px);margin-left:-1px}.menu-bg-spark.h.fwd{background:linear-gradient(90deg,#0000,#cfe8ff)}.menu-bg-spark.h.back{background:linear-gradient(270deg,#0000,#cfe8ff)}.menu-bg-spark.v.fwd{background:linear-gradient(#0000,#cfe8ff)}.menu-bg-spark.v.back{background:linear-gradient(#cfe8ff,#0000)}@media (prefers-reduced-motion:reduce){.menu-bg-scroll{animation:none}}#lobby{z-index:1;flex-direction:column;flex:1;align-items:center;gap:12px;padding:10vh 16px;font-size:1.5em;display:flex;position:relative}#lobby section,#lobby aside,#lobby fieldset,#lobby .lobby-name-screen,#lobby .options{border:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#161b229e;border-radius:6px;padding:12px 14px;box-shadow:0 0 22px 8px #04060a99}#lobby fieldset{min-width:0;margin:0}#lobby .lobby-right{border-left:1px solid var(--line)}#lobby .lobby-changes details,#lobby .lobby-room{background:#161b228c}#lobby-docs{font-size:13px}#lobby h2,#lobby button.link{font-size:.92em}#lobby h1,#lobby h2{margin:0}#lobby h1{letter-spacing:.04em;text-align:center;text-shadow:0 0 18px #4ea1ff73;font-size:clamp(32px,6vw,56px);line-height:1.1}#lobby-rooms{flex-direction:column;gap:6px;width:min(420px,100%);display:flex}.lobby-room{background:var(--panel);border:1px solid var(--line);border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.lobby-room .name{font-weight:600}.lobby-room .name small{color:var(--muted);font-weight:400;display:block}#lobby-create{flex-direction:column;gap:8px;width:min(900px,100%);display:flex}.mode-picker{border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:4px;display:flex}.mode-picker small{color:var(--muted)}.lobby-view{flex-direction:column;align-items:center;gap:12px;width:min(1100px,100%);display:flex}.menu-buttons{flex-direction:column;gap:8px;width:min(420px,100%);display:flex}.menu-buttons button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;font-size:1.15em;display:flex}.menu-buttons button small{color:var(--muted);font-size:.8em;font-weight:400}.section-head{align-items:center;gap:12px;width:100%;display:flex}#credits{flex-direction:column;gap:6px;width:min(700px,100%);display:flex}#credits h3{margin:0 0 4px}.credit{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:6px 10px}.credit small{color:var(--muted);display:block}.section-blurb{text-align:center;max-width:620px;margin:0}.lobby-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.lobby-split h3{margin:0 0 8px}.lobby-online{margin:0 0 10px;font-size:.9em}.lobby-online strong{color:var(--text)}.lobby-left #lobby-rooms{width:100%}.lobby-right{border-left:1px solid var(--line)}.lobby-right #lobby-name{width:100%}@media (width<=760px){.lobby-split{grid-template-columns:1fr}.lobby-right{border-left:1px solid var(--line)}}.mode-tag{color:var(--muted);vertical-align:middle;background:#26303c;border-radius:8px;margin-left:4px;padding:0 6px;font-size:.85em;font-weight:500;display:inline-block}.mode-tag.coop{color:var(--good);background:#1d2b22}.lobby-view #lobby-create{width:100%}#lobby-docs{z-index:30;background:var(--panel);flex-direction:column;display:flex;position:fixed;inset:0}#lobby-docs iframe{background:#fff;border:none;flex:1}#lobby-designer{z-index:25;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}#lobby-designer>*{pointer-events:auto}.lobby-changes{flex-direction:column;gap:6px;width:min(900px,100%);font-size:1em;display:flex}.lobby-changes details{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 10px}.lobby-changes summary{cursor:pointer;color:var(--muted)}.lobby-changes ul{flex-direction:column;gap:3px;margin:6px 0 4px;padding-left:18px;display:flex}#lobby-name{width:min(320px,100%)}.map-picker{border:1px solid var(--line);min-width:0;margin:0;padding:8px}.map-picker legend{color:var(--muted);padding:0 5px;font-size:.92em}.map-layout{align-items:stretch;gap:10px;display:flex}.map-layout select{flex:1;align-self:stretch;min-width:0;height:auto}.map-preview{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.map-preview img{aspect-ratio:8/5;object-fit:cover;border:1px solid var(--line);width:100%;display:block}.map-preview small{color:var(--muted)}.map-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}@media (width<=760px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.map-choice{background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:4px;flex-direction:column;gap:5px;min-width:0;padding:6px;display:flex}.map-choice.selected{border-color:var(--good);background:#1d2b22}.map-choice input{width:16px;height:16px;accent-color:var(--good);margin:0;padding:0}.map-choice img{aspect-ratio:8/5;object-fit:cover;border:1px solid var(--line);width:100%;display:block}.map-choice span{flex-direction:column;gap:2px;display:flex}.map-choice small{color:var(--muted);font-weight:400}.lobby-name-screen{flex-direction:column;align-items:stretch;gap:10px;width:min(360px,100%);display:flex}.lobby-name-screen h2,.lobby-name-screen p{margin:0}.lobby-name-screen label{flex-direction:column;gap:5px;display:flex}#scoreboard .dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#designs-bar{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:auto;padding-top:10px;display:flex}#designs-bar .row button{padding:5px 6px;font-size:12px}button.link{color:var(--muted);text-align:left;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}button.link:hover{color:var(--text)}button.danger{border-color:var(--bad);background:#3a1d1d}.modal-back{z-index:100;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);padding:16px;display:flex;box-shadow:0 12px 40px #00000080}.modal h2{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:15px}.modal-body{font-size:13px;overflow-y:auto}.modal-body p{margin:0 0 8px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.design-plan{margin:0 0 8px;padding-left:18px}.design-choices{border-collapse:collapse;width:100%;margin-bottom:8px}.design-choices td{border-top:1px solid var(--line);vertical-align:top;padding:6px 4px}.design-choices .choices{white-space:nowrap}.design-choices label{display:block}.resource-list{font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;font-size:12px;display:flex}.res-row{grid-template-columns:52px 90px 1fr;align-items:center;gap:8px;display:grid}.res-row .label{color:var(--muted)}.res-row .value{text-align:right;white-space:nowrap}.res-row small{color:var(--muted)}.res-row .spark{background:#0e1116;border-radius:3px;display:block}.action-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.action-grid .action{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:2px;display:flex;position:relative;overflow:hidden}.action-grid .action img{object-fit:contain;width:55%;height:45%}#production-buttons.action-grid{grid-template-columns:repeat(4,1fr)}.action-grid .action .icon{font-size:20px;line-height:1}.action-grid .action .label{text-align:center;overflow-wrap:anywhere;font-size:10px;line-height:1.1}.action-grid .action kbd{color:var(--muted);font:9px ui-monospace,Consolas,monospace;position:absolute;top:2px;right:3px}.action-grid .action.custom{border-color:#4b3a63}.action-grid .action.custom .icon{color:#c792ea;font-size:15px;font-weight:600}.action-grid .action.active{border-color:var(--good);background:#1d2b22}.action-grid .action.armed,#resign.armed{border-color:var(--bad);background:#3a1d1d}#resign{text-align:center;width:100%}.action-grid .action:disabled{opacity:.35;cursor:default;border-color:var(--line)}#action-hint:empty{display:none}.group-bar{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.group-bar[hidden]{display:none}.group-bar .group{align-items:baseline;gap:4px;padding:2px 7px;font-size:12px;display:flex}.group-bar .group small{color:var(--muted)}#buildbar{z-index:10;background:var(--panel);border-top:1px solid var(--line);flex:none;gap:6px;padding:6px 8px;display:flex;position:relative;overflow-x:auto}#buildbar button{flex:none;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;display:flex}#buildbar button.category.open{border-color:var(--accent,#6aa8ff)}#buildmenu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed;box-shadow:0 4px 16px #0008}#buildmenu[hidden]{display:none}#buildmenu h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 2px;font-size:11px}#buildmenu button{align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;display:flex}#buildmenu button.active{border-color:var(--good);background:#1d2b22}#buildmenu img{object-fit:contain;width:36px;height:36px}#buildmenu span{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}#buildmenu small{color:#7ee0b5}#buildbar button.active{border-color:var(--good);background:#1d2b22}#buildbar img{object-fit:contain;width:36px;height:36px}#buildbar span{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}#buildbar small{color:#7ee0b5}h1{margin:0;font-size:16px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px}section{flex-direction:column;gap:8px;display:flex}#status{color:var(--muted)}.sidebar-meta{font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;font-size:12px;display:flex}input,select,textarea,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 8px}textarea{resize:vertical;tab-size:2;min-height:260px;font-family:ui-monospace,Consolas,monospace}button{cursor:pointer;background:#1f2630}button:hover{border-color:var(--accent)}.row{gap:8px;display:flex}.row>*{flex:1}.chips{flex-wrap:wrap;gap:4px;display:flex}.chips button{padding:2px 6px;font-size:12px}.chips.selected button{border-color:var(--accent)}pre{color:var(--muted);white-space:pre-wrap;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.row-spread{justify-content:space-between;gap:8px;display:flex}.muted{color:var(--muted)}#selection-summary{white-space:pre-line;font-variant-numeric:tabular-nums}#credits{color:#7ee0b5;font-variant-numeric:tabular-nums}#resource-bars{flex-direction:column;gap:6px;display:flex}#resource-bars .res{grid-template-columns:72px minmax(32px,1fr) 14ch;align-items:center;gap:8px;font-size:12px;display:grid}#resource-bars .res .label{color:var(--muted);align-items:center;gap:5px;display:flex}#resource-bars .res .icon{width:12px;color:var(--text);text-align:center}#resource-bars .res .track{background:#222a35;border-radius:4px;height:8px;overflow:hidden}#resource-bars .res .track>i{height:100%;display:block}#resource-bars .res .amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}#stage canvas{cursor:crosshair;display:block}#production{flex-direction:column;gap:6px;display:flex}button:disabled{opacity:.45;cursor:not-allowed}#result.ok{color:var(--good)}#result.bad{color:var(--bad)}a{color:var(--accent)}a.button{color:var(--text);border:1px solid var(--line);background:#1f2630;border-radius:4px;padding:6px 8px;text-decoration:none;display:inline-block}a.button:hover{border-color:var(--accent)}button,a.button,select,summary,.map-choice,.class-item{transition:filter .12s,box-shadow .12s,border-color .12s}button:not(:disabled):hover,a.button:hover,select:hover,summary:hover,.map-choice:hover,.class-item:hover{filter:brightness(1.25);box-shadow:0 0 8px #4ea1ff40}input:not(:disabled):hover,textarea:hover{border-color:var(--accent)}button.link:hover{filter:none;box-shadow:none}header{flex-direction:column;gap:8px;display:flex}#environment{font-variant-numeric:tabular-nums}.env-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.env-tile{border:1px solid var(--line);background:var(--panel);--c:var(--accent);border-radius:6px;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;min-width:0;padding:6px 8px;display:grid}.env-power{grid-column:1/-1;grid-template-columns:auto auto 1fr}.env-power .env-icon{grid-row:1}.env-power .env-label{text-align:left;grid-area:1/2}.env-power .env-value{grid-area:1/3}.env-power .env-bar{grid-area:2/1/auto/-1}.env-sun{--c:#ffd54a}.env-wind{--c:#6fd3ff}.env-power{--c:var(--good)}.env-power.env-deficit{--c:var(--bad)}.env-icon{color:var(--c);grid-row:1/3;font-size:24px;line-height:1}.env-value{color:var(--c);text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.env-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:right;font-size:10px}.env-bar{background:var(--line);border-radius:2px;grid-column:1/3;height:4px;margin-top:5px;overflow:hidden}.env-bar i{background:var(--c);height:100%;display:block}#modules{flex-direction:column;gap:2px;font-size:12px;display:flex}#modules .module{cursor:pointer;align-items:center;gap:4px;display:flex}#modules input{margin:0;padding:0}#modules input:disabled+*,#modules label:has(input:disabled){color:var(--muted);cursor:default}#docs-overlay{z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;display:flex;position:absolute;inset:16px;overflow:hidden;box-shadow:0 10px 40px #0009}.docs-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}#docs-frame{background:var(--bg);border:0;flex:1;width:100%}#stage{position:relative}#designer-overlay{z-index:20;background:var(--panel);flex-direction:column;display:flex;position:absolute;inset:0}.designer-bar,.designer-footer{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:8px 12px;display:flex}.designer-bar .muted{flex:1}.designer-footer{border-bottom:none;border-top:1px solid var(--line)}.designer-footer .status{color:var(--muted);flex:1}.designer-footer .status.ok{color:var(--good)}.designer-footer .status.bad{color:var(--bad)}button.primary{border-color:var(--accent);background:#1b2a40}.designer-body{flex:1;grid-template-columns:220px minmax(320px,1fr) minmax(360px,1.3fr);min-height:0;display:grid}.designer-body>section{border-right:1px solid var(--line);flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.designer-body>section:last-child{border-right:none}.designer-body h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 0;font-size:11px}.class-list{flex-direction:column;gap:4px;display:flex}.class-item{text-align:left;align-items:center;gap:8px;padding:4px 6px;display:flex}.class-item.active{border-color:var(--accent);background:#1b2a40}.class-item img{object-fit:contain;width:28px;height:28px}.class-item span,.part-row{flex-direction:column;line-height:1.25;display:flex}.class-item small,.part-row small{color:var(--muted);font-size:11px}.design-head{gap:12px;display:flex}.preview{flex-direction:column;flex:none;align-items:center;gap:6px;width:210px;font-size:11px;display:flex}.preview-stage{border:1px solid var(--line);background-color:#0e1116;background-image:linear-gradient(#1a212b 1px,#0000 1px),linear-gradient(90deg,#1a212b 1px,#0000 1px);background-position:50%;background-size:64px 64px;border-radius:6px;justify-content:center;align-items:center;width:210px;height:210px;display:flex}.preview-stage img{max-width:100%;max-height:100%}.preview-small{justify-content:center;align-items:center;gap:10px;min-height:40px;display:flex}.preview-small img{max-width:96px;max-height:96px}.design-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.stats-grid{grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px;display:grid}.stats-grid span:nth-child(odd){color:var(--muted)}.installed{flex-direction:column;gap:2px;margin:0;padding-left:28px;font-size:12px;display:flex}.installed li span:first-child{margin-right:6px}.installed li button{margin-left:6px;padding:0 5px;font-size:11px}.palette details{border:1px solid var(--line);border-radius:4px;padding:4px 6px}.palette details+details{margin-top:6px}.palette summary{cursor:pointer;color:var(--muted);font-size:12px}.palette .part-row{text-align:left;width:100%;margin-top:4px;padding:4px 6px}.designer-code{padding:12px 0 0!important}.designer-code h2{padding:0 12px}.editor-host{border-top:1px solid var(--line);flex:1;min-height:0}.editor-host .cm-editor{height:100%}.code-head{justify-content:space-between;align-items:center;gap:8px;padding-right:12px;display:flex}.code-head select{padding:2px 4px;font-size:12px}.class-item.retired{opacity:.55}.installed li.draggable{cursor:grab}.installed li.dragging{opacity:.4}.test-run{border-top:1px solid var(--line);flex:none;max-height:45%;padding:6px 12px;overflow-y:auto}.test-run summary{cursor:pointer;font-size:12px}.test-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-size:12px;display:flex}.test-controls select{padding:2px 4px;font-size:12px}.test-out{font-size:12px}.test-out ul{margin:4px 0;padding-left:18px}.test-out table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.test-out th,.test-out td{text-align:right;border-bottom:1px solid #1f2630;padding:1px 6px}.test-out th{color:var(--muted);font-weight:400}.test-out .bad{color:var(--bad)}.designer-body{position:relative}.diff-panel{z-index:3;background:var(--panel);border:1px solid var(--accent);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:32px 12%;box-shadow:0 8px 30px #00000080}.diff-body{flex:1;min-height:0;overflow:auto}.diff-body pre{margin:0;font:12px/1.45 ui-monospace,Consolas,monospace}.diff-body span{white-space:pre;display:block}.diff-body .dadd{color:#9ff0b8;background:#12301e}.diff-body .ddel{color:#ffb0a6;background:#3a1d1d}.diff-body .dctx{color:var(--muted)}.diff-body .dgap{color:#4b5563}.diff-actions{justify-content:flex-end;gap:8px;display:flex}.music{z-index:40;background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);max-width:60vw;color:var(--muted);opacity:.55;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;transition:opacity .2s;display:flex;position:fixed;top:8px;left:8px}.music:hover{opacity:1}.music-toggle{cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.music input[type=range]{width:70px}.music-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-label a{color:inherit}.music.blocked{opacity:1;border-color:var(--accent)}.music.blocked .music-label:after{content:" — click anywhere to start the music";color:var(--accent)}.music.docked{opacity:1;background:0 0;max-width:none;margin-top:auto;position:static}.music.docked+#designs-bar{margin-top:0}.music.inbar{opacity:1;background:0 0;max-width:40vw;position:static}.designer-music{display:flex}.music.docked .music-label{flex:1;min-width:0}#lobby .options{box-sizing:border-box;flex-direction:column;gap:14px;width:min(460px,100%);margin:16px auto;padding:16px 20px;display:flex}.option-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.option-row input[type=range]{width:220px}input[type=checkbox]{appearance:none;vertical-align:middle;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff38;border-radius:4px;flex:none;width:2.3em;height:1.3em;margin:0 .3em;transition:background .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px 3px #00000073,0 0 0 1px #04060a40}input[type=checkbox]:after{content:"";background:linear-gradient(145deg,#ffffffd9,#c8dcf573);border:1px solid #ffffff80;border-radius:2px;width:.92em;height:.92em;transition:left .2s;position:absolute;top:50%;left:.12em;transform:translateY(-50%);box-shadow:0 1px 3px #00000073}input[type=checkbox]:checked{background:#ff8c14bf;border-color:#ffb050;box-shadow:inset 0 1px 3px #5a1e0080,0 0 8px #ff8c148c}input[type=checkbox]:checked:after{left:calc(100% - 1.16em)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){input[type=checkbox],input[type=checkbox]:after{transition:none}}