.workshop-heading{display:flex;gap:24px;align-items:center;margin:28px 0}.workshop-heading h1{margin:8px 0;color:#082b65}.workshop-heading p{margin:0;color:#576985}.workshop-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.workshop-tabs a{border:1px solid #dce6f2;border-radius:14px;color:#082b65;padding:14px 18px;font-size:12px;font-weight:700;text-decoration:none;background:#fff;min-height:46px;display:flex;align-items:center}.workshop-tabs a.active{background:#eaf5fc;border-color:#19c9d5;color:#0758b6}.showcase{background:linear-gradient(140deg,#fbfdff,#f1f7fd);border:1px solid #dce6f2;border-radius:24px;padding:28px;margin:24px 0;box-shadow:inset 0 1px 0 #fff,0 8px 30px #082b6506}.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-top h2{margin:8px 0}.showcase-top p{font-size:13px;color:#60718a}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px;margin:24px 0 12px}.showcase-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:190px;padding:8px 8px 16px;text-align:center;min-width:0}.shelf-edge{position:absolute;left:0;right:0;bottom:0;height:9px;border-radius:3px;background:linear-gradient(#fdfefe,#d2e5f4);border-top:2px solid #71d6e8;box-shadow:0 9px 10px #082b6510}.showcase-slot h3{font-size:11px;letter-spacing:.02em;margin:8px 0}.showcase-slot small{font-size:12px;color:#63758d}.slot-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.slot-actions button{font-size:10px;padding:8px 5px;min-height:42px}.empty-silhouette{display:block;width:70px;height:76px;border-radius:30px 30px 16px 16px;background:linear-gradient(145deg,#e3edf5a0,#eef5fa70);border:1px dashed #b4c8dc;margin:22px auto}.place-target{background:#edfafd;border:2px dashed #19aebb;border-radius:18px;color:#082b65;width:100%;min-height:145px;font-size:10px;padding:14px}.place-target span{display:block;font-size:34px;color:#1477f2;margin-bottom:12px}.placement-hint{padding:18px 20px;background:#eaf6fd;border:1px solid #b6dfef;border-radius:16px;margin-top:20px}.placement-hint p{margin:6px 0 14px;font-size:14px}.showcase-caption{text-align:center;font-size:13px}.workshop-art{height:215px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.workshop-art:before{content:'';position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#e6f6fd88,transparent 70%);z-index:-1}.workshop-art img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 8px 7px #082b650f);transition:transform .18s ease}.workshop-art.object-on-stand img{height:75%;margin-bottom:20px}.object-on-stand:after{content:'';position:absolute;bottom:16px;left:30%;right:30%;height:15px;background:linear-gradient(#b5e6f7,#1477f2 75%,#082b65);border:1px solid #19c9d5;border-radius:50% / 35%;z-index:-1;box-shadow:0 5px 7px #082b6520}.showcase-slot .workshop-art{height:130px}.showcase-slot .workshop-art:before{width:90px;height:90px}.showcase-slot .object-on-stand:after{bottom:10px;height:10px}.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.workshop-tile{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:20px;border:1px solid #e0e8f1;border-radius:22px;box-shadow:0 4px 15px #082b6505;transition:transform .18s ease,box-shadow .18s ease}.workshop-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px #082b650c}.workshop-tile:hover img{transform:translateY(-2px)}.workshop-tile .eyebrow{font-size:10px;letter-spacing:.08em;color:#60718a}.workshop-tile h3{font-size:18px;color:#082b65;margin:12px 0 6px}.workshop-tile p{font-size:14px;font-weight:600;margin:10px 0}.workshop-tile .primary,.workshop-tile .secondary{font-size:11px;padding:14px 10px;min-height:48px;margin-top:auto}.workshop-tile .name-edit{margin-top:10px;min-height:44px}.workshop-tile small{font-size:12px;margin:8px 0}.special-object{color:#7242c9;background:#f2edfd;border-radius:10px;padding:7px;align-self:center}.workshop-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.workshop-entry-grid a{text-decoration:none;color:#082b65}.workshop-entry-grid h2{font-size:23px;margin:10px 0}.workshop-entry-grid p{font-size:14px;color:#60718a}.workshop-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:12px;scrollbar-width:thin}.workshop-filters button{flex:none;min-height:44px;white-space:nowrap}.workshop-result-count{font-size:13px;color:#60718a}.workshop-empty{grid-column:1/-1}.workshop-note{font-size:13px;margin-top:30px}.workshop-goal{display:flex;align-items:center;gap:24px;margin:24px 0}.workshop-goal .workshop-art{width:165px;min-width:165px;height:165px}.workshop-goal>div:last-child{flex:1}.workshop-goal h3{margin:10px 0}.workshop-goal .eyebrow{font-size:11px}.unlock-calculation{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;align-items:center;background:#f1f8fd;padding:16px;border-radius:14px;font-size:13px;color:#082b65}.unlock-calculation strong{font-size:22px}.workshop-reveal{text-align:center;position:relative}.workshop-reveal:before{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent,#19c9d5,#7b4bef,transparent);animation:workshop-line 1.6s ease both}.workshop-reveal .workshop-art{height:265px}.object-reveal img{animation:workshop-object 1.6s ease both}.workshop-reveal h2,.workshop-reveal p{animation:workshop-name 1.6s ease both}.workshop-home{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin:24px 0}.workshop-home h3{margin:8px 0}.workshop-home p{font-size:13px;margin:6px 0}.workshop-home small{font-size:12px}.showcase-compact{padding:10px;margin:0;border-radius:16px}.showcase-compact .showcase-grid{margin:0;gap:8px}.showcase-compact .showcase-slot{min-height:84px;padding:5px 2px 10px}.showcase-compact .workshop-art{height:68px}.showcase-compact .empty-silhouette{height:42px;width:35px;margin:10px auto}.showcase-compact .shelf-edge{height:5px}.showcase-compact .object-on-stand:after{height:7px;bottom:7px}.showcase-compact .workshop-art:before{width:45px;height:45px}
@keyframes workshop-object{0%{filter:brightness(0) drop-shadow(0 0 10px #19c9d53a);opacity:.3;transform:translateY(8px) scale(.96) rotate(-2deg)}35%{filter:brightness(0) drop-shadow(0 0 15px #7b4bef30);opacity:.65}80%{filter:brightness(1) drop-shadow(0 8px 9px #082b651a);opacity:1;transform:translateY(-3px) scale(1.02) rotate(0)}100%{filter:brightness(1) drop-shadow(0 8px 7px #082b650f);opacity:1;transform:none}}@keyframes workshop-line{from{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}@keyframes workshop-name{0%,55%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}@media(max-width:900px){.workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-slot h3{font-size:10px}.slot-actions{flex-direction:column}}@media(max-width:600px){.workshop-heading{gap:14px}.workshop-heading .eyebrow{font-size:10px;line-height:1.6}.workshop-heading h1{font-size:32px}.workshop-heading .xp-symbol{width:58px;height:64px;font-size:18px}.workshop-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;gap:8px}.workshop-tabs a{flex:none;font-size:10px;padding:12px}.showcase{padding:18px 12px}.showcase-top{flex-direction:column;align-items:flex-start;gap:8px}.showcase-top h2{font-size:23px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.showcase-slot{min-height:180px}.showcase-slot h3{font-size:11px}.slot-actions{flex-direction:row}.slot-actions button{min-height:44px}.workshop-grid{gap:12px}.workshop-tile{padding:14px 10px}.workshop-tile h3{font-size:14px;overflow-wrap:anywhere}.workshop-art{height:150px}.workshop-art:before{width:95px;height:95px}.workshop-tile .eyebrow{font-size:9px;line-height:1.6}.workshop-tile .primary,.workshop-tile .secondary{font-size:12px}.workshop-tile .name-edit{font-size:12px}.workshop-entry-grid{grid-template-columns:1fr;gap:12px}.workshop-goal{gap:14px;padding:18px}.workshop-goal .workshop-art{width:94px;min-width:94px;height:125px}.workshop-goal h3{font-size:18px}.workshop-goal p{font-size:12px}.workshop-goal .actions{flex-direction:column;align-items:stretch}.workshop-home{grid-template-columns:1fr;gap:16px}.showcase-compact{padding:10px}.showcase-compact .showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workshop-reveal .workshop-art{height:240px}.workshop-reveal .actions{flex-direction:column}dialog:has(.workshop-reveal){width:min(95vw,540px)}}@media(prefers-reduced-motion:reduce){.workshop-art img,.workshop-tile{transition:none}.workshop-reveal:before,.object-reveal img,.workshop-reveal h2,.workshop-reveal p{animation:none}.workshop-tile:hover,.workshop-tile:hover img{transform:none}}
@media(min-width:1101px) and (max-width:1450px){header{flex-wrap:wrap;gap:18px}header>nav{order:3;width:100%;justify-content:center}header>.header-right{margin-left:auto}}
/* A continuous digital shelf preserves the saved position order. */
.digital-showcase{background:radial-gradient(ellipse at 18% 10%,#dcfaff,transparent 55%),linear-gradient(145deg,#f8fbff,#edf0ff);border:1px solid #d3e4f6;border-radius:28px;padding:28px;overflow:hidden}.shelf-room{display:flex;flex-direction:column;gap:38px;padding:12px 6px 30px}.digital-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;align-items:end;padding-bottom:21px;min-height:220px}.digital-shelf:after{content:'';position:absolute;left:0;right:0;bottom:0;height:13px;border-radius:8px;background:linear-gradient(#8ae3f5 0 18%,#174779 28%,#233869);box-shadow:0 11px 16px -6px #655baf55,0 2px 0 #8c8cf499}.digital-showcase .showcase-slot{background:none;border:0;border-radius:0;min-height:180px;padding:10px 8px 0;display:flex;align-items:end;justify-content:center}.shelf-object{border:0;background:transparent;color:#102c56;width:100%;cursor:pointer;padding:0;font:inherit;border-radius:16px}.shelf-object:hover,.shelf-object:focus-visible{background:#ffffff99;outline:2px solid #5cbde5}.shelf-object .workshop-art{height:170px;max-width:100%;margin:0}.shelf-object .workshop-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 7px #20395828)}.shelf-object>span{display:block;font-size:13px;font-weight:700;min-height:36px;overflow-wrap:anywhere}.empty-place{border:0;background:none;color:#55718d;cursor:pointer;min-height:150px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:15px;font:inherit}.empty-place:hover{background:#fff8;border-radius:16px}.digital-showcase .shelf-edge{display:none}.digital-showcase.showcase-compact{padding:12px;min-width:0}.showcase-compact .digital-shelf{min-height:135px}.showcase-compact .showcase-slot{min-height:105px;padding:4px}.showcase-compact .workshop-art{height:110px}.showcase-compact .shelf-room{gap:0;padding:0 0 12px}.workshop-world-art{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin:8px 0}.workshop-world-art .collection-art{width:42px;height:42px}.fundstueck-info>.workshop-art{height:180px}.empty-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:55vh;overflow:auto}.empty-pick>button{display:flex;flex-direction:column;white-space:normal}.empty-pick .workshop-art{height:100px}.orb-float .workshop-art img{animation:shelf-breathe 7s ease-in-out infinite}@keyframes shelf-breathe{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.orb-float .workshop-art img{animation:none}}@media(max-width:600px){.digital-showcase{padding:18px 10px}.digital-shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;background:linear-gradient(transparent calc(50% - 9px),#4ca9d0 calc(50% - 8px),#203d70 calc(50% + 3px),transparent calc(50% + 4px))}.digital-showcase .showcase-slot{min-height:175px}.shelf-object .workshop-art{height:145px}.showcase-compact .digital-shelf{grid-template-columns:repeat(4,minmax(0,1fr));background:none;gap:0}.showcase-compact .showcase-slot{min-height:85px}.showcase-compact .workshop-art{height:85px}.showcase-top{display:block}.showcase-top .secondary{margin-top:12px}}
.workshop-world-art .world-art{flex:0 0 42px;width:42px;height:42px}.workshop-world-art .world-art img{width:100%;height:100%;object-fit:contain}.place-target{min-height:150px}.empty-place:focus-visible,.place-target:focus-visible{outline:2px solid #1477f2;border-radius:12px}
.workshop-item-WS-11 img{animation:crystal-light 9s ease-in-out infinite}.shelf-object:hover .workshop-item-WS-26 img{transform:rotate(-3deg)}@keyframes crystal-light{50%{filter:brightness(1.07) drop-shadow(0 0 8px #96bded)}}@media(prefers-reduced-motion:reduce){.workshop-item-WS-11 img{animation:none}.shelf-object:hover .workshop-item-WS-26 img{transform:none}}dialog{max-width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.showcase-compact .shelf-object>span{display:none}
@media(max-width:600px){.showcase-compact .digital-shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;background:linear-gradient(transparent calc(50% - 9px),#4ca9d0 calc(50% - 8px),#203d70 calc(50% + 3px),transparent calc(50% + 4px))}.showcase-compact .workshop-art{height:100px}.showcase-compact .showcase-slot{min-height:110px}.workshop-home{grid-template-columns:1fr}}
/* Reference-inspired, interactive exhibition: individual objects and saved slots. */
.reference-showcase{background:#f6fbff;border:1px solid #cbddeb;box-shadow:inset 0 0 0 5px #ffffffb0,0 10px 24px #17345d08;padding:28px;border-radius:24px}.reference-showcase .showcase-top>div{width:100%;position:relative}.reference-showcase .showcase-top h2{font-size:17px;font-weight:500;color:#536883;margin:10px 0}.reference-showcase .showcase-top>.secondary{display:none}.reference-showcase .showcase-top .eyebrow{font-size:30px;color:#102c56;letter-spacing:-.02em;font-weight:800}.showcase-stats{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.showcase-stats>span{border:1px solid #dae5f0;background:white;border-radius:14px;padding:12px 20px;font-size:12px}.showcase-stats b{font-size:24px;margin-right:8px}.reference-showcase .shelf-room{border:1px solid #d3e4ef;border-radius:18px;background:linear-gradient(100deg,#edf7fc80,#fff9,#edf4fb80);padding:20px 18px 26px;gap:32px;box-shadow:inset 2px 2px 6px #638dad12}.reference-showcase .digital-shelf{min-height:240px;padding-bottom:18px;gap:12px}.reference-showcase .digital-shelf:after{height:12px;border:1px solid #c7deeb;background:linear-gradient(#fff,#d7eaf4);box-shadow:0 9px 14px -8px #17477933}.reference-showcase .object-platform{position:relative;padding:8px 5px 16px;isolation:isolate}.reference-showcase .object-platform:after{content:'';position:absolute;left:6%;right:6%;bottom:6px;height:32px;border-radius:50% / 26%;border:1px solid #c5dde9;border-top:3px solid #9cdeed;background:linear-gradient(#f9fdff,#e6f1f8);box-shadow:0 6px 7px #233b5910;z-index:-1}.reference-showcase .shelf-object>span{font-size:12px;min-height:28px;padding:8px 5px 0;line-height:1.35}.reference-showcase .shelf-object .workshop-art{height:175px}.reference-showcase .empty-place{min-height:216px;justify-content:flex-end;padding-bottom:21px;gap:12px}.reference-showcase .empty-silhouette{width:76%;height:128px;border:1px solid #c0d6e6;background:linear-gradient(#ffffff75,#eaf4fa55);border-radius:18px;display:grid;place-items:center;font-size:42px;color:#85b8cf;margin:0}.reference-showcase .empty-place small{font-size:11px;line-height:1.4}.showcase-awards{margin:20px 0;padding:24px;background:#fafdff;border:1px solid #dce6f0}.showcase-award-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:16px}.showcase-award-grid button{background:transparent;border:0;border-radius:14px;min-width:0;color:#102c56;padding:8px 4px;cursor:pointer;font:inherit}.showcase-award-grid button:hover{background:#edf6fc}.showcase-award-grid .level-award-art{width:100%;height:100px}.showcase-award-grid strong,.showcase-award-grid span{display:block;font-size:11px;line-height:1.5}.showcase-award-grid .future .level-award-art{filter:grayscale(.9);opacity:.28}.showcase-awards>p{font-size:12px;color:#64758a;margin-bottom:0}.showcase-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;align-items:stretch;margin:20px 0}.showcase-bottom .workshop-goal{margin:0;min-width:0}.showcase-manage{display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#102c56}.showcase-manage h2{font-size:22px}.showcase-manage p{font-size:14px;line-height:1.65}.showcase-manage .secondary{align-self:flex-start}.reference-showcase.showcase-compact{padding:12px}.reference-showcase.showcase-compact .shelf-room{padding:8px;border:0}.reference-showcase.showcase-compact .digital-shelf{min-height:120px;gap:3px}.reference-showcase.showcase-compact .workshop-art{height:90px}.reference-showcase.showcase-compact .object-platform:after{height:17px;bottom:0}.reference-showcase.showcase-compact .empty-silhouette{height:75px;font-size:28px;margin-bottom:8px}.reference-showcase button:focus-visible,.showcase-award-grid button:focus-visible{outline:3px solid #1477f2;outline-offset:3px}.empty-pick[hidden]{display:none}
@media(max-width:950px){.showcase-award-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-bottom{grid-template-columns:1fr}.reference-showcase .shelf-object .workshop-art{height:145px}}
@media(max-width:600px){.reference-showcase{padding:20px 12px}.reference-showcase .showcase-top .eyebrow{font-size:25px}.showcase-stats>span{padding:10px 12px}.showcase-stats b{font-size:21px}.reference-showcase .shelf-room{padding:14px 6px 20px}.reference-showcase .digital-shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;background:linear-gradient(transparent calc(50% - 9px),#fff calc(50% - 8px),#d7eaf4 calc(50% + 3px),transparent calc(50% + 4px))}.reference-showcase .shelf-object .workshop-art{height:150px}.reference-showcase .showcase-slot{min-height:200px;padding:4px}.reference-showcase .empty-place{min-height:198px}.reference-showcase .empty-silhouette{height:125px}.showcase-award-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.showcase-award-grid .level-award-art{height:90px}.showcase-awards{padding:20px 12px}.reference-showcase.showcase-compact .digital-shelf{grid-template-columns:repeat(4,minmax(0,1fr));background:none}.reference-showcase.showcase-compact .showcase-slot{min-height:105px}.reference-showcase.showcase-compact .workshop-art{height:85px}.showcase-bottom .workshop-goal{flex-wrap:wrap}.showcase-bottom .workshop-goal>div:last-child{min-width:170px}}