.workshop-page{min-height:100vh;background:linear-gradient(135deg,#cbe0f0,#7597bf);position:relative;font-family:var(--font-sour-gummy);overflow:hidden}.workshop-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/apps/painted_brick_ao_1k.webp);background-repeat:repeat;background-size:115%;pointer-events:none;z-index:0}.workshop-background{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.workshop-tools{width:100%;height:100%}.tool-rack,.workshop-tools{position:absolute}.rack-1{top:10%;right:8%;animation:tool-sway 4s ease-in-out infinite}.workbench{position:absolute}.bench-1{bottom:15%;left:10%;animation:bench-activity 6s ease-in-out infinite}.toy-bin{position:absolute}.bin-1{bottom:20%;right:15%;animation:bin-wiggle 5s ease-in-out infinite}.workshop-tools img{width:120px;height:auto;filter:drop-shadow(0 4px 8px rgba(139,69,19,.4))}.workshop-materials{position:absolute;width:100%;height:100%}.wood-block{position:absolute;width:40px;height:40px;background:linear-gradient(45deg,#deb887,#d2b48c 50%,#bc9a6a);border:2px solid #8b4513;border-radius:4px;box-shadow:2px 2px 6px rgba(0,0,0,.3);animation:block-rotate 8s ease-in-out infinite}.block-1{top:40%;left:5%;animation-delay:0s}.block-2{top:60%;left:80%;animation-delay:2s}.block-3{bottom:40%;left:25%;animation-delay:4s}.block-4{top:20%;right:30%;animation-delay:6s}.material-pile{position:absolute;top:35%;right:25%}.material{position:absolute;width:30px;height:30px;border-radius:50%;box-shadow:2px 2px 4px rgba(0,0,0,.2)}.mat-1{background:#ff6b6b;top:0;left:0}.mat-1,.mat-2{animation:material-float 3s ease-in-out infinite}.mat-2{background:#4ecdc4;top:10px;left:15px;animation-delay:1s}.mat-3{background:#45b7d1;top:-5px;left:30px;animation:material-float 3s ease-in-out infinite;animation-delay:2s}.workshop-character{position:fixed;bottom:5%;right:5%;z-index:15;animation:character-craft 10s ease-in-out infinite;display:none}.workshop-character img{width:200px;height:auto;filter:drop-shadow(0 8px 16px rgba(139,69,19,.5))}.workshop-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:25px 75px;min-height:calc(100vh - 80px)}.workshop-title-note{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:400px;padding:25px 30px;background:repeating-linear-gradient(transparent,transparent 24px,rgba(176,196,222,.4) 0,rgba(176,196,222,.4) 26px),linear-gradient(90deg,transparent,transparent 20px,rgba(220,53,69,.5) 0,rgba(220,53,69,.5) 23px,transparent 0),linear-gradient(135deg,#f5deb3,rgba(255,255,255,.95) 40%);border-radius:3px;box-shadow:0 8px 25px rgba(139,69,19,.3),inset 0 1px 0 rgba(255,255,255,.6);transform-origin:center;animation:note-gentle-sway 8s ease-in-out infinite;z-index:20;cursor:pointer;transition:all .3s ease}.workshop-title-note:hover{transform:translateX(-50%) translateY(-5px) scale(1.02);box-shadow:0 12px 35px rgba(139,69,19,.4),inset 0 1px 0 rgba(255,255,255,.8)}.workshop-title-note:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter></defs><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.1"/></svg>');border-radius:12px;pointer-events:none}.note-title{font-size:1.8rem;font-weight:800;color:#654321;margin-bottom:8px;text-shadow:1px 1px 2px rgba(139,69,19,.3);line-height:1.2}.note-subtitle,.note-title{text-transform:lowercase;position:relative;z-index:2}.note-subtitle{font-size:1rem;color:#8b4513;font-weight:500;margin:0;font-style:italic;opacity:.9}.blueprint-table{position:relative;max-width:1200px;height:800px;perspective:4000px}.table-surface{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#f5deb3,#deb887);border-radius:8px;border:24px solid #925224;box-shadow:inset 0 0 20px rgba(32,83,128,.3),15 15px 20px rgb(36,81,118,.7);transform:rotateX(5deg)}.table-surface:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(139,69,19,.05) 0,rgba(139,69,19,.05) 40px),repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(139,69,19,.05) 0,rgba(139,69,19,.05) 40px);border-radius:12px;pointer-events:none}.blueprint-card{position:absolute;width:280px;cursor:pointer;animation:blueprint-appear .15s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(20px) scale(.9) rotate(var(--rotation,0deg));transition:all .3s ease;--rotation:0deg;--pin-scale:1.3;--pin-top-offset:-8px}.blueprint-card:nth-child(2){--rotation:-3deg}.blueprint-card:nth-child(3){--rotation:2deg}.blueprint-card:nth-child(4){--rotation:-1deg}.blueprint-card:nth-child(5){--rotation:4deg}.blueprint-card:nth-child(6){--rotation:-2deg}.blueprint-card:hover{transform:translateY(-10px) scale(1.05) rotate(var(--rotation,0deg))!important;z-index:100}.blueprint-card.active{z-index:50;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.blueprint-card:before{content:"📍";position:absolute;top:var(--pin-top-offset,-8px);left:50%;transform:translateX(-50%) scale(var(--pin-scale,1.2));font-size:1.5rem;z-index:20;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));pointer-events:none}.blueprint-paper{background:#f8f8ff;border-radius:4px;padding:20px;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 0 20px rgba(65,105,225,.1);min-height:200px;display:flex;flex-direction:column}.blueprint-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(65,105,225,.2) 1px,transparent 0),linear-gradient(90deg,rgba(65,105,225,.2) 1px,transparent 0);background-size:20px 20px;pointer-events:none;border-radius:6px;z-index:1}.blueprint-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;position:relative;z-index:2}.blueprint-title-block{flex:1 1}.blueprint-title{font-size:1.3rem;font-weight:700;color:#191970;margin-bottom:5px;text-transform:lowercase;line-height:1.2}.blueprint-category{font-size:.9rem;color:#4169e1;font-weight:500;text-transform:lowercase}.blueprint-icon{width:50px;height:50px;overflow:hidden;flex-shrink:0}.blueprint-icon img{width:100%;height:100%;object-fit:cover}.blueprint-content{flex:1 1;position:relative;z-index:2}.blueprint-description{margin-bottom:15px}.blueprint-description p{font-size:.85rem;color:#2f4f4f;line-height:1.4;font-family:Courier New,monospace}.blueprint-specs{border-top:1px solid #4169e1;padding-top:10px}.spec-line{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.8rem;font-family:Courier New,monospace}.spec-value{color:#2f4f4f;font-weight:500}.spec-value.status-released{color:#228b22}.spec-value.status-beta{color:#ff8c00}.spec-value.status-experimental{color:#9370db}.spec-value.status-discontinued{color:#696969}.blueprint-stamps{position:absolute;top:10px;right:10px;display:flex;gap:5px}.stamp{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:white;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.stamp-approved{background:#228b22}.stamp-tested{background:#4169e1;font-size:.6rem}.blueprint-corners{position:absolute}.blueprint-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(139,69,19,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-background-fade-in .5s ease-out}.blueprint-details-modal{background:#f8f8ff;border:4px solid #4169e1;border-radius:15px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:modal-slide-in .5s ease-out}.modal-paper{position:relative;background:linear-gradient(rgba(65,105,225,.1) 1px,transparent 0),linear-gradient(90deg,rgba(65,105,225,.1) 1px,transparent 0);background-size:25px 25px;padding:40px}.close-blueprint{position:absolute;top:10px;right:10px;color:rgb(0,0,0);background-color:rgb(0,0,0,0);border:none;width:40px;height:40px;border-radius:4px;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease}.close-blueprint:hover{transform:scale(1.1)}.detailed-blueprint{font-family:Courier New,monospace}.blueprint-header-detailed{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #4169e1}.header-left{flex:1 1}.detailed-title{font-size:2.2rem;font-weight:900;color:#191970;margin-bottom:8px;text-transform:lowercase}.detailed-category{font-size:1.1rem;color:#4169e1;margin-bottom:10px;text-transform:lowercase}.project-number{font-size:.9rem;color:#696969;font-weight:600;background:rgba(65,105,225,.1);padding:5px 10px;border-radius:4px;display:inline-block}.header-right{margin-left:20px}.main-icon{width:100px;height:100px;overflow:hidden}.main-icon img{width:100%;height:100%;object-fit:cover}.blueprint-main-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:30px}.content-left,.content-right{display:flex;flex-direction:column;gap:25px}.assembly-instructions h3,.component-specifications h3,.detailed-description h3,.technical-drawing h3{font-size:1.1rem;color:#191970;margin-bottom:15px;font-weight:700;border-left:4px solid #4169e1;padding-left:10px}.description-box{background:rgba(65,105,225,.05);border:1px solid #4169e1;border-radius:6px;padding:15px}.description-box p{color:#2f4f4f;line-height:1.6;margin:0}.specs-grid{display:grid;grid-gap:10px;gap:10px}.spec-item{display:flex;align-items:center;gap:10px;background:rgba(65,105,225,.05);padding:8px 12px;border-radius:4px;border-left:3px solid #4169e1}.spec-checkbox{color:#228b22;font-weight:700}.drawing-frame{position:relative;border:2px solid #4169e1;border-radius:6px;overflow:hidden;background:rgba(65,105,225,.05)}.drawing-frame img{width:100%;height:auto;display:block}.drawing-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(65,105,225,.2) 1px,transparent 0),linear-gradient(90deg,rgba(65,105,225,.2) 1px,transparent 0);background-size:15px 15px;pointer-events:none}.instruction-steps{display:flex;flex-direction:column;gap:12px}.instruction-step{display:flex;align-items:center;gap:15px;padding:12px 15px;border:2px solid;border-radius:6px;text-decoration:none;transition:all .3s ease;font-weight:600}.browser-step{border-color:#28a745;background:rgba(40,167,69,.1);color:#155724}.browser-step:hover{background:rgba(40,167,69,.2);transform:translateX(5px)}.steam-step{border-color:#66c0f4;background:rgba(102,192,244,.1);color:#171a21}.steam-step:hover{background:rgba(102,192,244,.2);transform:translateX(5px)}.itchio-step{border-color:#fa5c5c;background:rgba(250,92,92,.1);color:#2c2c2c}.itchio-step:hover{background:rgba(250,92,92,.2);transform:translateX(5px)}.direct-step{border-color:#228b22;background:rgba(34,139,34,.1);color:#2c2c2c}.direct-step:hover{background:rgba(34,139,34,.2);transform:translateX(5px)}.coming-soon-step{border-color:#6c757d;background:rgba(108,117,125,.1);color:#6c757d;cursor:not-allowed;opacity:.7}.coming-soon-step:hover{background:rgba(108,117,125,.1);transform:none}.step-content{display:flex;align-items:center;gap:10px;flex:1 1}.step-content img{width:20px;height:20px;filter:brightness(0)}.blueprint-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #4169e1}.project-status{font-size:1rem;color:#2f4f4f}.status-badge{padding:5px 12px;border-radius:15px;font-size:.9rem;font-weight:700;text-transform:uppercase}.status-badge.status-released{background:#228b22;color:white}.status-badge.status-beta{background:#ff8c00;color:white}.status-badge.status-experimental{background:#9370db;color:white}.status-badge.status-discontinued{background:#696969;color:white}.approval-stamps{display:flex;gap:10px}.footer-stamp{padding:8px 12px;background:#228b22;color:white;border-radius:4px;font-size:.8rem;font-weight:700;transform:rotate(-2deg);border:2px solid #1e7e1e}.footer-stamp:nth-child(2){transform:rotate(3deg);background:#4169e1;border-color:#365db3}.footer-stamp:nth-child(3){transform:rotate(-1deg);background:#ff8c00;border-color:#e67d00}.postit-note{position:absolute;width:180px;height:180px;cursor:pointer;animation:postit-appear .15s ease-out forwards;animation-delay:var(--delay);opacity:0;transition:all .3s ease;z-index:15;--rotation:0deg}.postit-note:nth-child(7){--rotation:-5deg}.postit-note:nth-child(8){--rotation:3deg}.postit-note:nth-child(9){--rotation:-2deg}.postit-note:nth-child(10){--rotation:7deg}.postit-note:nth-child(11){--rotation:-4deg}.postit-note:nth-child(12){--rotation:2deg}.postit-note:hover{transform:translateY(-5px) scale(1.05) rotate(var(--rotation,0deg))!important;z-index:100}.postit-content{width:100%;height:100%;padding:15px;border-radius:2px;position:relative;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-sour-gummy);box-shadow:0 4px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.postit-content:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:2px 2px 0 0}.postit-yellow .postit-content{background:linear-gradient(135deg,#fff59d,#ffeb3b)}.postit-pink .postit-content{background:linear-gradient(135deg,#ee9ac4,#e76b84)}.postit-blue .postit-content{background:linear-gradient(135deg,#acd7fa,#76b5e8)}.postit-green .postit-content{background:linear-gradient(135deg,#c8e6c9,#83e786)}.postit-title{font-size:1rem;font-weight:700;color:#333;margin-bottom:8px;text-transform:lowercase;line-height:1.2;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.postit-description{font-size:.8rem;color:#444;line-height:1.3;margin-bottom:10px;flex:1 1;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.postit-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600}.postit-category{color:#555;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(255,255,255,.4)}.postit-status{padding:2px 6px;border-radius:10px;text-transform:uppercase;font-size:.6rem;font-weight:700;letter-spacing:.3px}.postit-status.status-concept{background:rgba(156,39,176,.2);color:#7b1fa2;border:1px solid rgba(156,39,176,.3)}.postit-status.status-planned{background:rgba(255,152,0,.2);color:#f57c00;border:1px solid rgba(255,152,0,.3)}.postit-status.status-prototype{background:rgba(76,175,80,.2);color:#388e3c;border:1px solid rgba(76,175,80,.3)}.postit-shadow{position:absolute;bottom:-8px;right:-8px;width:100%;height:100%;background:rgba(0,0,0,.1);border-radius:2px;z-index:-1;transform:rotate(2deg)}@keyframes postit-appear{0%{opacity:0;transform:translateY(20px) scale(.8) rotate(var(--rotation,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rotation,0deg))}}.image-note{position:absolute;width:375px;height:230px;cursor:pointer;animation:image-note-appear .15s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(0) scale(1) rotate(var(--rotation,0deg));transition:all .3s ease;z-index:15;--rotation:0deg;--pin-scale:1.3;--pin-top-offset:-12px}.image-note:nth-child(13){--rotation:-3deg}.image-note:nth-child(14){--rotation:4deg}.image-note:nth-child(15){--rotation:-2deg}.image-note:hover{transform:translateY(-8px) scale(1.08) rotate(var(--rotation,0deg))!important;z-index:100}.image-note:before{content:"📍";position:absolute;top:var(--pin-top-offset,-8px);left:50%;transform:translateX(-50%) scale(var(--pin-scale,1.2));font-size:1.5rem;z-index:25;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));pointer-events:none}.image-note-content{width:100%;height:100%;border:10px solid #ffffff;border-radius:4px;overflow:hidden;position:relative;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1);transition:all .3s ease}.image-note-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 40%);pointer-events:none;z-index:2}.image-note-content img{width:100%;height:100%;object-fit:cover;display:block;transition:all .3s ease}.image-note:hover .image-note-content img{transform:scale(1)}.image-note-shadow{position:absolute;bottom:-10px;right:-10px;width:100%;height:100%;background:rgba(0,0,0,.15);border-radius:8px;z-index:-1;transform:rotate(3deg);transition:all .3s ease}.image-note:hover .image-note-shadow{bottom:-15px;right:-15px;background:rgba(0,0,0,.25)}@keyframes image-note-appear{0%{opacity:0;transform:translateY(20px) scale(.8) rotate(var(--rotation,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rotation,0deg))}}@keyframes note-gentle-sway{0%,to{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) rotate(1deg)}}@keyframes tool-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@keyframes bench-activity{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bin-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes block-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-5deg)}}@keyframes material-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes character-craft{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-10px) rotate(-2deg)}50%{transform:translateX(0) rotate(0deg)}75%{transform:translateX(10px) rotate(2deg)}}@keyframes blueprint-appear{0%{opacity:0;transform:translateY(20px) scale(.9) rotate(var(--rotation,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rotation,0deg))}}@keyframes modal-background-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.workshop-title{font-size:2.5rem}.blueprint-table{height:auto}.table-surface{transform:none;height:auto;padding:20px}.blueprint-card{width:100%!important;max-width:300px;margin:0 auto 20px}.blueprint-card,.postit-note{position:static!important;transform:none!important}.postit-note{width:160px!important;height:160px!important;margin:10px auto;display:inline-block}.postit-note:nth-child(2n){margin-left:20px}.image-note{position:static!important;width:180px!important;height:108px!important;margin:10px auto;transform:none!important;display:inline-block}.image-note:nth-child(2n){margin-left:20px}.blueprint-main-content{grid-template-columns:1fr;gap:25px}.workshop-character,.workshop-tools{display:none}.modal-paper{padding:20px}.blueprint-header-detailed{flex-direction:column;text-align:center;gap:20px}.header-right{margin:0}}