*{box-sizing:border-box;margin:0;padding:0}html,body{color:#222;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background-color:#faf8f5;width:100%;height:100%;font-family:Courier New,Courier,monospace,system-ui,-apple-system,sans-serif;overflow:hidden}#particle-canvas{pointer-events:none;z-index:100;width:100vw;height:100vh;position:fixed;top:0;left:0}.viewport-container{width:100vw;height:100vh;position:relative;overflow:hidden}.horizontal-canvas{will-change:transform;width:300vw;height:100vh;display:flex;position:absolute;top:0;left:0}.scene{background-color:#faf8f5;flex-shrink:0;width:100vw;height:100vh;position:relative;overflow:hidden}.layer{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.layer-bg{z-index:1}.layer-mid{z-index:10;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.layer-fg{z-index:20}.bg-pattern{opacity:.35;position:absolute;inset:0}.brick-pattern{background-image:repeating-linear-gradient(0deg,#333 0 1px,#0000 1px 20px),repeating-linear-gradient(90deg,#333 0 1px,#0000 1px 40px)}.tile-pattern{background-image:repeating-linear-gradient(0deg,#333 0 1px,#0000 1px 30px),repeating-linear-gradient(90deg,#333 0 1px,#0000 1px 30px)}.stripe-pattern{background-image:repeating-linear-gradient(45deg,#333 0 1px,#0000 1px 15px)}.sketch-cloud{color:#555;opacity:.6;font-size:4rem;position:absolute}.cloud-1{top:10%;left:15%}.cloud-2{top:15%;right:20%}.sketch-shelf{letter-spacing:4px;color:#333;font-size:2rem;position:absolute;top:20%;left:50%;transform:translate(-50%)}.sketch-frame{border:2px dashed #333;padding:.5rem;font-size:3rem;position:absolute;top:15%;left:25%}.sketch-card{text-align:center;background:#fff;border:3px dashed #222;border-radius:12px;max-width:500px;padding:2rem 3rem;box-shadow:6px 6px #222}.scene-title{letter-spacing:2px;border-bottom:2px solid #222;margin-bottom:.8rem;padding-bottom:.5rem;font-size:2.2rem}.scene-subtitle{color:#444;margin-bottom:.8rem;font-size:1.1rem;font-weight:700}.scene-desc{color:#666;font-size:.95rem;line-height:1.6}.sketch-plant{filter:drop-shadow(4px 4px #222);font-size:4rem;position:absolute}.plant-left{bottom:8%;left:5%}.plant-right{top:10%;right:8%}.sketch-prop{filter:drop-shadow(3px 3px #222);font-size:3.5rem;position:absolute}.flour-sack{bottom:10%;left:8%}.wheat-branch{bottom:12%;right:10%}.tongs{bottom:12%;left:10%}.lamp-fg{top:12%;right:12%}.oven-container{perspective:800px;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.sketch-oven{cursor:pointer;filter:drop-shadow(5px 5px #222);transition:transform .25s,filter .25s}.sketch-oven:hover{filter:drop-shadow(7px 7px #222);transform:translateY(-4px)scale(1.02)}.bread-overlay{opacity:0;pointer-events:none;z-index:500;background:#000000a6;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.bread-overlay.is-active{opacity:1;pointer-events:auto}.bread-container{justify-content:center;align-items:center;margin-top:1rem;display:flex}.bread-card{cursor:pointer;background:#fff;border:3px dashed #222;border-radius:12px;justify-content:center;align-items:center;width:220px;height:140px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:5px 5px #222}.bread-card:hover:not(.is-expanded){transform:translateY(-4px)scale(1.03);box-shadow:7px 7px #222}.bread-card.is-expanded{z-index:600;cursor:default;border:4px solid #222;border-radius:16px;width:440px;height:280px;position:fixed;top:calc(50% - 160px);left:calc(50% - 220px);box-shadow:0 20px 40px #0006}.bread-sketch-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bread-photo{object-fit:cover;opacity:0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.bread-info-card{opacity:0;text-align:center;background:#fff;border:3px dashed #222;border-radius:10px;padding:.9rem 1.2rem;position:absolute;bottom:-85px;left:-20px;right:-20px;transform:translateY(15px);box-shadow:5px 5px #222}.info-tag{color:#8b5a2b;letter-spacing:1px;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.info-text{color:#222;font-size:.95rem;font-weight:600}