:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101b22;color:#f1eddb;font-family:system-ui,sans-serif}a{color:#cbdca8;text-underline-offset:4px}button{font:700 14px system-ui;cursor:pointer;min-height:44px;border:1px solid #788c85;color:#f1eddb;background:#273b40;padding:10px 18px}button:hover{background:#3a5458}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffbf63;outline-offset:4px}.shift-page{max-width:1100px;margin:auto;padding:24px 30px}.shift-page>nav{font:12px ui-monospace,monospace}.shift-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:32px 0 25px}.shift-kicker{font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;color:#cbdaaa}.shift-heading h1{font:700 clamp(44px,7vw,76px)/1 Georgia,serif;margin:7px 0 15px;letter-spacing:-.045em}.shift-heading p{color:#c1ccc7}.shift-heading>span{font:11px/1.8 ui-monospace,monospace;border:1px solid #54655f;padding:12px 18px;transform:rotate(3deg)}.shift-machine{border:1px solid #647770;box-shadow:9px 9px 0 #090f14}.shift-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#22363b;padding:16px 22px;font:10px ui-monospace,monospace;color:#c1ccc7}.shift-dashboard b{display:block;font-size:23px;color:#f5db8d;margin-top:4px}.shift-stage{position:relative;background:#142630}canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none}.shift-overlay{position:absolute;inset:0;background:#101b22eF;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.shift-overlay[hidden]{display:none}.shift-overlay h2{font:600 clamp(24px,4vw,44px) Georgia,serif;margin:7px 0 10px}.shift-overlay p:not(.shift-kicker){max-width:470px;font-size:15px;line-height:1.65;color:#ccd6cd}.shift-overlay button{background:#ebbb69;color:#172329;border-color:#ebbb69;margin-top:12px;min-width:170px}.shift-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 20px}.shift-controls>span{margin-left:auto;font:11px ui-monospace;color:#c1ccc7}[data-boost]{touch-action:none;user-select:none}[data-boost][aria-pressed=true]{background:#ebbb69;color:#172329}.shift-message{margin:0;padding:0 20px 16px;color:#e8dba9;font:12px/1.6 ui-monospace;min-height:35px}.shift-manual{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:35px 0}.shift-manual h2{font:24px Georgia,serif}.shift-manual p{font-size:14px;line-height:1.8;color:#c1ccc7}.shift-manual button{font-size:11px;padding:4px 10px;display:block;margin-top:12px}
@media(max-width:600px){.shift-page{padding:18px 12px}.shift-heading{margin-top:25px}.shift-heading>span{display:none}.shift-dashboard{padding:12px;gap:5px;font-size:9px}.shift-dashboard b{font-size:19px}.shift-overlay{padding:14px}.shift-overlay h2{font-size:24px}.shift-overlay p:not(.shift-kicker){font-size:12px;line-height:1.4;margin:6px 0}.shift-overlay .shift-kicker{display:none}.shift-overlay button{min-height:40px;margin-top:8px}.shift-controls{padding:12px;gap:8px}.shift-controls>span{width:100%;margin:0}.shift-manual{grid-template-columns:1fr;gap:10px}.shift-heading p{font-size:13px}.shift-message{padding:0 12px 12px;font-size:11px}}