body.fursuits-page{overflow-x:hidden;overflow-y:auto}.patchwork-page{min-height:100vh;background:#f5f3f0;position:relative;font-family:var(--font-sour-gummy);overflow-x:hidden}.patchwork-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:repeating-linear-gradient(45deg,#8b4513,#8b4513 2px,transparent 0,transparent 12px),repeating-linear-gradient(-45deg,#d2691e,#d2691e 1px,transparent 0,transparent 15px),repeating-linear-gradient(0deg,#a0522d,#a0522d 1px,transparent 0,transparent 20px),repeating-linear-gradient(90deg,#cd853f,#cd853f 1px,transparent 0,transparent 18px);pointer-events:none}.patchwork-header{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.header-patch{background:#fff;border:3px solid #333;border-radius:0;position:relative;box-shadow:5px 5px 0 #333}.main-patch{padding:40px 60px;transform:rotate(-2deg);background:#fff8dc;border-style:dashed;z-index:10}.main-patch:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px dashed #8b4513;border-radius:5px;z-index:-1}.patchwork-title{font-size:4rem;font-weight:900;color:#8b4513;margin-bottom:15px;text-transform:lowercase;letter-spacing:-2px;text-shadow:3px 3px 0 #d2691e;transform:rotate(1deg)}.patchwork-subtitle{font-size:1.5rem;font-weight:600;color:#a0522d;text-transform:lowercase;transform:rotate(-1deg)}.small-patch{padding:15px 20px;background:#f0e68c;border:2px solid #333;position:absolute;z-index:5}.patch-1{top:20%;left:15%;transform:rotate(15deg);background:#ffb6c1}.patch-2{top:70%;right:20%;transform:rotate(-10deg);background:#98fb98}.patch-3{bottom:30%;left:10%;transform:rotate(8deg);background:#87ceeb}.patch-4{top:40%;right:10%;transform:rotate(-20deg);background:#dda0dd}.patch-text{font-size:.9rem;font-weight:600;color:#333;text-transform:lowercase}.workshop-area{position:relative;min-height:250vh;background:linear-gradient(45deg,#faf0e6,#f5deb3 25%,#deb887 50%,#d2b48c 75%,#bc9a6a);border-top:5px dashed #8b4513;margin-top:-50px;z-index:8;padding-bottom:100px}.workshop-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.hatch-pattern{position:absolute;width:200px;height:200px;opacity:.15}.hatch-1{top:10%;left:70%;background:repeating-linear-gradient(45deg,#8b4513,#8b4513 3px,transparent 0,transparent 15px);transform:rotate(25deg)}.hatch-2{top:60%;left:20%;background:repeating-linear-gradient(-30deg,#d2691e,#d2691e 2px,transparent 0,transparent 12px);transform:rotate(-15deg)}.hatch-3{bottom:20%;right:30%;background:repeating-linear-gradient(60deg,#a0522d,#a0522d 2px,transparent 0,transparent 10px);transform:rotate(40deg)}.stitch-line{position:absolute;height:3px;opacity:.3;background-image:repeating-linear-gradient(90deg,#333,#333 10px,transparent 0,transparent 20px);transform-origin:left}.stitch-1{top:25%;left:0;width:300px;transform:rotate(15deg)}.stitch-2{top:75%;right:0;width:250px;transform:rotate(-20deg)}.stitch-3{top:50%;left:30%;width:400px;transform:rotate(8deg)}.fabric-scrap{position:absolute;background:#ddd;opacity:.2;border:1px dashed #999}.scrap-1{top:15%;right:15%;width:80px;height:60px;transform:rotate(45deg);background:#ffb6c1}.scrap-2{bottom:40%;left:5%;width:100px;height:80px;transform:rotate(-30deg);background:#98fb98}.scrap-3{top:80%;right:40%;width:70px;height:90px;transform:rotate(60deg);background:#87ceeb}.process-patch{position:absolute;background:#fff;border:3px solid #333;padding:20px;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:4px 4px 0 #333}.process-patch:hover{transform:scale(1.05) rotate(0deg)!important;z-index:20;box-shadow:8px 8px 0 #333}.process-patch.small{width:180px;min-height:120px}.process-patch.medium{width:220px;min-height:160px}.process-patch.large{width:280px;min-height:200px}.cross-stitch:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px dashed #666;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,#666 0,#666 10px),repeating-linear-gradient(-45deg,transparent,transparent 8px,#666 0,#666 10px);opacity:.3;z-index:-1}.running-stitch:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px dotted #666;opacity:.4;z-index:-1}.zigzag-stitch:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background-image:repeating-linear-gradient(45deg,#666,#666 2px,transparent 0,transparent 12px);opacity:.2;z-index:-1}.chain-stitch:before{top:-6px;left:-6px;right:-6px;bottom:-6px;border:3px double #666}.blanket-stitch:before,.chain-stitch:before{content:"";position:absolute;opacity:.3;z-index:-1}.blanket-stitch:before{top:-7px;left:-7px;right:-7px;bottom:-7px;border-top:3px solid #666;border-bottom:3px solid #666}.overlock-stitch:before{content:"";position:absolute;top:-9px;left:-9px;right:-9px;bottom:-9px;border:2px solid #666;border-radius:10px;opacity:.3;z-index:-1}.herringbone-stitch:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background-image:repeating-linear-gradient(45deg,#666,#666 1px,transparent 0,transparent 8px),repeating-linear-gradient(-45deg,#666,#666 1px,transparent 0,transparent 8px);opacity:.2;z-index:-1}.patch-icon{font-size:2rem;margin-bottom:10px;display:block;transform:rotate(-2deg)}.patch-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:8px;text-transform:lowercase;transform:rotate(1deg)}.patch-description{font-size:.9rem;color:#555;line-height:1.4;transform:rotate(-1deg)}.patch-corner-fold{position:absolute;top:-3px;right:-3px;width:20px;height:20px;background:#ddd;border-bottom:2px solid #999;border-left:2px solid #999;transform:rotate(45deg)}.option-patch{position:absolute;background:#fff;border:2px solid #666;padding:15px;cursor:pointer;transition:all .3s ease;z-index:8;border-radius:5px;box-shadow:3px 3px 0 #999}.option-patch:hover{transform:scale(1.08) rotate(0deg)!important;z-index:18;box-shadow:6px 6px 0 #999}.option-patch.small{width:150px;min-height:100px}.option-patch.medium{width:190px;min-height:130px}.polka-pattern{background-image:radial-gradient(circle at 20% 20%,#ff6b6b 2px,transparent 0);background-size:15px 15px}.stripes-pattern{background-image:repeating-linear-gradient(45deg,#4ecdc4,#4ecdc4 5px,#fff 0,#fff 10px)}.chevron-pattern{background-image:repeating-linear-gradient(45deg,#45b7d1,#45b7d1 8px,#fff 0,#fff 16px)}.dots-pattern{background-image:radial-gradient(circle at 50% 50%,#96ceb4 1px,transparent 0);background-size:12px 12px}.waves-pattern{background-image:repeating-linear-gradient(0deg,#ffeaa7,#ffeaa7 3px,#fff 0,#fff 8px)}.option-category{font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:5px;letter-spacing:1px}.option-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:8px;text-transform:lowercase}.option-description{font-size:.8rem;color:#555;line-height:1.3;margin-bottom:10px}.option-examples{display:flex;flex-wrap:wrap;gap:4px}.example-bubble{background:rgba(0,0,0,.1);padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:600;color:#333}.starpup-patch{position:absolute;top:25%;left:15%;transform:rotate(-3deg);width:560px;background:#fff8dc;border:3px solid #8b4513;padding:40px;z-index:15;box-shadow:8px 12px 20px rgba(0,0,0,.3);border-radius:8px}.starpup-patch:before{content:"MASTERPIECE!";position:absolute;top:-15px;right:-15px;background:#ff6b6b;color:white;padding:5px 15px;font-weight:800;font-size:.8rem;transform:rotate(15deg);border:2px solid #333;z-index:20;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.starpup-content{display:flex;align-items:center;gap:35px}.starpup-showcase-image{width:180px;height:180px;object-fit:cover;border-radius:8px;border:4px solid #8b4513;box-shadow:4px 4px 12px rgba(0,0,0,.2);transform:rotate(-2deg)}.starpup-info h2{font-size:2rem;font-weight:900;color:#8b4513;margin-bottom:10px;text-transform:lowercase;transform:rotate(-2deg)}.starpup-info p{font-size:1rem;color:#555;line-height:1.5;margin-bottom:15px;transform:rotate(1deg)}.chaos-stats{display:flex;flex-direction:column;gap:5px}.stat{background:#ff6b6b;color:white;padding:5px 10px;font-size:.8rem;font-weight:600;border-radius:15px;text-align:center;border:2px solid #333;transform:rotate(-1deg)}.stat:nth-child(2){background:#4ecdc4;transform:rotate(2deg)}.stat:nth-child(3){background:#45b7d1;transform:rotate(-3deg)}.mystery-patch{position:absolute;top:50%;right:10%;transform:rotate(4deg);width:650px;background:#e6f3ff;border:3px solid #4a90a4;padding:35px;z-index:14;box-shadow:6px 10px 18px rgba(0,0,0,.25);border-radius:8px}.mystery-patch:before{content:"WHO IS IT?";position:absolute;top:-12px;left:-12px;background:#87ceeb;color:#2c5aa0;padding:5px 15px;font-weight:800;font-size:.8rem;transform:rotate(-20deg);border:2px solid #4a90a4;z-index:20;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.mystery-content{display:flex;align-items:center;gap:30px}.mystery-showcase-image{width:170px;height:170px;object-fit:cover;border-radius:8px;border:4px solid #4a90a4;box-shadow:4px 4px 12px rgba(0,0,0,.2);transform:rotate(3deg);filter:brightness(.9) contrast(1.1)}.mystery-info h2{font-size:1.9rem;font-weight:900;color:#2c5aa0;margin-bottom:12px;text-transform:lowercase;transform:rotate(1deg)}.mystery-info p{font-size:1rem;color:#4a6b8a;line-height:1.5;margin-bottom:18px;transform:rotate(-1deg)}.mystery-hints{display:flex;flex-direction:column;gap:8px}.hint{background:linear-gradient(45deg,#87ceeb,#b0e0e6);color:#2c5aa0;padding:8px 12px;font-size:.85rem;font-weight:600;border-radius:15px;text-align:center;border:2px solid #4a90a4;transform:rotate(2deg);position:relative;overflow:hidden}.hint:before{left:5px}.hint:after,.hint:before{content:"~";position:absolute;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.6}.hint:after{right:5px}.hint:nth-child(2){background:linear-gradient(45deg,#b0e0e6,#afeeee);transform:rotate(-3deg)}.hint:nth-child(3){background:linear-gradient(45deg,#afeeee,#e0f6ff);transform:rotate(1deg)}.hint:nth-child(4){background:linear-gradient(45deg,#e0f6ff,#f0f8ff);transform:rotate(-2deg)}.cta-patch{position:absolute;bottom:5%;left:50%;transform:translateX(-50%) rotate(2deg);width:400px;background:#98fb98;border:4px solid #333;padding:30px;text-align:center;z-index:15;box-shadow:6px 6px 0 #333}.cta-patch:before{content:"YES PLEASE!";position:absolute;top:-12px;left:-12px;background:#ff6b6b;color:white;padding:5px 12px;font-weight:800;font-size:.7rem;transform:rotate(-15deg);border:2px solid #333;z-index:20}.cta-patch h2{font-size:1.8rem;font-weight:800;color:#333;margin-bottom:15px;text-transform:lowercase;transform:rotate(-1deg)}.cta-patch p{font-size:1rem;color:#555;margin-bottom:20px;line-height:1.4;transform:rotate(1deg)}.chaos-cta-button{background:#ff6b6b;color:white;border:3px solid #333;padding:15px 25px;font-family:var(--font-sour-gummy);font-size:1.2rem;font-weight:700;text-transform:lowercase;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 0 #333;transform:rotate(-2deg)}.chaos-cta-button:hover{transform:rotate(0deg) scale(1.05);box-shadow:5px 5px 0 #333;background:#ff5252}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.card-modal,.option-modal{background:#fff8dc;border:4px dashed #8b4513;padding:30px;max-width:500px;position:relative;transform:rotate(-1deg);box-shadow:8px 8px 0 #333}.modal-close{position:absolute;top:10px;right:10px;background:#ff6b6b;border:2px solid #333;width:35px;height:35px;font-size:1.5rem;color:white;cursor:pointer;font-weight:700;transform:rotate(15deg);transition:all .3s ease}.modal-close:hover{transform:rotate(0deg) scale(1.1);background:#ff5252}.modal-icon{font-size:3rem;display:block}.modal-icon,.modal-title{margin-bottom:15px;text-align:center}.modal-title{font-size:2rem;font-weight:800;color:#8b4513;text-transform:lowercase;transform:rotate(1deg)}.modal-description{font-size:1.1rem;color:#555;line-height:1.5;margin-bottom:20px;text-align:center}.modal-details h3{font-size:1.3rem;font-weight:700;color:#8b4513;margin-bottom:10px;text-transform:lowercase}.modal-details p{color:#555;line-height:1.5}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px;margin-top:15px}.example-card{background:#f0f0f0;border:2px solid #333;padding:10px;text-align:center;font-weight:600;color:#333;transform:rotate(-1deg);transition:transform .3s ease}.example-card:hover{transform:rotate(1deg);background:#e0e0e0}@media (max-width:768px){.patchwork-header{min-height:80vh}.patchwork-title{font-size:2.5rem}.patchwork-header{text-align:center;padding:20px}.main-patch{text-align:center}.option-patch,.process-patch{position:absolute!important;max-width:200px;z-index:10;pointer-events:auto;touch-action:manipulation}.process-patch.small{width:140px;min-height:100px}.process-patch.medium{width:180px;min-height:140px}.process-patch.large{width:220px;min-height:160px}.option-patch.small{width:120px;min-height:80px}.option-patch.medium{width:150px;min-height:110px}.option-patch:nth-child(18),.option-patch:nth-child(2),.option-patch:nth-child(22),.option-patch:nth-child(23),.option-patch:nth-child(4),.option-patch:nth-child(6),.option-patch:nth-child(8),.process-patch:first-child,.process-patch:nth-child(10),.process-patch:nth-child(12),.process-patch:nth-child(13),.process-patch:nth-child(4),.process-patch:nth-child(6),.process-patch:nth-child(8){display:none!important}.process-patch:first-child{top:5%!important;left:5%!important;transform:rotate(-8deg)!important}.process-patch:nth-child(3){top:18%!important;left:65%!important;transform:rotate(12deg)!important}.process-patch:nth-child(5){top:32%!important;left:15%!important;transform:rotate(-15deg)!important}.process-patch:nth-child(7){top:46%!important;left:70%!important;transform:rotate(8deg)!important}.process-patch:nth-child(9){top:60%!important;left:8%!important;transform:rotate(-10deg)!important}.process-patch:nth-child(11){top:74%!important;left:60%!important;transform:rotate(14deg)!important}.process-patch:nth-child(13){top:88%!important;left:20%!important;transform:rotate(-12deg)!important}.option-patch:first-child{top:102%!important;left:75%!important;transform:rotate(-6deg)!important}.option-patch:nth-child(3){top:116%!important;left:10%!important;transform:rotate(10deg)!important}.option-patch:nth-child(5){top:130%!important;left:65%!important;transform:rotate(-14deg)!important}.option-patch:nth-child(7){top:144%!important;left:5%!important;transform:rotate(8deg)!important}.option-patch:nth-child(9){top:158%!important;left:70%!important;transform:rotate(-10deg)!important}.workshop-area{min-height:180vh;padding:40px 20px;position:relative;overflow:visible;-webkit-overflow-scrolling:touch}.starpup-patch{position:relative!important;transform:rotate(-1deg)!important;margin:20px auto;left:auto!important;top:auto!important;bottom:auto!important;width:90%;max-width:450px;order:-1;border-radius:8px;box-shadow:4px 8px 15px rgba(0,0,0,.25)}.starpup-content{flex-direction:column;text-align:center;gap:20px}.starpup-showcase-image{width:140px;height:140px;border-radius:8px;transform:rotate(-1deg)}.mystery-patch{position:relative!important;transform:rotate(1deg)!important;margin:30px auto;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:90%;max-width:450px;border-radius:8px;box-shadow:4px 8px 15px rgba(0,0,0,.2)}.mystery-content{flex-direction:column;text-align:center;gap:20px}.mystery-showcase-image{width:130px;height:130px;border-radius:8px;transform:rotate(2deg)}.mystery-hints{gap:6px}.hint{font-size:.8rem;padding:6px 10px}.cta-patch{position:relative!important;transform:rotate(1deg)!important;margin:40px auto 20px;left:auto!important;bottom:-60px;width:90%;max-width:350px;text-align:center}.chaos-cta-button{width:100%;max-width:250px}.workshop-background{display:none}.small-patch{position:absolute!important;width:120px!important;padding:10px 15px!important}.patch-1{top:20%!important;left:5%!important;transform:rotate(15deg)!important}.patch-2{top:70%!important;right:5%!important;transform:rotate(-10deg)!important}.patch-3{bottom:30%!important;left:10%!important;transform:rotate(8deg)!important}.patch-4{top:40%!important;right:8%!important;transform:rotate(-20deg)!important}.card-modal,.option-modal{margin:20px;max-width:90vw;max-height:80vh;overflow-y:auto}.modal-title{font-size:1.5rem}}