@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101212;--panel:#171a19;--line:#303632;--muted:#89918b;--text:#e4e9de;--acid:#d4f78b;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}header{height:85px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.04em}.brand-icon{background:var(--acid);color:#101212;padding:7px 10px;font-size:24px}.tag{font:10px var(--mono);border:1px solid var(--line);padding:5px;color:var(--acid)}.header-right{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.04em}.contract{margin-left:30px;color:var(--acid)}.dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px #d4f78466}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:65px 0 58px;gap:30px}.eyebrow{font:10px var(--mono);letter-spacing:.17em;color:var(--acid)}h1{font-size:clamp(64px,7.3vw,108px);letter-spacing:-.065em;line-height:.94;margin:22px 0 0;font-weight:500}h1 em{font-style:normal;color:var(--acid)}.intro-right{width:320px;padding-top:20px}.intro-right p{font-size:19px;line-height:1.5}.intro-right p.muted{font-size:13px}.muted{color:var(--muted)}.enter{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--acid);text-decoration:none;border-bottom:1px solid #647644;padding:20px 0 12px}.enter span{font-size:20px}.experiment{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);background:#141716}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 18px;font:9px var(--mono);letter-spacing:.05em;color:#a4afa3;border-bottom:1px solid var(--line)}.section-bar .dot{margin-right:7px}.scene{height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#53614b55,transparent 65%),linear-gradient(#272e29 0 49%,#171f1b 50%);isolation:isolate}.room-grid{position:absolute;width:200%;height:100%;left:-50%;top:49%;background:repeating-linear-gradient(90deg,transparent 0 54px,#607a5d28 55px 56px),repeating-linear-gradient(0deg,transparent 0 44px,#607a5d28 45px 46px);transform:perspective(230px) rotateX(45deg);transform-origin:top}.wall-line{position:absolute;top:49%;width:100%;height:1px;background:#81917355}.lamp{position:absolute;top:35px;width:95px;height:5px;background:#e4ffbc;box-shadow:0 0 16px #d3f09f}.lamp-one{left:13%}.lamp-two{right:13%}.door{position:absolute;left:76%;top:66px;height:145px;width:66px;background:#202824;border:3px solid #465544;box-shadow:0 0 0 6px #19211b;text-align:center}.door>span{position:absolute;top:-26px;left:9px;color:#b8d7a2;font:12px var(--mono);letter-spacing:3px}.door-window{margin:21px auto;width:30px;height:42px;background:repeating-linear-gradient(90deg,#111a15 0 8px,#41503c 9px 10px)}.door b{color:#f2a78b;font:7px var(--mono)}.wall-number{position:absolute;top:91px;left:8%;font:60px var(--mono);color:#52604d55}.director{position:absolute;top:50px;left:43%;text-align:center;z-index:2}.director-face{width:84px;height:62px;background:#101910;border:5px solid #4d5a46;box-shadow:0 5px 0 #111a13,inset 0 0 25px #a4d07325;color:var(--acid);font:60px/45px var(--mono);animation:stare 5s infinite}.director>span{display:block;font:7px var(--mono);letter-spacing:2px;margin-top:10px;color:#a5b391}.beam{position:absolute;top:100px;left:30%;width:43%;height:190px;background:linear-gradient(#c4ef7920,transparent);clip-path:polygon(42% 0,63% 0,100% 100%,0 100%);pointer-events:none}.floor-mark{position:absolute;top:76%;left:35%;font:12px var(--mono);letter-spacing:7px;transform:perspective(90px) rotateX(50deg);color:#66735a55}.agent{position:absolute;width:49px;height:67px;z-index:3;transition:left 2s,top 2s;--color:#a3bce1}.bot{position:relative;width:32px;height:29px;background:var(--color);border:3px solid #1b231e;border-radius:6px;margin:auto;box-shadow:0 0 14px color-mix(in srgb,var(--color) 15%,transparent);animation:bob 3s ease-in-out infinite}.bot:before{content:'••';display:block;background:#14221d;color:var(--color);height:13px;margin:3px;text-align:center;line-height:7px;letter-spacing:4px;padding-left:4px}.bot:after{content:'';position:absolute;left:5px;top:27px;width:16px;height:14px;background:var(--color);border-bottom:4px solid #131f19;box-shadow:-7px -5px 0 -3px var(--color),7px -5px 0 -3px var(--color)}.agent-label{font:7px var(--mono);text-align:center;margin-top:17px;color:var(--color)}.shadow{position:absolute;width:38px;height:11px;border-radius:50%;background:#0006;left:5px;top:42px;z-index:-1}.bubble{position:absolute;bottom:80px;left:-60px;width:170px;padding:8px;background:#101711e8;border:1px solid #68775f;color:#d5dfc9;font:9px/1.4 var(--mono);text-align:center;opacity:0;transition:opacity .3s}.agent.speaking{z-index:5}.agent.speaking .bubble{opacity:1}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 4px);z-index:6}.camera-label{position:absolute;left:18px;top:17px;font:9px var(--mono);color:#c6cebe}.camera-label span{color:#f89277;animation:blink 2s infinite}.camera-label small{font-size:6px;color:#8e9d83}.scene-corner{position:absolute;right:18px;bottom:17px;font:8px/1.5 var(--mono);color:#85977a;text-align:right}.scene-caption{position:absolute;bottom:18px;left:18px;right:100px;font:9px/1.5 var(--mono);color:#b9c4ad}.scene.blackout{filter:brightness(.3)}.scene.whisper .director-face{color:#f89b8b;box-shadow:0 0 32px #f9948555}.scene.exit .door{box-shadow:0 0 25px #d4f78b88;border-color:var(--acid)}.scene-bottom{display:flex;align-items:center;gap:25px;padding:15px 18px;border-bottom:1px solid var(--line);font:8px var(--mono);color:var(--muted)}.scene-bottom b{color:var(--text);margin-left:5px}.acid{color:var(--acid)!important}.scene-bottom button{margin-left:auto;background:none;color:var(--acid);border:0;font:10px var(--mono)}.buttons{display:grid;grid-template-columns:repeat(3,1fr);padding:16px;gap:8px}.buttons button{position:relative;background:#1d231e;border:1px solid #394337;color:var(--text);padding:13px;text-align:left;transition:.2s}.buttons button:hover{border-color:var(--acid);background:#293124}.buttons button:disabled{opacity:.4;cursor:wait}.buttons span{font:8px var(--mono);color:var(--acid)}.buttons b{display:block;font-size:12px;margin:14px 0 8px}.buttons small{font:8px/1.5 var(--mono);color:var(--muted);display:block}.buttons i{position:absolute;right:12px;top:12px;font-style:normal;color:var(--acid)}#controlNote{font:9px var(--mono);color:var(--muted);margin:0 17px 18px}aside{border-left:1px solid var(--line)}.subject{padding:16px 18px;border-bottom:1px solid #30363288}.subject-top{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono)}.subject-top b{font-weight:500}.subject-top small{font-size:8px;color:var(--muted)}.subject-bottom{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted);margin:10px 0 6px}.meter{height:3px;background:#313a30}.meter i{display:block;height:100%;background:var(--color);transition:width 1s}.log-head{display:flex;justify-content:space-between;padding:18px;font:9px var(--mono)}.log-head span:last-child{color:var(--muted);font-size:8px}#log{height:158px;overflow:auto;margin:0 18px;font:9px/1.6 var(--mono);scrollbar-width:thin;scrollbar-color:#45533c transparent}.log-entry{margin:0 0 11px;color:#a7b29e}.log-entry time{color:#677661;margin-right:7px}.save-status{padding:17px 18px;color:#94a877;font:8px var(--mono)}.lore{padding:65px 0;border-bottom:1px solid var(--line)}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:15px 0}h2 span{color:var(--muted)}.lore-grid p{font-size:14px;line-height:1.8}.contract-box{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font:10px var(--mono);color:var(--muted)}.contract-box strong{color:var(--acid)}footer{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px/1.6 var(--mono);color:var(--muted)}footer button{font:9px var(--mono);background:none;border:0;color:var(--muted)}dialog{max-width:420px;background:#1a211c;color:var(--text);border:1px solid #59684c;padding:28px}dialog::backdrop{background:#000b}dialog h2{font-size:25px}dialog p{color:var(--muted);line-height:1.6}dialog button{padding:10px;background:var(--acid);border:0;margin:6px 6px 0 0}dialog button:first-child{background:#35412f;color:var(--text)}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes stare{50%{filter:brightness(1.3)}}@keyframes blink{50%{opacity:.4}}@media(max-width:900px){.experiment{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}#subjectList{display:grid;grid-template-columns:1fr 1fr}.intro{padding:40px 0;align-items:flex-start}.header-right{font-size:0}.contract{font-size:10px;margin-left:5px}.intro-right{width:250px}.lore-grid{gap:30px}.scene{height:360px}}@media(max-width:600px){header{height:70px}.brand{font-size:12px;gap:8px}.brand-icon{font-size:20px}.intro{display:block}.intro-right{width:100%;padding-top:12px}.intro-right p{font-size:16px}.intro-right .muted{display:none}.scene{height:335px}.director{left:40%}.door{left:78%;width:49px}.buttons{gap:5px;padding:10px}.buttons button{padding:9px}.buttons b{font-size:11px}.buttons small{font-size:8px}.scene-bottom{gap:12px;font-size:7px}.lore-grid{grid-template-columns:1fr;gap:5px}footer{flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}.section-bar{font-size:8px;padding:0 12px}.bubble{left:-45px;width:140px}.wall-number{font-size:45px}.lore{padding:40px 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}