.tilt-shell{--ink:#28382f;--cream:#e6e0cf;--orange:#df522a;--green:#27564a;min-height:var(--page-height);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eee9dc radial-gradient(#a8997220 .6px,#0000 .6px) 0 0/5px 5px;padding:26px clamp(18px,4vw,70px) 32px;font-family:Golos Text Variable,sans-serif}.tilt-shell .tilt-console{background:#d3d0bb;border:1px solid #a3a38e;border-radius:22px;max-width:1540px;margin:auto;padding:22px 30px 30px;position:relative;box-shadow:inset 0 3px 2px #fff9,inset 0 -7px #a5a58d,0 15px 26px #3b382426,0 2px 2px #43402d35}.tilt-shell .tilt-console-top{font:10px var(--mono);letter-spacing:1px;justify-content:space-between;margin:0 8px 17px;display:flex}.tilt-shell .tilt-console-top>span:first-child{align-items:center;gap:8px;display:flex}.tilt-shell .tilt-led{background:#cc4e2d;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 5px #e66432}.tilt-shell .tilt-instruments{grid-template-columns:minmax(0,1fr) 255px;gap:21px;display:grid}.tilt-shell .tilt-stage{background:#e6deca;border:8px solid #384d43;border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:0 2px 2px #fff9,inset 0 2px 8px #1115}.tilt-shell .tilt-scene-bar,.tilt-shell .tilt-scene-bottom{z-index:2;font:10px var(--mono);letter-spacing:.7px;pointer-events:none;justify-content:space-between;padding:16px 18px;display:flex;position:absolute;left:0;right:0}.tilt-shell .tilt-scene-bar{top:0}.tilt-shell .tilt-scene-bottom{bottom:0}.tilt-shell .tilt-viewport{width:100%;height:510px}.tilt-shell .tilt-viewport canvas{width:100%;height:100%;display:block}.tilt-shell .tilt-loading{text-align:center;z-index:3;background:#e6decaf5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:25px;font-size:20px;display:flex;position:absolute;inset:0}.tilt-shell .tilt-loading span{font:11px var(--mono);color:#667468}.tilt-shell .tilt-loading[hidden]{display:none}.tilt-shell .tilt-monitor{color:#c2d4b3;background:#33493e;border:1px solid #1b342b;border-radius:13px;padding:17px;box-shadow:inset 0 2px #6b806b,0 2px 1px #f9f2}.tilt-shell .tilt-monitor-title{font:10px var(--mono);letter-spacing:1px;justify-content:space-between;margin-bottom:13px;display:flex}.tilt-shell .tilt-monitor-title b{color:#b2d772}.tilt-shell .tilt-crt{background:radial-gradient(#1c3028,#081612);border:5px solid #25392f;border-radius:18px;height:290px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #556554,inset 0 0 20px #000}.tilt-shell .tilt-crt:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0002 3px);border-radius:13px;position:absolute;inset:0}.tilt-shell .tilt-crt-label{font:8px var(--mono);color:#789d77;letter-spacing:1px;position:absolute;bottom:10px;left:10px}.tilt-shell #tilt-brain{width:100%;height:100%}.tilt-shell .tilt-readout{font:9px var(--mono);letter-spacing:.5px;justify-content:space-between;align-items:center;margin:17px 0;display:flex}.tilt-shell .tilt-readout strong{color:#d6eb9f;font-size:22px;font-weight:400}.tilt-shell .tilt-meter-row{font:9px var(--mono);align-items:center;gap:15px;margin:10px 0;display:flex}.tilt-shell .tilt-meter-row meter{accent-color:#d9bd69;width:100%;height:7px}.tilt-shell .tilt-specs{font:9px var(--mono);color:#94ac91;flex-direction:column;gap:4px;margin:16px 0 12px;display:flex}.tilt-shell .tilt-vents{letter-spacing:4px;color:#1c3026;white-space:nowrap;text-shadow:1px 0 #7b8a67;height:20px;font-size:18px;line-height:20px;overflow:hidden}.tilt-shell .tilt-control-strip{justify-content:space-between;align-items:center;gap:18px;margin:23px 0 20px;display:flex}.tilt-shell .tilt-key-group{gap:10px;display:flex}.tilt-shell .tilt-key{font:10px var(--mono);letter-spacing:.7px;color:#3c493b;background:#e8e4d2;border:1px solid #adab91;border-radius:6px;padding:13px 19px 16px;font-weight:700;box-shadow:inset 0 2px #fff9,inset 0 -5px #b9b59d,0 2px 2px #3334}.tilt-shell .tilt-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #7775}.tilt-shell .tilt-key.orange{color:#fff4dd;background:#df5b35;border-color:#b24426;box-shadow:inset 0 2px #ffbb7966,inset 0 -5px #b74326,0 2px 2px #3334}.tilt-shell .tilt-film-track{font:10px var(--mono);align-items:center;gap:18px;margin-bottom:19px;display:flex}.tilt-shell .tilt-film-track input{accent-color:#d8512d;cursor:pointer;width:100%;height:5px}.tilt-shell .tilt-chapters{border:1px solid #9fa38c;border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.tilt-shell .tilt-chapter-key{color:#50604d;text-align:left;background:#c8cbb4;border-right:1px solid #a4a78f;grid-template-columns:25px 1fr;gap:5px 9px;padding:16px 17px;display:grid}.tilt-shell .tilt-chapter-key:last-child{border:0}.tilt-shell .tilt-chapter-key>span{font:12px var(--mono);grid-row:span 2;padding-top:2px}.tilt-shell .tilt-chapter-key strong{font-size:12px;font-weight:600}.tilt-shell .tilt-chapter-key small{font:8px var(--mono);letter-spacing:.5px}.tilt-shell .tilt-chapter-key[aria-current=step]{color:#f0eccf;background:#315447;box-shadow:inset 0 3px #dc653e}.tilt-shell .tilt-screw{background:linear-gradient(125deg,#747d6b,#c5c9af);border:1px solid #8a927b;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 1px #fff6}.tilt-shell .tilt-screw:after{content:"";background:#5c6958;width:5px;height:1px;position:absolute;top:3px;left:1px;transform:rotate(-35deg)}.tilt-shell .screw-tl{top:10px;left:11px}.tilt-shell .screw-tr{top:10px;right:11px}.tilt-shell .screw-bl{bottom:12px;left:11px}.tilt-shell .screw-br{bottom:12px;right:11px}.tilt-shell .tilt-footer{max-width:1540px;font:9px var(--mono);letter-spacing:.8px;color:#6d7564;justify-content:space-between;margin:21px auto 0;display:flex}.tilt-shell .tilt-footer button{font:inherit;color:#345547;padding:0}.tilt-shell .tilt-dialog{color:#33463a;background:#e8e3d2;border:8px solid #405b4a;border-radius:12px;max-width:600px;padding:30px;font-size:14px;line-height:1.7}.tilt-shell .tilt-dialog::backdrop{background:#15281dd9}.tilt-shell .tilt-dialog>button{float:right;color:#283d30;font-size:25px}.tilt-shell .tilt-dialog h2{font-family:Manrope Variable;font-size:25px}.tilt-shell button:disabled{cursor:default;opacity:.5}.tilt-shell button:focus-visible,.tilt-shell a:focus-visible{outline-offset:4px;outline:2px solid #d7572f}@media (min-width:1650px){.tilt-shell .tilt-viewport{height:580px}.tilt-shell .tilt-crt{height:340px}}@media (max-width:1000px){.tilt-shell{padding:18px}.tilt-shell .tilt-instruments{grid-template-columns:minmax(0,1fr) 190px;gap:12px}.tilt-shell .tilt-console{padding:21px 18px}.tilt-shell .tilt-monitor{padding:12px}.tilt-shell .tilt-viewport{height:460px}.tilt-shell .tilt-crt{height:245px}.tilt-shell .tilt-key{padding:12px 11px 15px}.tilt-shell .tilt-chapter-key{grid-template-columns:20px 1fr;padding:12px 9px}.tilt-shell .tilt-chapter-key strong{font-size:10px}}@media (max-width:650px){.tilt-shell .tilt-instruments{grid-template-columns:1fr}.tilt-shell .tilt-monitor{grid-template-columns:120px 1fr;gap:0 15px;display:grid}.tilt-shell .tilt-monitor-title{grid-column:1/-1}.tilt-shell .tilt-crt{grid-row:span 5;height:172px}.tilt-shell .tilt-viewport{height:350px}.tilt-shell .tilt-readout{margin:8px 0}.tilt-shell .tilt-specs{margin:5px 0}.tilt-shell .tilt-vents{display:none}.tilt-shell .tilt-control-strip{flex-wrap:wrap;gap:6px}.tilt-shell .tilt-key{padding:11px 10px 14px;font-size:9px}.tilt-shell .tilt-key-group{gap:6px}.tilt-shell .tilt-chapters{grid-template-columns:1fr 1fr}.tilt-shell .tilt-chapter-key{border-bottom:1px solid #a4a78f}.tilt-shell .tilt-footer{gap:15px;font-size:8px;line-height:1.5}.tilt-shell .tilt-console-top{gap:10px;font-size:8px}.tilt-shell .tilt-scene-bar,.tilt-shell .tilt-scene-bottom{padding:12px;font-size:8px}.tilt-shell{padding:15px 10px}.tilt-shell .tilt-console{padding:20px 13px}.tilt-shell .tilt-film-track{margin-bottom:15px}}.tilt-shell .tilt-dialog p{color:#415340;font-size:14px}.tilt-shell .tilt-footer>span:first-child{color:#6d7564}.tilt-shell .tilt-footer{padding:0}.tilt-shell .tilt-key.orange:hover:not(:disabled),.tilt-shell .tilt-key.dark:hover:not(:disabled){color:#fff4dd}.tilt-shell .tilt-rewards{background:#dfe0c9;border:1px solid #a0a48b;border-radius:6px;grid-template-columns:140px minmax(0,1fr) 135px;gap:22px;margin-top:18px;padding:16px 18px;display:grid}.tilt-shell .tilt-rewards[hidden],.tilt-shell .tilt-iteration-row[hidden],.tilt-shell .tilt-reward-event[hidden]{display:none}.tilt-shell .tilt-reward-score{font:9px var(--mono);flex-direction:column;gap:9px;display:flex}.tilt-shell .tilt-reward-score strong{font:30px var(--mono);color:#28563e}.tilt-shell .tilt-reward-score strong[data-negative=true]{color:#b04727}.tilt-shell .tilt-reward-score small{font:9px var(--mono)}.tilt-shell .tilt-reward-history>div{font:8px var(--mono);color:#546a50;justify-content:space-between;gap:10px;display:flex}.tilt-shell .tilt-reward-history canvas{width:100%;height:80px;display:block}.tilt-shell .tilt-reward-rules{font:9px var(--mono);flex-direction:column;gap:9px;display:flex}.tilt-shell .tilt-reward-rules span{justify-content:space-between;gap:8px;display:flex}.tilt-shell .tilt-reward-rules small{opacity:.7;font-size:8px}.tilt-shell .tilt-reward-event{color:#fff5da;font:bold 13px var(--mono);pointer-events:none;z-index:2;white-space:nowrap;background:#2d6447;border-radius:4px;padding:10px 16px;position:absolute;top:55px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0002}.tilt-shell .tilt-reward-event[data-negative=true]{background:#c0502d}.tilt-shell .tilt-iteration-row{max-width:680px;font:10px var(--mono);letter-spacing:.6px;flex:1;align-items:center;gap:20px;margin:0;display:flex}.tilt-shell .tilt-attempt-end{z-index:3;pointer-events:none;background:#eee9dcf5;border:1px solid #80907b;border-left:4px solid #d45a32;border-radius:6px;flex-direction:column;gap:8px;padding:18px 22px;display:flex;position:absolute;inset:auto 18px 48px;box-shadow:0 5px 20px #28382f24}.tilt-shell .tilt-attempt-end[hidden]{display:none}.tilt-shell .tilt-attempt-end strong{font:bold 16px var(--mono);color:#315447}.tilt-shell .tilt-attempt-end span{font-size:14px}.tilt-shell .tilt-attempt-end small{font:10px var(--mono);color:#667468}.tilt-shell .tilt-attempt-end[data-outcome=goal]{border-left-color:#417952}@media (min-width:1100px){.tilt-shell{height:var(--page-height);grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:740px;padding:14px clamp(20px,3vw,50px);display:grid}.tilt-shell .tilt-console,.tilt-shell .tilt-footer{width:100%;margin:0 auto}.tilt-shell .tilt-console{flex-direction:column;gap:10px;min-height:0;padding:16px 20px 20px;display:flex}.tilt-shell .tilt-console-top{margin:0 6px}.tilt-shell .tilt-instruments{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 230px;gap:14px;min-height:0}.tilt-shell .tilt-viewport{height:100%}.tilt-shell .tilt-stage{min-height:0}.tilt-shell .tilt-monitor{flex-direction:column;min-height:0;padding:12px;display:flex}.tilt-shell .tilt-monitor-title{margin-bottom:8px}.tilt-shell .tilt-crt{flex:1;height:auto;min-height:0}.tilt-shell .tilt-readout{margin:8px 0 4px}.tilt-shell .tilt-meter-row{margin:5px 0}.tilt-shell .tilt-specs{margin:7px 0 0}.tilt-shell .tilt-vents{display:none}.tilt-shell .tilt-rewards{gap:18px;margin:0;padding:10px 14px}.tilt-shell .tilt-reward-history canvas{height:60px}.tilt-shell .tilt-reward-score{gap:5px}.tilt-shell .tilt-reward-score strong{font-size:26px}.tilt-shell .tilt-reward-rules{gap:6px}.tilt-shell .tilt-control-strip,.tilt-shell .tilt-film-track{margin:0}.tilt-shell .tilt-key{padding:10px 15px 13px}.tilt-shell .tilt-chapter-key{padding:9px 12px}.tilt-shell .tilt-film-track span{white-space:nowrap}}.tilt-shell .tilt-iteration-row select{color:#314c3b;min-width:0;font:11px var(--mono);background:#e5e2ce;border:1px solid #949e83;border-radius:4px;flex:1;padding:10px 12px}@media (max-width:800px){.tilt-shell .tilt-control-strip{flex-wrap:wrap}.tilt-shell .tilt-iteration-row{flex-basis:100%;max-width:none}.tilt-shell .tilt-rewards{grid-template-columns:105px 1fr;gap:10px}.tilt-shell .tilt-reward-rules{flex-direction:row;grid-column:1/-1;justify-content:space-between}.tilt-shell .tilt-reward-history>div>span:first-child{display:none}.tilt-shell .tilt-iteration-row{gap:10px;font-size:8px}.tilt-shell .tilt-iteration-row select{font-size:9px}}
