*{box-sizing:border-box} :root{color-scheme:light;font-family:Geneva,Chicago,"MS Sans Serif",Tahoma,sans-serif;font-size:13px;color:#000} body{margin:0;min-height:100vh;background-color:#888;background-image:repeating-conic-gradient(#999 0% 25%,#777 0% 50%);background-size:2px 2px} button,select{font:inherit;color:#000}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #000;outline-offset:3px}button:disabled{cursor:default;color:#777}.menubar{height:29px;display:flex;align-items:center;gap:22px;padding:0 20px;background:#fff;border-bottom:2px solid #000;box-shadow:0 1px #ddd;white-space:nowrap}.menubar button{background:none;border:0;padding:3px}.apple{font-size:19px}.menuright{margin-left:auto;font-size:12px}main{width:min(100% - 40px,760px);margin:43px auto 20px}.window{background:#ddd;border:1px solid #000;box-shadow:1px 1px 0 #000,2px 2px 0 #fff,3px 3px 0 #000;padding:0 6px 6px}.titlebar{position:relative;display:flex;align-items:center;justify-content:center;height:27px;margin:0 -6px 0;border-bottom:1px solid #000;background:repeating-linear-gradient(to bottom,#fff 0 2px,#000 2px 3px,#fff 3px 4px);background-clip:content-box;padding:5px 7px}.titlebar>span{background:#fff;padding:0 13px;font-weight:bold;line-height:19px}.closebox,.zoombox{position:absolute;width:13px;height:13px;padding:0;background:#fff;border:1px solid #000;box-shadow:0 0 0 3px #fff;top:6px}.closebox{left:12px}.zoombox{right:12px}.zoombox:after{content:"";display:block;width:7px;height:6px;border-bottom:1px solid;border-right:1px solid;position:absolute;left:0;top:0}.diskline{display:flex;align-items:center;gap:9px;height:35px;border-bottom:1px solid #777;margin-bottom:6px;padding:0 6px;font-size:12px}.diskline>span:last-child{margin-left:auto}.disk{font-size:24px}.screen{position:relative;max-width:640px;margin:auto;background:#000;border:1px solid #000;box-sizing:content-box;aspect-ratio:4/3;isolation:isolate}.screen canvas{display:block;width:100%;height:100%;image-rendering:auto}.controls{display:flex;align-items:center;gap:8px;min-height:37px;padding:7px 1px 2px;flex-wrap:wrap}button:not(.hot,.closebox,.zoombox,.menubar button,footer button){background:#fff;border:1px solid #000;border-radius:3px;padding:3px 10px;box-shadow:1px 1px #000}button:not(.hot):active{background:#000;color:#fff}.controls #counter{margin-left:auto;font-size:12px}.pageLabel{font-size:12px;white-space:nowrap}select{background:#fff;border:1px solid #000;border-radius:0;max-width:120px;font-size:12px;padding:2px}.status{border:1px solid #888;background:#eee;font-size:12px;padding:5px 7px;min-height:27px;line-height:1.35}footer{display:flex;justify-content:space-between;gap:10px;margin:17px 0;color:#fff;font-size:12px;text-shadow:1px 1px #444}footer button{padding:0;background:none;border:0;color:#fff;text-decoration:underline;font-size:12px}.hot{position:absolute;top:95%;height:5%;padding:0;background:transparent;border:0;border-radius:0}.hot:hover{outline:1px dotted #fff;outline-offset:-2px}.hot:focus-visible{outline:2px solid #fff;outline-offset:-2px}.hot:disabled{pointer-events:none}.credit{left:0;width:16.6%}.blue{left:59.375%;width:2.65625%}.red{left:62.03125%;width:2.65625%}.green{left:64.6875%;width:2.65625%}.quit{left:67.34%;width:8.9%}.prev{left:76.25%;width:7.19%}.next{left:83.44%;width:7.19%}dialog{width:min(92vw,470px);background:#fff;border:2px solid #000;box-shadow:0 0 0 3px #fff,0 0 0 4px #000,6px 7px 0 #000;padding:21px;font-size:13px;line-height:1.5}dialog::backdrop{background:rgba(0,0,0,.25)}.dialogtitle{font-size:16px;font-weight:bold;margin-bottom:15px}.dialogbuttons{display:flex;justify-content:flex-end;margin-top:20px}.dialogbuttons button.default{min-width:72px;outline:2px solid #000;outline-offset:3px}dialog p{margin:10px 0}dialog ul{padding-left:20px}dialog a{color:#000}#sheepButtons button{position:absolute;top:36.4583%;width:7.8125%;height:10.4167%;background:transparent;border:0;padding:0;box-shadow:none;border-radius:0}#sheepButtons button:hover{outline:1px dotted #000}#sheepButtons button:focus-visible{outline:2px solid #000;outline-offset:0}#sheepButtons button:disabled{outline:none}.screen:fullscreen{max-width:none;width:min(100vw,133.333vh);height:auto;max-height:100vh;margin:auto;border:0;align-self:center}.screen:fullscreen::backdrop{background:#000}@media(max-width:600px){.menubar{gap:10px;padding:0 10px;font-size:11px}.menuright{display:none}main{width:calc(100% - 14px);margin:24px auto 15px}.window{padding:0 4px 5px}.titlebar{margin:0 -4px}.diskline{font-size:10px;height:31px}.controls{gap:6px}.controls #counter{font-size:11px}.pageLabel{font-size:11px}footer{font-size:10px;align-items:start}footer button{font-size:10px;max-width:50%;text-align:right}.status{font-size:11px}.diskline>span:last-child{font-size:10px}}