:root{color-scheme:dark;--bg:#111211;--panel:#191b18;--line:#34372f;--text:#eeeede;--muted:#94988a;--accent:#c7fa51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}header{height:104px;display:flex;align-items:center;padding:0 48px;gap:55px;border-bottom:1px solid var(--line)}.logo{font-size:49px;font-weight:800;letter-spacing:-4px}.logo>span{font-size:15px;vertical-align:top;letter-spacing:0;display:inline-block;margin:9px 0 0 5px}.edition{font-size:12px;letter-spacing:1.1px;line-height:1.7}.edition b{font-weight:400;color:var(--muted);font-size:10px}.outline{margin-left:auto;background:none;border:1px solid #4c5043;border-radius:28px;padding:12px 18px;font-size:13px;display:flex;gap:22px}.outline:hover{background:#2b3024}main{display:grid;grid-template-columns:minmax(0,1fr) 342px;min-height:660px;height:calc(100svh - 162px)}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 55%,#23291c 0%,#111211 65%);isolation:isolate}.stage:before{content:'';position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#77806433 1px,transparent 1px),linear-gradient(90deg,#77806433 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 80%);pointer-events:none}.intro{position:absolute;top:42px;left:48px;z-index:2;pointer-events:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent)}h1{font-weight:400;font-size:clamp(42px,4.5vw,70px);line-height:1.01;letter-spacing:-3px;margin:21px 0}h1 em{font-family:Georgia,serif;font-weight:400}h1 em:last-child{color:var(--accent)}.intro p{font-size:14px;line-height:1.6;color:var(--muted)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;z-index:1}canvas:active{cursor:grabbing}.specimen{position:absolute;right:28px;top:34px;display:flex;gap:10px;font-size:10px;color:var(--muted);letter-spacing:1.3px;line-height:1.8;pointer-events:none;z-index:2}.specimen strong{font-weight:400;color:var(--text)}.cross{font-size:24px;color:var(--accent);font-weight:200}.stage-bottom{position:absolute;bottom:26px;left:48px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:3}.gesture{font-size:12px;color:var(--muted)}.stage-actions{display:flex;gap:8px;align-items:center}.stage-actions button{background:#20251bbd;border:1px solid #3f4537;border-radius:30px;height:35px;padding:0 12px;font-size:12px}.stage-actions button span{color:var(--accent);font-size:10px;margin-left:5px}#reaction{position:absolute;bottom:87px;right:32px;z-index:2;pointer-events:none;font-size:10px;letter-spacing:2px;color:var(--accent)}aside{border-left:1px solid var(--line);padding:30px 28px;background:#181a17;overflow:auto}.panel-heading{display:flex;justify-content:space-between;letter-spacing:1.4px;font-size:10px;color:var(--muted)}h2{font-weight:400;font-size:24px;letter-spacing:-.7px;margin:18px 0 24px}.materials{display:grid;gap:8px}.material{display:flex;align-items:center;gap:14px;background:none;border:1px solid #353a2f;border-radius:9px;padding:12px;text-align:left;width:100%}.material.active{border-color:var(--accent);background:#c7fa5108}.material:hover{background:#ffffff09}.material i{width:35px;height:35px;display:block;border-radius:50%;box-shadow:inset -6px -4px 9px #0008;flex-shrink:0}.acid{background:radial-gradient(circle at 30% 25%,#fffcc2,#c7fa51 40%,#4b810c)}.chrome{background:linear-gradient(145deg,#171b19,#fff 30%,#343c41 47%,#fff 60%,#292d35)}.berry{background:conic-gradient(#ff68d8,#7050e5,#dfcbff,#a0fbdf,#fa87e4)}.material>span{font-size:14px}.material small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:5px}.material b{margin-left:auto;font-weight:400;color:var(--muted)}.material.active b{color:var(--accent)}.slider-group{margin-top:26px}.slider-group label{display:flex;justify-content:space-between;font-size:13px}.slider-group output{font-size:12px;color:var(--accent)}input[type=range]{width:100%;margin:16px 0 8px;height:3px;accent-color:var(--accent);cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.second{margin-top:30px}.experiments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.experiments button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 3px;background:#22251f;border:1px solid #363b2e;border-radius:8px;font-size:11px}.experiments button span{font-size:24px;line-height:1}.experiments button:hover{background:#373f29;color:var(--accent)}.surprise{width:100%;padding:15px 17px;display:flex;justify-content:space-between;border:0;border-radius:7px;background:var(--accent);color:#18210b;margin-top:18px;font-size:14px;font-weight:bold}.surprise:hover{filter:brightness(1.1)}.panel-note{font-family:Georgia,serif;font-style:italic;color:var(--muted);text-align:center;font-size:13px;line-height:1.5;margin:21px 0 0}footer{border-top:1px solid var(--line);height:58px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:var(--muted)}footer i{letter-spacing:0;text-transform:none;font-family:Georgia,serif;font-size:12px;margin-left:5px}.tiny-logo{font-size:31px;font-weight:800;letter-spacing:-2px;color:var(--accent)}.fallback{position:absolute;left:50%;top:40%;text-align:center;z-index:2}.fallback div{width:180px;height:180px;background:radial-gradient(circle at 25% 20%,#ffffd7,#b7ec3a 35%,#367d13 80%);border-radius:45% 55% 65% 35%;animation:wobble 3s infinite alternate}.fallback p{font-size:12px;line-height:1.6}.fallback[hidden]{display:none}@keyframes wobble{to{border-radius:65% 35% 45% 55%;transform:rotate(20deg)}}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 390px}aside{padding:42px}.intro{top:65px}}@media(max-width:1000px){header{padding:0 25px;gap:25px}.edition{font-size:10px}.edition b{display:none}main{grid-template-columns:minmax(0,1fr) 290px}.intro{left:25px}h1{font-size:45px}.stage-bottom{left:25px}.gesture{max-width:170px;line-height:1.6}aside{padding:26px 20px}footer{padding:0 25px}footer>span:nth-child(2){display:none}}@media(max-width:720px){header{height:80px;padding:0 20px}.logo{font-size:39px}.edition{display:none}.outline{font-size:11px;padding:10px 12px;gap:12px}main{height:auto;min-height:0;display:block}.stage{height:650px;min-height:70svh}.intro{top:26px;left:22px}h1{font-size:46px}.intro p{font-size:12px}.specimen{right:20px;top:28px;font-size:9px}.eyebrow{font-size:9px}.stage-bottom{left:20px;right:20px;bottom:20px}.gesture{font-size:11px;max-width:200px}#reaction{bottom:75px;font-size:9px;right:20px}aside{border-left:0;border-top:1px solid var(--line);padding:26px 22px}.materials{grid-template-columns:repeat(3,1fr);gap:7px}.material{padding:12px 5px;flex-direction:column;text-align:center;gap:10px}.material>span{font-size:12px}.material small,.material b{display:none}.material i{width:42px;height:42px}.slider-group{margin-top:24px}.panel-note{margin-bottom:0}.experiments button{font-size:13px}footer{height:65px;font-size:8px;padding:0 22px}}@media(prefers-reduced-motion:reduce){.fallback div{animation:none}}