/* Small old web pages: the evidence occupies the page; controls stay ordinary. */
:root{color-scheme:dark;--bg:#000;--ink:#c8c8c8;--muted:#a0a0a0;--line:#555;--accent:#b7c2b1;font:16px/1.4 'Times New Roman',Times,serif}
*{box-sizing:border-box}body{margin:8px;background:#000;color:var(--ink)}a{color:#aaaacc;text-decoration:underline}a:visited{color:#b3a4bd}button,input,select,textarea{font:13px Arial,Helvetica,sans-serif}button{cursor:pointer}button:disabled{cursor:wait}button,input,select,textarea{border-radius:0}button{color:#ddd;background:#202020;border:1px solid #777;padding:3px 9px;min-height:30px}button:hover{background:#303030}input:not([type=range]):not([type=checkbox]),textarea{color:#ddd;background:#111;border:1px inset #777;padding:3px 5px;min-height:30px;min-width:0}input::placeholder,textarea::placeholder{color:#aaa}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #b9c4b0;outline-offset:3px}[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip{position:absolute;left:8px;top:-80px;background:#111;color:#ddd;padding:8px;z-index:9}.skip:focus{top:8px}
main{width:640px;max-width:100%;margin:0 auto;padding:0;min-height:0;text-align:center}.record{position:relative}.record-heading{text-align:left;margin:0 0 12px;font-size:20px}.record-heading>span{font-weight:400}.evidence{margin:0 0 14px;text-align:left}.evidence figure{margin:0}.evidence img{display:block;max-width:100%;height:auto;margin:0 auto}.evidence figcaption{font-size:13px;text-align:center;margin:8px 0 0;color:var(--muted)}.evidence h3{font:400 16px/1.4 'Times New Roman',serif;margin:18px 0 12px;text-align:center}.evidence p{margin:12px 0;font-size:15px}.presentation{font-size:14px;color:#aaa;margin:12px 0}.goal{font-size:16px;margin:12px auto;max-width:600px}.answer-row{display:flex;justify-content:center;gap:6px;margin:8px auto;width:fit-content;max-width:100%}#answer{width:188px;max-width:65vw}.submit{white-space:nowrap}.feedback{color:var(--accent);font-size:14px;margin:8px 0;min-height:20px}.feedback[data-error=true]{color:#d9b4ab}
body[data-evidence=drawers] .record-heading,body[data-evidence=source] .record-heading{height:0;margin:0;position:relative;z-index:1}body[data-evidence=drawers] #record-id,body[data-evidence=source] #record-id{position:absolute;left:10px;top:6px;color:#eee;text-shadow:1px 1px 3px #000;font:bold 25px/1 'Times New Roman',serif}body[data-evidence=drawers] .evidence,body[data-evidence=source] .evidence{margin:0 0 12px}body[data-evidence=drawers] .evidence img,body[data-evidence=source] .evidence img{width:640px;max-width:100%;height:auto}body[data-evidence=drawers] .evidence figcaption{display:none}
footer{width:640px;max-width:100%;margin:22px auto 0;padding:0 0 15px;text-align:center;font-size:12px;color:#929292}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 16px}footer button{font:12px 'Times New Roman',serif;background:none;border:0;color:#aaa;text-decoration:underline;padding:5px 0;min-height:28px}footer button:hover{color:#ddd;background:none}.fiction-label{font-size:11px;margin:12px 0}.brand,.brand:visited{color:#929292}
details{color:var(--muted);font-size:14px;margin:12px 0}summary{cursor:pointer;text-decoration:underline;min-height:30px;padding:5px 0;font-size:12px}details p{margin:10px 0}#image-description details{text-align:center;margin:0}#image-description details p{text-align:left}.muted{color:var(--muted);font-size:14px}code,pre,.mono{font-family:'Courier New',monospace}pre{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;padding:12px 0;margin:12px 0}.route{font:14px/2.5 'Courier New',monospace;text-align:center;margin:30px 0}.stamp{text-decoration:underline}.audio-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:35px 0}.audio-controls span{font-size:13px;color:var(--muted)}.transcript{text-align:center;font-size:22px!important;letter-spacing:3px}.recipe{display:grid;grid-template-columns:repeat(3,70px);gap:2px;margin:25px auto;width:fit-content}.recipe span{border:1px solid #666;min-height:62px;display:flex;align-items:center;justify-content:center;text-align:center;font:12px/1.4 'Courier New',monospace}.recipe .red{border-style:dashed}.circuit-row{display:grid;grid-template-columns:1fr 90px;padding:15px 0;border-bottom:1px solid #444;font:14px/1.5 'Courier New',monospace}.circuit-row span:first-child{letter-spacing:5px}.map{display:grid;grid-template-columns:repeat(5,1fr);max-width:380px;margin:12px auto 20px;border-top:1px solid #666;border-left:1px solid #666}.map div{border-right:1px solid #666;border-bottom:1px solid #666;min-height:48px;text-align:center;padding:7px 2px;font:12px/1.5 'Courier New',monospace}.map small{display:block;font-size:8px;color:#bbb}.map .origin{background:#252525}.north{text-align:center;font-size:13px;margin:20px 0 12px}.symbol-order{font:28px/2.5 'Courier New',monospace;letter-spacing:12px;text-align:center}.symbol-labels{text-align:center;font-size:12px}table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}th,td{border-bottom:1px solid #555;text-align:left;padding:9px 7px}th{font-weight:400;color:#aaa}.station-link{display:block;text-align:center;padding:10px 0;margin:15px 0;min-height:36px}.unconfigured{border:1px dashed #666;padding:12px;margin:20px auto;text-align:left}.unconfigured strong{font-weight:400;color:#ddd}.slips{display:flex;gap:22px;margin:30px 0}.slips div{flex:1;text-align:center;font:13px/2 'Courier New',monospace}.slips b{display:block;font-weight:400;font-size:24px}.ending{border-top:1px solid #666;margin-top:28px;padding-top:20px;text-align:left}.ending small{font-size:12px;color:#aaa}.ending h2{font-size:22px;font-weight:400}body[data-evidence=cipher] .cipher{text-align:center;font-size:28px;letter-spacing:7px;margin:25px 0}
dialog{background:#090909;color:#ccc;border:1px solid #777;width:600px;max-width:calc(100% - 24px);max-height:85vh;overflow:auto;padding:20px;text-align:left}dialog::backdrop{background:#000c}.dialog-header{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.dialog-header h2{font-size:20px;font-weight:400;margin:0 0 12px}.dialog-header button{font-size:12px}dialog label{display:block;margin:12px 0 6px;font-size:14px}dialog input:not([type=checkbox]):not([type=range]){width:100%}dialog .answer-row{width:100%}#discoveries article{margin:22px 0}#discoveries h3{font-size:14px;font-weight:400;margin:0}#discoveries p{font-size:15px;margin:8px 0}select{display:block;width:100%;min-height:34px;background:#171717;border:1px solid #777;color:#ccc;padding:5px}textarea{display:block;width:100%;resize:vertical}.conversation{max-height:300px;overflow:auto;margin:18px 0;padding-right:5px}.conversation p{font-size:15px;margin:20px 0}.conversation small{display:block;font:11px 'Courier New',monospace;color:#aaa;margin-bottom:5px}.conversation p[data-role=user]{color:#aaa}.suggestions{display:flex;flex-wrap:wrap;gap:6px 15px;margin:20px 0}.suggestions button{font:13px 'Times New Roman',serif;text-decoration:underline;border:0;background:none;padding:5px 0;min-height:30px}.suggestions button:hover{color:#fff}.check{display:flex;align-items:center;gap:8px;min-height:32px}input[type=range]{width:100%;margin:12px 0;min-height:30px;accent-color:#a2ad9b}input[type=checkbox]{width:18px;height:18px;accent-color:#a2ad9b}#save-status{font-size:13px;color:#aaa}.danger{color:#e0b6a4;margin-top:10px}.dialog-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}hr{border:0;border-top:1px solid #555;margin:20px 0}
@media(max-width:500px){body{margin:8px}main{margin:0 auto}.presentation{font-size:13px}.goal{font-size:15px}.evidence p{font-size:14px}.evidence h3{font-size:15px}.symbol-order{font-size:24px;letter-spacing:7px}.symbol-labels{font-size:11px}th,td{font-size:13px;padding:8px 4px}.circuit-row span:first-child{letter-spacing:2px}dialog{padding:16px}.dialog-header h2{font-size:18px}.transcript{font-size:18px!important;letter-spacing:1px}footer{margin-top:16px}footer nav{gap:2px 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The level is a photograph, not an application dashboard. Reference: Notpron levelone.htm. */
:root{--ink:#ccc;--muted:#999;--accent:#c4b76c}
body{background:#000}main{margin:10px auto 0}
body[data-evidence=drawers] .evidence img,body[data-evidence=source] .evidence img{border:2px solid #686747;box-shadow:0 0 7px 2px #777449}
body[data-evidence=drawers] #record-id,body[data-evidence=source] #record-id{left:10px;top:7px;font:24px/1 Arial,Helvetica,sans-serif;color:#fff;text-shadow:1px 1px 2px #000}
.attachments{font:11px/1.3 'Times New Roman',serif!important;text-align:center;margin:15px 0 4px!important}.attachments a,.attachments a:visited{color:#888}
body[data-evidence=drawers] .goal{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body[data-evidence=drawers] .presentation{font:14px/1.2 'Times New Roman',serif;margin:12px 0;color:#aaa}
#level-navigation{gap:20px;font:12px/1.2 Arial,Helvetica,sans-serif}#level-navigation a,#level-navigation a:visited{color:#c4b76c}
footer{margin-top:17px}#image-description summary{font-size:11px;color:#888;padding:2px 0;min-height:24px}
#archive-page{text-align:left;font:16px/1.3 Arial,Helvetica,sans-serif;color:#c4b76c}#archive-page h1{font-size:16px}#archive-page a{color:inherit}
@media(max-width:500px){main{margin-top:8px}body[data-evidence=drawers] #record-id,body[data-evidence=source] #record-id{font-size:22px}.attachments{font-size:11px!important}}
/* Creator's CHEESE sketch: only heading, supplied TXT drawing and password. */
body[data-evidence=cheese] main{width:640px;max-width:100%;margin:12px auto 0}
body[data-evidence=cheese] .record-heading,body[data-evidence=cheese] #presentation,body[data-evidence=cheese] #goal,body[data-evidence=cheese] #image-description,body[data-evidence=cheese] footer,body[data-evidence=cheese] .attachments{display:none!important}
body[data-evidence=cheese] .evidence{margin:0;text-align:center}
.cheese-title{font:400 44px/1.1 'Times New Roman',serif;letter-spacing:5px;color:#fff;margin:8px 0 32px}
.cheese-file,.cheese-file:visited{display:block;width:fit-content;max-width:100%;margin:0 auto;color:#fff;text-decoration:none}
.cheese-art{font:10px/1.06 'Courier New',monospace;white-space:pre;overflow-wrap:normal;text-align:left;color:#fff;margin:0;padding:0;letter-spacing:0}
body[data-evidence=cheese] #answer-form{width:400px;max-width:90%;margin:28px auto 0;text-align:left}
body[data-evidence=cheese] label[for=answer]{display:block;font:30px/1.3 'Times New Roman',serif;letter-spacing:5px;color:#fff;margin:0 0 2px}
body[data-evidence=cheese] .answer-row{width:100%;margin:0;display:block}
body[data-evidence=cheese] #answer{display:block;width:100%;max-width:100%;height:35px;min-height:35px;padding:0 2px;color:#fff;background:transparent;border:0;border-bottom:1px solid #fff;font:22px/1.2 'Times New Roman',serif;box-shadow:none}
body[data-evidence=cheese] #answer:focus-visible{outline:1px dotted #777;outline-offset:5px}
@media(max-width:520px){.cheese-title{font-size:34px;margin-bottom:28px}.cheese-art{font-size:clamp(4px,1.89vw,9.6px)}body[data-evidence=cheese] #answer-form{margin-top:24px}body[data-evidence=cheese] label[for=answer]{font-size:25px}}
body[data-evidence=cheese] main:focus{outline:none}
