:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0a1018;color:#e2e9f1}*{box-sizing:border-box}body{margin:0}header{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303e50}small{letter-spacing:2px;color:#7ddbd3}h1{font-size:24px;margin:4px 0}h1 span{font-size:13px;font-weight:400;color:#9facbd}nav,.actions,.transport{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a{color:#8cdad6;text-decoration:none}main{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;padding:22px}aside{max-height:calc(100vh - 130px);overflow:auto;padding-right:12px}fieldset{border:1px solid #304055;border-radius:10px;margin:16px 0;padding:12px}legend{color:#9be1db;font-weight:600}label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;margin:8px 0}input[type=number]{width:100px}input,select,button{font:inherit;border:1px solid #3c5069;border-radius:6px;background:#162231;color:inherit;padding:7px}button{cursor:pointer}button:hover{border-color:#91dbd6}button:disabled{opacity:.4;cursor:default}p{font-size:12px;color:#9facbd;line-height:1.6}.notice{background:#152635;border-radius:8px;padding:10px;color:#bbd7e9}.timeline{display:grid;grid-template-columns:auto 1fr;max-width:800px}.timeline input{grid-column:1/-1;width:100%;accent-color:#89dcd2}output{text-align:right}.viewport{overflow:auto;max-height:calc(100vh - 270px);border:1px solid #304055;border-radius:10px;background:#0c1520}canvas{display:block;touch-action:none}#status{color:#a5e0c5}@media(max-width:850px){main{grid-template-columns:1fr}aside{max-height:400px}header{display:block}nav{margin-top:12px}}
:is(canvas,iframe,label,p,fieldset)[hidden]{display:none!important}
#cycle-options label{flex-wrap:wrap}#cycle-options select{width:100%;min-width:0}
#game-preview{display:block;border:0;width:468px;height:624px;pointer-events:none;background:#142333}
#game-status{min-height:20px;color:#a5e0c5}
.transport select{max-width:165px}