@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(/OVERTIME/assets/oswald-latin-var-BUAu8bKM.woff2)format("woff2")}:root{--shell:#d8d2c4;--shell-shadow:#a9a292;--lcd-bg:#9bae8c;--segment:#2b2e27;--ghost:#2b2e2712;--print-red:#c1443a;--print-blue:#3e6c9b;--print-yellow:#d9a441;--page-bg:#cfcabc;--ink:#2f342c;--font-silk:"Oswald", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--page-bg);min-height:100dvh;font-family:var(--font-silk);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:2rem 1rem;display:flex}#app{justify-content:center;display:flex}.shell{background:var(--shell);width:min(92vw,48vh,520px);box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 7px #00000029, inset 0 0 0 2px var(--shell-shadow), 0 20px 44px #00000047;-webkit-user-select:none;user-select:none;border-radius:18px 18px 26px 26px;flex-direction:column;gap:11px;padding:18px 20px 24px;display:flex;position:relative}.shell.dying{filter:brightness(.92)saturate(.8)contrast(.96)}.shell.dead{filter:brightness(.5)saturate(.35)contrast(.9)}.screens{flex-direction:column;gap:0;display:flex}.bezel{background:var(--shell-shadow);border-radius:10px;padding:7px;box-shadow:inset 0 2px 6px #0000006b}.lcd{aspect-ratio:160/96;background:var(--lcd-bg);border-radius:3px;width:100%;display:block}.hinge{background:linear-gradient(var(--shell-shadow), var(--shell) 42%, var(--shell) 58%, var(--shell-shadow));border-radius:3px;justify-content:center;align-items:center;height:15px;margin:3px 0;display:flex}.hinge-label{font:600 6px/1 var(--font-silk);letter-spacing:.34em;color:var(--shell);text-shadow:0 1px #00000038}.status-strip{font:600 8px/1 var(--font-silk);letter-spacing:.26em;color:#3a3f36;background:#0000000f;border-radius:10px;align-self:center;padding:3px 12px}.deck{justify-content:space-between;align-items:flex-start;padding:4px 4px 0;display:flex}.deck-group{flex-direction:column;align-items:center;gap:6px;display:flex}.deck-label{font:700 9px/1 var(--font-silk);letter-spacing:.16em;color:#4c5147;white-space:nowrap}.dpad{grid-template:repeat(3, var(--dpad-cell)) / repeat(3, var(--dpad-cell));display:grid;position:relative}.pad,.btn-a,.mode{touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border:0}.pad{background:var(--shell-shadow);box-shadow:inset 0 3px 4px #ffffff73,inset 0 -3px 3px #00000038,0 5px 8px #0000006b}.pad-up{border-radius:5px 5px 0 0;grid-area:1/2}.pad-left{border-radius:5px 0 0 5px;grid-area:2/1}.pad-right{border-radius:0 5px 5px 0;grid-area:2/3}.pad-down{border-radius:0 0 5px 5px;grid-area:3/2}.pad-hub{background:var(--shell-shadow);grid-area:2/2;box-shadow:inset 0 1px 3px #00000040}.pad:active{background:#8d8676;transform:translateY(1px);box-shadow:inset 0 2px 6px #0006}.dpad-socket{perspective:140px}.dpad:has(.pad-up:active){transform:rotateX(10deg)}.dpad:has(.pad-down:active){transform:rotateX(-10deg)}.dpad:has(.pad-left:active){transform:rotateY(-10deg)}.dpad:has(.pad-right:active){transform:rotateY(10deg)}.pad.hint{animation:.9s step-start infinite hint-blink}@keyframes hint-blink{50%{background:var(--ink)}}@media (prefers-reduced-motion:reduce){.pad.hint{animation:none}}.a-socket,.dpad-socket{touch-action:none;-webkit-tap-highlight-color:transparent}.a-socket{background:var(--shell-shadow);border-radius:50%;justify-content:center;align-items:center;width:63px;height:63px;display:flex;box-shadow:inset 0 2px 3px #0000004d,inset 0 -1px 1px #ffffff2e}.dpad-socket{--dpad-cell:26px;--dpad-margin:3px;width:calc(var(--dpad-cell) * 3);height:calc(var(--dpad-cell) * 3);position:relative}.dpad-recess i{background:var(--shell-shadow);position:absolute}.recess-up{top:calc(-1 * var(--dpad-margin));left:calc(var(--dpad-cell) - var(--dpad-margin));width:calc(var(--dpad-cell) + 2 * var(--dpad-margin));height:calc(var(--dpad-cell) + var(--dpad-margin));border-radius:5px 5px 0 0;box-shadow:inset 0 2px 3px #0000004d}.recess-down{top:calc(var(--dpad-cell) * 2);left:calc(var(--dpad-cell) - var(--dpad-margin));width:calc(var(--dpad-cell) + 2 * var(--dpad-margin));height:calc(var(--dpad-cell) + var(--dpad-margin));border-radius:0 0 5px 5px;box-shadow:inset 0 -1px 1px #ffffff2e}.recess-left{top:calc(var(--dpad-cell) - var(--dpad-margin));left:calc(-1 * var(--dpad-margin));width:calc(var(--dpad-cell) + var(--dpad-margin));height:calc(var(--dpad-cell) + 2 * var(--dpad-margin));border-radius:5px 0 0 5px;box-shadow:inset 0 2px 3px #0000004d,inset 0 -1px 1px #ffffff2e}.recess-right{top:calc(var(--dpad-cell) - var(--dpad-margin));left:calc(var(--dpad-cell) * 2);width:calc(var(--dpad-cell) + var(--dpad-margin));height:calc(var(--dpad-cell) + 2 * var(--dpad-margin));border-radius:0 5px 5px 0;box-shadow:inset 0 2px 3px #0000004d,inset 0 -1px 1px #ffffff2e}.recess-hub{top:var(--dpad-cell);left:var(--dpad-cell);width:var(--dpad-cell);height:var(--dpad-cell)}.btn-a{background:radial-gradient(circle at 38% 34%,#d1584c,#a23b32);border-radius:50%;width:57px;height:57px;box-shadow:inset 0 3px 4px #ffffff73,inset 0 -3px 4px #0000004d,0 4px 7px #0006}.btn-a:active{transform:translateY(1px);box-shadow:inset 0 2px 7px #0000006b}.mode-row{justify-content:center;gap:8px;display:flex}.mode{background:var(--shell-shadow);color:#efe9db;font:600 6.5px/1 var(--font-silk);letter-spacing:.2em;border-radius:8px;padding:4px 8px;box-shadow:0 2px 3px #0000003d}.mode:active{transform:translateY(1px)}.pad:focus-visible,.btn-a:focus-visible,.mode:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.silkscreen{justify-content:center;align-items:baseline;gap:10px;margin-top:2px;display:flex}.silkscreen .mark{font:600 6px/1 var(--font-silk);letter-spacing:.3em;color:#4c5147}.silkscreen .model{font:700 9px/1 var(--font-silk);letter-spacing:.22em;color:#3a3f36}.silkscreen .wordmark{font:700 13px/1 var(--font-silk);letter-spacing:.36em;color:var(--ink)}.regulatory{font:400 3px/1.4 var(--font-silk);letter-spacing:.02em;color:#2b2e2757;text-align:center;margin:1px 8px 0}.screw{background:radial-gradient(circle at 40% 35%,#d2ccbe,#8d8676);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 0 0 1px #00000029}.screw:after{content:"";background:#00000042;border-radius:1px;position:absolute;inset:3px 1px;transform:rotate(34deg)}.screw-tl{top:7px;left:7px}.screw-tr{top:7px;right:7px}.screw-bl{bottom:8px;left:7px}.screw-br{bottom:8px;right:7px}.speaker{opacity:.55;cursor:pointer;background:radial-gradient(circle,#00000057 0 1px,#0000 1.5px) 0 0/6px 6px;width:26px;height:20px;position:absolute;bottom:40px;left:22px}.shell.muted .speaker{opacity:.24}#page-links{letter-spacing:.04em;color:var(--shell-shadow);gap:.6ch;font-size:.8rem;display:flex}#page-links a{color:inherit;border-bottom:1px solid;text-decoration:none}#page-links a:hover,#page-links a:focus-visible{color:var(--segment)}.info-dialog{background:var(--shell);width:min(88vw,380px);color:var(--ink);box-shadow:inset 0 2px 0 #ffffff80, inset 0 0 0 2px var(--shell-shadow), 0 20px 44px #00000052;border:0;border-radius:14px;padding:0}.info-dialog::backdrop{background:#00000073}.info-dialog form{font-family:var(--font-silk);padding:20px 22px 18px}.info-dialog h2{font:700 14px/1 var(--font-silk);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.info-dialog p,.info-dialog li{font-size:12px;line-height:1.5}.info-premise,.info-console{margin:0 0 14px}.info-controls,.info-hazards{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.info-controls li{grid-template-columns:32px 1fr;align-items:baseline;gap:8px;display:grid}.info-controls .key{letter-spacing:.02em;font-weight:700}.info-hazards li{text-indent:-1.1em;padding-left:1.1em}.info-misses{margin:0 0 10px;font-weight:600}.info-steward{color:var(--shell-shadow);margin:0 0 16px}.info-close{background:var(--shell-shadow);color:#efe9db;font:600 11px/1 var(--font-silk);letter-spacing:.12em;cursor:pointer;border:0;border-radius:8px;margin-left:auto;padding:7px 16px;display:block}.info-close:active{transform:translateY(1px)}@media (max-width:480px){body{justify-content:flex-start;gap:0;padding:0}.shell{border-radius:0;justify-content:space-between;width:100vw;min-height:100dvh;padding:16px 16px 20px}#page-links{padding:10px 0 16px}.dpad-socket{--dpad-cell:31px}.pad{position:relative}.pad:before{content:"";position:absolute}.pad-up:before{inset:-12px -10px 0}.pad-down:before{inset:0 -10px -12px}.pad-left:before{inset:-10px 0 -10px -12px}.pad-right:before{inset:-10px -12px -10px 0}}
