body{background:#171111 url('assets/laboratory-v0102.webp') center top / cover fixed;--mono:Consolas,'SFMono-Regular',monospace;--serif:'Songti SC','Noto Serif CJK SC',SimSun,Georgia,serif}
#main{background:transparent}.header{height:80px;min-height:80px;padding:0 4%;background:#100d0ee8;gap:3%;border-bottom:1px solid #a88a5e55}.brand{font-size:30px;gap:12px;letter-spacing:5px}.lab-badge{width:64px;height:44px;object-fit:contain;flex:none}.header nav{flex:1;justify-content:center}.header nav a{padding:0 24px}.visitor{font-size:11px;white-space:nowrap}.texture{display:none}
.scenic-home{background:linear-gradient(90deg,#110e114d,#120e1466);padding:30px 3% 32px;min-height:calc(100svh - 136px);overflow:visible}.scene{width:100%;max-width:1650px;margin:auto;left:auto;transform:none;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:28px;align-items:center;isolation:isolate;container-type:normal}
.television{position:relative;width:100%;aspect-ratio:1424 / 1060;filter:drop-shadow(0 12px 13px #0009)}.tv-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.crt-zone{left:13.7%;top:22%;width:78.2%;height:64.2%;border-radius:3%;background:radial-gradient(ellipse at 50% 50%,#3c302b,#151719 65%,#08090a);isolation:isolate}.crt-zone:after{background:radial-gradient(ellipse,transparent 45%,#0008)}
.character-layer,.character-layer.original-ready{left:18%;top:-5%;width:64%;aspect-ratio:764 / 1028;filter:none;animation:none!important;opacity:1;will-change:auto}.character-layer:not(.original-ready)::after{display:none}.crt-bottom{font-size:clamp(8px,.7vw,12px);left:4%;right:4%;bottom:4%;color:#b6ae97;letter-spacing:.6px}.crt-bottom time{font-size:.9em}.crt-lines{opacity:.28}
.crt-snow{position:absolute;inset:0;z-index:4;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#202020;opacity:1;transition:opacity .45s ease-out}.crt-snow canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.7}.crt-snow:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0005 3px 5px);pointer-events:none}.crt-snow span{z-index:2;background:#1119;padding:7px 13px;font:12px var(--mono);color:#dedbcf;letter-spacing:3px}.crt-snow.resolved{opacity:0;pointer-events:none}.retry-picture{position:absolute;z-index:3;bottom:20%;padding:8px 18px;background:#0e0f0f;border:1px solid #b9ad8b;color:#dedbcf;font:12px var(--mono)}
.communication{position:relative;inset:auto;width:100%;height:clamp(530px,70svh,760px);padding:24px 26px 17px;display:flex;flex-direction:column;background:linear-gradient(135deg,#26231ded,#10100fed);border:1px solid #75644e;border-radius:10px;box-shadow:inset 0 0 0 5px #161512,inset 0 0 0 6px #51463588,0 14px 36px #0008;color:#e5d5be}.worldline{flex:none;padding:0 0 20px;border-bottom:1px solid #7b65453d}.worldline-label{font:10px var(--mono);letter-spacing:3px;color:#ad997b}.nixie-digits{display:flex;justify-content:center;align-items:baseline;gap:6px;margin:14px 0 0}.nixie-tube{display:inline-flex;align-items:center;justify-content:center;width:clamp(29px,3.1vw,50px);height:clamp(46px,4.7vw,74px);border:1px solid #714422;border-radius:11px 11px 6px 6px;background:linear-gradient(95deg,#17100a,#391c0e99 50%,#130e0a);box-shadow:inset 3px 0 3px #eab77a1a,inset -3px 0 4px #000,inset 0 -5px #080807,0 2px 3px #000;position:relative;font:clamp(30px,3.5vw,57px) Georgia,serif;color:#ffad58;text-shadow:0 0 2px #fff0ba,0 0 7px #ff8939,0 0 17px #c54513}.nixie-tube:before{content:'8';position:absolute;opacity:.07;text-shadow:none}.nixie-dot{font:30px Georgia;color:#ee9c4e;text-shadow:0 0 9px #fc802c}
.communication .chat-log{height:auto;min-height:180px;flex:1;overflow:auto;padding:20px 4px 10px;overscroll-behavior:contain}.communication .chat-entry{margin:0 0 22px;padding:0;border:0;animation:none}.communication .chat-entry:first-child{padding:0;background:none;border:0}.communication .chat-entry.user{padding-left:16px;border-left:1px solid #a5814a66}.communication .chat-entry .speaker{font:10px var(--mono);letter-spacing:2px;color:#b29a77}.communication .chat-entry p{font-size:16px;line-height:1.85;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.communication #chat-form{padding-top:12px;flex:none;border-top:1px solid #7b65453d}.communication .message-input{display:flex;background:#08090980;border:1px solid #70604488;border-radius:4px}.communication .message-input textarea{flex:1;min-width:0;resize:vertical;min-height:88px;max-height:180px;background:none;border:0;color:#eee1ca;padding:14px;font-size:15px;line-height:1.7}.communication .message-input button{width:48px;font-size:24px}.communication .demo-note{font:11px var(--mono);line-height:1.6;color:#c3b498;margin:7px 0 0}.demo-note:empty{display:none}#chat-memory{display:block;flex:none;font:10px var(--mono);letter-spacing:2.2px;color:#ae9570;margin-top:12px}
footer{background:#100d0ed9;border-top-color:#6e533e66;padding:16px 4%}.archive{background:#14110fee;min-height:calc(100svh - 136px)}
@media(min-width:1500px){.scenic-home{padding-top:38px}.communication .chat-entry p{font-size:18px}}
@media(max-width:900px){.scene{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:12px}.header nav a{padding:0 15px}.communication{padding:23px 19px 18px}.brand{font-size:25px}.lab-badge{width:52px;height:37px}}
@media(max-width:700px){body{background-attachment:scroll;background-size:auto 1150px}.header{height:108px;min-height:108px;padding:12px 5% 0;gap:0;flex-wrap:wrap}.brand{font-size:27px;gap:8px;letter-spacing:4px}.lab-badge{width:50px;height:36px}.visitor{font-size:10px;padding-left:12px}.header nav{height:45px;order:3;flex:auto;width:100%;justify-content:space-between;border:0}.header nav a{padding:0;border:0;font-size:14px}.header nav a.active:after{bottom:0;left:0;right:0}.scenic-home{padding:18px 3% 24px;background:#110d0b33}.scene{display:flex;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:0;margin:auto;background:none}.television{width:100%;filter:none}.crt-zone{left:13.7%;top:22%;width:78.2%;height:64.2%}.character-layer,.character-layer.original-ready{left:18%;top:-5%;width:64%}.crt-bottom{font-size:7px;bottom:5%}.crt-bottom time{max-width:70px;font-size:6px}.communication{margin:0;width:100%;height:630px;max-height:none;min-height:520px;padding:25px 20px 18px;background:linear-gradient(135deg,#28231ef5,#10100ff5)}.worldline{padding-bottom:18px}.nixie-digits{gap:5px}.nixie-tube{width:35px;height:54px;font-size:40px}.communication .chat-log{height:auto;min-height:200px;padding:18px 0 8px;flex:1}.communication .chat-entry p{font-size:16px}.communication .message-input textarea{height:92px;min-height:92px;font-size:16px}.communication .message-input button{width:40px}.worldline-label{font-size:9px}.communication #chat-form{padding-top:12px}footer{padding:16px 5%;gap:12px}.archive{min-height:calc(100svh - 164px)}}
@media(prefers-reduced-motion:reduce){.crt-snow{transition:none}}

footer{background:#100d0ee8}.brand:focus{outline:none}.brand:focus-visible{outline:1px solid #c5a36b;outline-offset:6px}

/* V0.10.1: wire cathodes, anode mesh and dark glass; no font-shaped digits. */
.nixie-digits{align-items:center;gap:2px;background:#060504;padding:9px 5px 4px;border:1px solid #30241c;box-shadow:inset 0 0 12px #000;margin-top:9px}
.nixie-tube{display:block;flex:1;min-width:0;max-width:54px;width:auto;height:auto;aspect-ratio:60/110;border:0;border-radius:0;background:linear-gradient(90deg,#070505,#21100f 25%,#160908 70%,#070505);box-shadow:none;text-shadow:none;overflow:hidden}
.nixie-tube:before{display:none}.nixie-tube svg{width:100%;height:100%;display:block;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tube-outline{stroke:#5d3a2b;stroke-width:1;opacity:.55}.cathodes{stroke:#753522;stroke-width:.65;opacity:.21}.pins{stroke:#625047;stroke-width:1;opacity:.6}
.wire-halo{stroke:#ee4710;stroke-width:5;opacity:.38;filter:blur(2px)}.wire-light{stroke:#ff8d35;stroke-width:2.2;filter:drop-shadow(0 0 2px #ff5d13)}.wire-core{stroke:#ffcf7b;stroke-width:.7}
.anode-mesh{position:absolute;inset:12% 14% 20%;pointer-events:none;opacity:.38;background:repeating-linear-gradient(65deg,transparent 0 3px,#100a07 3px 4px),repeating-linear-gradient(-65deg,transparent 0 3px,#100a07 3px 4px)}
@media(min-width:701px){
.scenic-home{padding:0;background:#100e0b;min-height:0}.scene{display:block;position:relative;width:100%;max-width:none;aspect-ratio:2/1;background:url('assets/laboratory-v0102.webp') center/100% 100%;margin:0;padding:0}
.television{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;filter:none;pointer-events:none}.tv-frame{display:none}.crt-zone{left:13.45%;top:21.1%;width:44.5%;height:61.3%;pointer-events:auto}.character-layer,.character-layer.original-ready{left:18%;top:-5%;width:64%}
.communication{position:absolute;left:65.8%;top:28%;width:18.1%;height:57.5%;min-height:0;padding:0;background:#100f0bf2;border:0;border-radius:2px;box-shadow:none}
.worldline{padding:3px 0 8px}.worldline-label{font-size:8px;letter-spacing:1px}.nixie-digits{margin-top:3px;padding:2px;gap:1px}.nixie-tube{max-width:none}.communication .chat-log{min-height:0;padding:9px 3px;}.communication .chat-entry{margin-bottom:12px}.communication .chat-entry p{font-size:clamp(12px,1vw,17px);line-height:1.7}.communication .message-input textarea{min-height:65px;height:65px;padding:8px;font-size:clamp(11px,.9vw,15px)}.communication #chat-form{padding-top:6px}.communication .message-input button{width:30px}#chat-memory{font-size:8px;margin-top:7px;letter-spacing:1.2px}.communication .demo-note{font-size:9px}
}
@media(max-width:700px){body{background-image:linear-gradient(#100d0b77,#100d0baa),url('assets/laboratory-v0102.webp')}.nixie-tube{width:auto;height:auto;max-width:46px;aspect-ratio:60/110}.nixie-digits{gap:2px;padding:7px 4px 3px}}

@media(min-width:701px){body{background:#100e0b}.scene{min-height:calc(100svh - 130px)}}

/* Restore the actual original television interior on desktop AND mobile. */
.crt-zone{background-image:url('assets/laboratory-lite.webp');background-size:224.7191% 163.1321%;background-position:24.2342% 54.522%;background-repeat:no-repeat;background-color:#171511}
.crt-zone:after{background:radial-gradient(ellipse,transparent 60%,#0003)}

/* Selected A: photographic glass/cathode atlas, one independent tube per digit. */
.nixie-digits{gap:0;background:#000;padding:4px 1px 2px;border-color:#211810;box-shadow:inset 0 0 8px #000}
.nixie-tube.nixie-a{background-image:url('assets/nixie-a-v0106.webp');background-size:600% 200%;background-repeat:no-repeat;aspect-ratio:1/2;min-width:0;height:auto;max-width:54px;flex:1;border:0;border-radius:0;box-shadow:none;filter:brightness(.85) saturate(.88)}
.nixie-tube.nixie-a:before,.nixie-tube.nixie-a:after{display:none}
@media(min-width:701px){.nixie-tube.nixie-a{max-width:none}}
@media(max-width:700px){.nixie-tube.nixie-a{max-width:46px}.nixie-digits{padding:7px 2px 4px}}
.note-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0}.note-image{display:block;width:100%;max-height:280px;object-fit:cover;border:1px solid #5c644a;background:#131c10}.image-chip{display:inline-block;border:1px solid #5c644a;padding:7px 10px;color:#b7b79a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
