#shiftScreen{position:fixed;inset:0;z-index:100;background:#151719;overflow:auto;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));box-sizing:border-box;color:#111;font-family:monospace}
#shiftScreen[hidden]{display:none}#shiftSheet{position:relative;width:min(1100px,100%);margin:auto}#shiftGraphic{display:block;width:100%;height:auto;aspect-ratio:3/2}#shiftActions button{position:absolute;border:0;background:transparent;border-radius:0;box-shadow:none;color:#101010;font:bold clamp(12px,2vw,23px) monospace;padding:0;min-height:44px;line-height:1.1}#shiftActions button:focus-visible{outline:3px dashed #002780;outline-offset:-5px}#shiftActions button:disabled{color:#666;cursor:wait}#shiftActions .audit-continue{left:29.4%;top:86.8%;width:41%;height:8.4%}#shiftActions .report-print{left:39.8%;top:92%;width:24%;height:5.8%}#shiftActions .report-next{left:68.8%;top:92%;width:25.7%;height:5.8%}#shiftReadable{display:none;max-width:700px;margin:12px auto;background:#c8ccce;padding:15px;border:3px outset #eee;font:15px/1.5 monospace}#shiftReadable h2{font-size:19px}#shiftReadable dl{display:grid;grid-template-columns:1fr auto;gap:8px}#shiftReadable dd{margin:0;font-weight:bold}
@media(max-width:650px){#shiftReadable{display:block}#shiftActions{display:flex;gap:8px;flex-wrap:wrap;background:#bfc2c4;padding:8px}#shiftActions button{position:static!important;width:auto!important;flex:1;min-height:48px;padding:8px!important;border:3px outset #e0e0e0;background:#bfc2c4;font-size:14px}#shiftActions button:active{border-style:inset}#shiftScreen{padding:env(safe-area-inset-top) 4px env(safe-area-inset-bottom)}}
@media print{body>*{display:none!important}body>#shiftScreen{display:block!important;position:static;overflow:visible;background:white;padding:0}#shiftSheet{width:100%;max-width:none}#shiftActions,#shiftReadable{display:none!important}@page{size:landscape;margin:6mm}}

#shiftActions button{background:#bfc2c4;border:3px outset #eee;box-shadow:1px 1px #333}#shiftActions button:active{border-style:inset}#shiftActions .screen-retry{left:35%;top:86%;width:30%}

#shiftScreen.loading #shiftActions,#shiftScreen.loading #shiftReadable{display:none!important}
#startupFade{position:fixed;inset:0;background:#000;z-index:150;pointer-events:none}#startupFade[hidden]{display:none}
.audit-view #auditStatus{height:72px;display:flex;align-items:center;line-height:24px;min-width:0}
.audit-view #auditMark{display:block;height:60px;margin:8px 0}
.audit-view #auditDialogue{height:104px;box-sizing:border-box;overflow:auto;font-size:14px;line-height:20px}
.audit-view #auditSummary{height:66px;box-sizing:border-box;overflow:auto}
.audit-view #resultsTotal{font-size:clamp(15px,4vw,24px);white-space:nowrap;animation:none}
.audit-view #auditContinueButton{min-height:54px}