/* Cursor Clicker factory: shared violet/cyan palette, playful workshop. */
:root{color-scheme:dark;--bg:#0b0d14;--card:#161a26;--line:#2d3043;--text:#f1f3fb;--muted:#a2a5bb;--purple:#a38aff;--cyan:#6ce4e0;--gold:#ffc96c;font-family:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 0,#29203e 0,transparent 52%),var(--bg);color:var(--text);min-width:320px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:1.5rem;letter-spacing:-.035em}small{font-size:.78rem;color:var(--muted)}
.header{height:86px;border-bottom:1px solid #ffffff0d;padding:0 max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;background:#0d0e18cc;gap:15px}.brand{display:flex;gap:13px;align-items:center;font-size:1.12rem;font-weight:800}.back-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a38aff66;border-radius:13px;background:#a38aff14;color:#c9baff;font-size:2rem;line-height:1;transition:background .15s ease,transform .15s ease}.brand:hover .back-arrow{background:#a38aff2b;transform:translateX(-2px)}.brand:focus-visible .back-arrow{outline:3px solid var(--cyan);outline-offset:3px}.brand small{display:block;font-size:.65rem;font-weight:400;margin-top:3px}.cursor{display:block;width:28px;height:36px;background:currentColor;clip-path:polygon(0 0,100% 69%,61% 70%,78% 94%,55% 100%,40% 75%,12% 96%);transform:rotate(-13deg)}.brand-icon{color:var(--purple)}.header-right{display:flex;gap:24px;align-items:center}.preview-tag{font-size:.7rem;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:5px 10px}.wallet{display:flex;align-items:center;gap:10px}.wallet small{display:block;font-size:.65rem}.wallet strong{font-size:1.13rem;font-variant-numeric:tabular-nums}.coin{display:inline-grid;place-items:center;width:32px;height:32px;background:#ffc965;color:#79501c;border:3px solid #e9a744;box-shadow:inset 0 0 0 2px #ffe199,0 3px 0 #805321;border-radius:50%;font-weight:900;font-size:16px;font-style:normal}
main{max-width:1360px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 12px 29px}.eyebrow{font-size:.62rem;letter-spacing:.16em;font-weight:800;color:var(--purple);margin-bottom:9px}h1{font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.06em;line-height:1.08}h1 span{color:var(--purple)}.intro p:last-child{font-size:.84rem;line-height:1.7;color:var(--muted);margin-top:13px}.intro-art{position:relative;width:260px;height:180px;margin-right:12%;background:radial-gradient(ellipse,#a38aff20,transparent 67%)}.art-cursor{position:absolute;left:90px;top:27px;width:82px;height:112px;color:var(--purple);filter:drop-shadow(0 0 12px #9670ff);animation:bob 4s ease-in-out infinite}.art-coin{position:absolute;left:178px;top:96px;width:44px;height:44px;font-size:20px}.spark{position:absolute;color:var(--gold);font-size:26px}.s1{top:12px;right:32px}.s2{left:46px;bottom:30px;font-size:18px;color:var(--cyan)}.art-label{position:absolute;bottom:2px;left:76px;border:1px solid #64538d;background:#201d31;border-radius:10px;padding:7px 12px;color:var(--cyan);font-size:.65rem;font-weight:800;transform:rotate(-6deg)}
.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:24px;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-size:.84rem;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center}.tabs button:hover{background:#ffffff06;color:var(--text)}.tabs button[aria-current]{background:#a38aff1a;border-color:#a38aff44;color:#d7caff}.tabs button span:first-child{font-size:1.1rem}.count{font-size:.6rem;padding:3px 6px;background:#ffffff0c;border-radius:5px}
.factory-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.workshop{border:1px solid #393249;border-radius:20px;background:#1b1a28;box-shadow:0 15px 40px #0002;min-width:0}.workshop-heading{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workshop-heading h2{font-size:1.2rem}.workshop-heading .eyebrow{font-size:.55rem}.running{font-size:.65rem;color:#a5d6b7;white-space:nowrap;display:flex;gap:6px;align-items:center}.running i{width:6px;height:6px;border-radius:50%;background:#88d8a5}.hall{padding:0 22px;background:linear-gradient(#282235 0 70%,#423044 70%,#2e2435);border-block:1px solid #59455c}.wall{height:95px;display:flex;align-items:center;justify-content:space-around}.window{width:78px;height:54px;border:5px solid #524459;border-bottom-width:9px;border-radius:30px 30px 3px 3px;background:linear-gradient(#635b98,#ac8fb0);display:flex;box-shadow:0 4px 0 #1b1724}.window i{flex:1;border:1px solid #524459}.factory-sign{display:flex;gap:9px;align-items:center;font-size:.75rem;font-weight:900;color:#dac9ec;letter-spacing:.12em;transform:rotate(-2deg);background:#34293f;border:3px solid #57435d;padding:9px 14px;box-shadow:0 4px 0 #1c1627}.factory-sign .cursor{width:14px;height:18px;color:var(--gold)}
.stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.station{position:relative;text-align:center;min-width:0}.station-number{font-size:.55rem;color:#c5abc8;letter-spacing:.12em;display:block;margin:4px 0 12px}.desk-scene{height:137px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px}.worker{position:relative;width:60px;height:90px;flex-shrink:0;--outfit:#a38aff}.worker .head{position:absolute;top:10px;left:11px;width:39px;height:38px;border-radius:12px 12px 15px 15px;background:#edbd96;border:2px solid #805c55;z-index:2}.worker .head:before{content:"";position:absolute;top:16px;left:9px;width:4px;height:5px;background:#33263f;border-radius:2px;box-shadow:14px 0 #33263f}.worker .head:after{content:"";position:absolute;bottom:6px;left:15px;width:8px;height:4px;border-bottom:2px solid #9f6b62;border-radius:50%}.worker .hat{position:absolute;left:6px;top:3px;width:49px;height:20px;background:var(--outfit);border-radius:18px 18px 4px 4px;border-bottom:5px solid #0002;z-index:3}.worker .torso{position:absolute;bottom:2px;left:7px;width:48px;height:42px;background:var(--outfit);border:2px solid #0003;border-radius:13px 13px 4px 4px}.worker .torso:after{content:"";position:absolute;left:13px;top:7px;width:18px;height:23px;background:#222033;border:2px solid #ffffff18;border-radius:3px}.worker .arm{position:absolute;bottom:8px;left:44px;width:30px;height:12px;border-radius:9px;background:#edbd96;border:2px solid #805c55;z-index:4;transform-origin:left;animation:tap .75s ease-in-out infinite}.monitor{position:relative;width:65px;height:59px;border:5px solid #766181;border-bottom-width:10px;border-radius:7px;background:#222333;box-shadow:3px 3px 0 #1b1427;display:grid;place-items:center;align-self:center;margin-top:22px}.monitor:after{content:"";position:absolute;width:10px;height:20px;background:#766181;bottom:-29px}.monitor .cursor{color:var(--outfit);width:19px;height:26px;animation:clickpop .75s ease-in-out infinite}.desk{height:12px;background:#b38372;border:2px solid #694857;border-radius:4px;box-shadow:0 5px 0 #54394c;position:relative;z-index:5}.desk:before,.desk:after{content:"";position:absolute;top:10px;width:9px;height:18px;background:#745062}.desk:before{left:12px}.desk:after{right:12px}.click-bubble{position:absolute;right:7px;top:18px;font-size:.62rem;font-weight:800;color:#ffe4a9;animation:floatcoin 1.5s ease-out infinite}.station-button{width:100%;margin:25px 0 9px;border:1px solid #665173;background:#272132;border-radius:10px;padding:10px 4px;display:grid;gap:3px}.station-button:hover{border-color:var(--purple);background:#35283f}.station-button strong{font-size:.8rem}.station-button small{font-size:.6rem;color:var(--cyan)}.station.empty .desk-scene{opacity:.45}.empty-seat{width:60px;height:65px;border:2px dashed #8e779e;border-radius:15px;display:grid;place-items:center;font-size:26px;color:#b99fcc;margin-bottom:8px}.boost-chip{position:absolute;top:16px;left:0;font-size:.52rem;color:var(--cyan);background:#25343c;border:1px solid #6ce4e066;border-radius:12px;padding:4px 6px;z-index:8}
.conveyor{height:48px;margin:8px -5px 0}.belt{height:28px;border:4px solid #716077;border-radius:30px;background:repeating-linear-gradient(90deg,#2e293b 0 16px,#484051 16px 19px);position:relative;overflow:hidden}.belt .coin{width:18px;height:18px;font-size:8px;border-width:2px;position:absolute;top:1px;animation:travel 7s linear infinite}.belt .coin:nth-child(2){animation-delay:-1.75s}.belt .coin:nth-child(3){animation-delay:-3.5s}.belt .coin:nth-child(4){animation-delay:-5.25s}.belt-feet{height:14px;border-inline:6px solid #67536b;width:78%;margin:auto}.floor-caption{text-align:center;font-size:.62rem;color:#c4b0c9;padding:0 0 17px}.floor-caption span{color:var(--gold);margin-right:5px}.workshop-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 20px;font-size:.6rem;color:var(--muted)}.workshop-footer button{background:none;border:0;color:var(--purple);font-size:.6rem}
.earnings{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#222033,#171923);padding:23px;display:flex;flex-direction:column;align-items:center}.earnings-symbol{margin-bottom:17px;width:45px;height:45px;font-size:22px}.earnings .eyebrow{font-size:.53rem;text-align:center}.earnings h2{font-size:2rem;margin-bottom:23px;text-align:center}.earnings h2 small{font-size:.73rem}.earning-detail{width:100%;display:flex;justify-content:space-between;gap:8px;font-size:.65rem;margin-bottom:10px;color:var(--muted)}.earning-detail strong{color:#d3cce7;font-size:.63rem}.stash{width:100%;text-align:center;border-top:1px solid var(--line);padding-top:19px;margin-top:8px}.stash span,.stash small{display:block;font-size:.64rem;color:var(--muted)}.stash strong{display:block;color:var(--gold);font-size:2rem;margin:3px 0}.button{border:1px solid var(--line);border-radius:11px;padding:12px 18px;background:#242333;font-weight:750;font-size:.8rem}.button:hover:not(:disabled){filter:brightness(1.15)}.button.primary{background:#9876e9;color:#fff;border-color:#b291ff;box-shadow:0 4px 0 #503a7b}.earnings .button{width:100%;margin-top:18px}.offline-note{margin-top:19px;text-align:center;color:var(--muted);font-size:.63rem;line-height:1.8}.offline-note span{color:var(--purple)}.active-boosts{font-size:.65rem;color:var(--cyan);margin-top:12px;text-align:center}
.next-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.next-card{display:flex;align-items:center;gap:17px;padding:19px 22px;background:#171925;border:1px solid var(--line);border-radius:15px;text-align:left}.next-card:hover{border-color:#8d75b2}.next-card strong{font-size:.8rem;display:block}.next-card small{display:block;font-size:.66rem;margin-top:5px;line-height:1.5}.arrow{margin-left:auto;color:var(--purple)}.mini-box{width:37px;height:32px;background:#9a716c;border:3px solid #d4a08a;border-radius:7px;color:#fff0d0;display:grid;place-items:center;font-weight:900;flex-shrink:0}.mini-potion{width:29px;height:38px;margin-inline:4px;border:3px solid #cbb2ff;border-radius:7px 7px 14px 14px;background:#8760cd;display:grid;place-items:center;color:white;flex-shrink:0}
.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:28px 0}.section-heading p:last-child{color:var(--muted);font-size:.85rem;margin-top:9px;line-height:1.6}.search-label{display:grid;gap:5px;font-size:.65rem;color:var(--muted)}input{border:1px solid var(--line);background:var(--card);border-radius:10px;color:var(--text);padding:10px}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.employee-card{border:1px solid var(--line);border-top:3px solid var(--rarity);border-radius:15px;background:var(--card);padding:18px;text-align:center}.employee-card .worker{margin:8px auto 15px}.employee-card h3{font-size:1rem}.rarity-label{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--rarity);display:block;margin:6px 0}.employee-card p{color:var(--muted);font-size:.75rem;margin:6px 0}.employee-card .button{width:100%;margin-top:12px}.unknown{filter:grayscale(1);opacity:.55}.empty-message{color:var(--muted);padding:35px}
.box-grid,.potion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.shop-card{border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 50% 20%,var(--glow),transparent 55%),var(--card);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;--glow:#a38aff1c}.shop-card h3{font-size:1.1rem}.shop-card p{font-size:.77rem;color:var(--muted);line-height:1.7;margin:8px 0 15px;min-height:42px}.shop-card .button{width:100%;margin-top:13px}.treasure{position:relative;width:125px;height:94px;margin:28px auto 30px;background:#8b5d60;border:4px solid #d4a079;border-radius:18px 18px 12px 12px;box-shadow:0 9px 0 #483343;transform:rotate(-6deg)}.treasure:before{content:"";position:absolute;left:-4px;right:-4px;height:32px;top:-6px;background:#aa7b71;border:4px solid #d4a079;border-radius:18px 18px 5px 5px}.treasure:after{content:"";position:absolute;inset:0 20px;border-inline:9px solid #d4a079}.treasure span{position:absolute;z-index:2;left:43px;top:32px;background:#ffc96c;color:#6f472c;border:3px solid #ffe0a0;width:33px;height:33px;border-radius:7px;display:grid;place-items:center;font-weight:900}.treasure.violet{filter:hue-rotate(238deg) saturate(.9)}.treasure.blue{filter:hue-rotate(150deg)}.odds{width:100%;text-align:left;margin-top:auto}.odds-row{display:grid;grid-template-columns:85px 1fr 33px;align-items:center;gap:7px;margin:8px 0;font-size:.6rem}.odds-row i{height:4px;background:#ffffff0c;border-radius:5px}.odds-row b{display:block;height:100%;background:var(--rarity);border-radius:5px}.odds-row strong{text-align:right}.bottle{width:72px;height:100px;background:linear-gradient(100deg,#ffffff44,transparent 45%),linear-gradient(0deg,var(--liquid) 65%,#c5c0eb33 65%);border:5px solid #c5b9e0;border-radius:14px 14px 30px 30px;position:relative;margin:28px 0 24px;box-shadow:0 7px 0 #0003;display:grid;place-items:center;font-weight:900;font-size:24px;color:white}.bottle:before{content:"";position:absolute;width:26px;height:17px;background:#a78071;border:3px solid #d2ad8a;top:-23px;border-radius:3px}.bottle:after{content:"";position:absolute;width:38px;height:12px;border:4px solid #c5b9e0;background:#4a3c60;top:-14px;border-radius:4px}.potion-stock{color:var(--cyan);font-size:.75rem}.potion-actions{margin-top:auto;width:100%}
footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff09;margin-top:36px;padding:20px 0 30px;color:#9391a7;font-size:.65rem}footer strong{color:#c7bddb}
dialog{color:var(--text);width:min(580px,calc(100% - 30px));max-height:85vh;border:1px solid #756090;border-radius:22px;background:#1c1b2a;padding:25px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#090914bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:1px solid var(--line);border-radius:50%;background:#282638;width:32px;height:32px;font-size:22px}.dialog-top .eyebrow{margin:0}dialog h2{margin:12px 0 20px}dialog p{color:var(--muted);font-size:.8rem;line-height:1.65}.picker{display:grid;gap:9px}.pick-row{display:flex;gap:12px;align-items:center;text-align:left;background:#252234;border:1px solid #453853;padding:12px;border-radius:12px}.pick-row:hover{border-color:var(--purple)}.pick-row .worker{transform:scale(.6);margin:-18px -7px;width:60px;flex:none}.pick-row small{display:block;font-size:.66rem;margin-top:3px}.pick-row .pick-arrow{margin-left:auto;color:var(--purple)}.drop{text-align:center;padding-bottom:10px}.drop .worker{margin:25px auto;transform:scale(1.3)}.drop h3{font-size:1.6rem}.drop .button{margin-top:20px}.opening .treasure{animation:shake .35s infinite}.opening{text-align:center;padding:30px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;background:#342a49;border:1px solid #9677be;border-radius:13px;padding:14px 20px;max-width:calc(100vw - 30px);font-size:.8rem;box-shadow:0 10px 30px #0005;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes bob{50%{transform:translateY(-8px) rotate(-10deg)}}@keyframes tap{50%{transform:rotate(13deg)}}@keyframes clickpop{50%{transform:scale(.85) rotate(-13deg)}}@keyframes floatcoin{from{opacity:0;transform:translateY(12px)}35%{opacity:1}to{opacity:0;transform:translateY(-15px)}}@keyframes travel{from{left:-25px}to{left:105%}}@keyframes shake{25%{transform:rotate(5deg)}75%{transform:rotate(-8deg)}}
.no-motion *, .no-motion *:before, .no-motion *:after{animation:none!important}
@media(min-width:1500px){.intro{padding-block:36px}.hall{padding-inline:30px}.desk-scene{height:155px}}
@media(max-width:1000px){.factory-layout{grid-template-columns:1fr}.earnings{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;text-align:center;align-items:center}.earnings-symbol{display:none}.earnings .eyebrow,.earnings h2{grid-column:1;margin:0}.earning-detail{grid-column:1}.stash{grid-column:2;grid-row:1/4;margin:0;border:0;padding:0}.earnings .button{grid-column:2;grid-row:4/6;margin:0}.offline-note{grid-column:1/3;margin:8px 0}.active-boosts{grid-column:1/3}.intro-art{margin-right:3%}.box-grid,.potion-grid{gap:12px}.shop-card{padding:19px 14px}}
@media(max-width:680px){main{padding:0 15px}.header{padding:0 17px;height:75px}.brand small,.preview-tag{display:none}.intro{padding:28px 4px}.intro-art{width:115px;height:150px;margin:0}.art-cursor{left:20px;top:32px;width:58px;height:80px}.art-coin{left:70px;top:95px;width:30px;height:30px;font-size:13px}.art-label{left:5px;bottom:0;font-size:.5rem}.s1{right:10px;top:10px}.s2{left:0;bottom:22px}.intro p:last-child{font-size:.75rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tabs button{font-size:.73rem;padding:10px 8px;justify-content:center}.workshop-heading{padding:17px 15px}.workshop-heading h2{font-size:1.04rem}.running{font-size:.55rem}.hall{padding:0 12px}.stations{gap:7px}.wall{height:85px}.window{width:42px;height:43px}.factory-sign{font-size:.55rem;padding:8px;gap:7px}.desk-scene{height:115px;gap:0}.desk-scene .worker{width:45px;transform:scale(.78);transform-origin:bottom left;margin-right:-4px}.monitor{width:38px;height:43px;border-width:3px;border-bottom-width:7px;margin-top:33px}.monitor .cursor{width:13px;height:18px}.monitor:after{height:18px;bottom:-23px}.click-bubble{font-size:.52rem;right:0;top:12px}.station-button{padding:8px 1px}.station-button strong{font-size:.63rem}.station-button small{font-size:.49rem}.boost-chip{font-size:.44rem;top:23px}.station-number{font-size:.46rem}.floor-caption{font-size:.51rem}.workshop-footer{padding:11px;font-size:.5rem;align-items:center}.workshop-footer button{font-size:.52rem}.next-steps{grid-template-columns:1fr;gap:10px}.next-card{padding:16px}.section-heading{display:block}.search-label{margin-top:15px}.box-grid,.potion-grid{grid-template-columns:1fr}.shop-card{padding:24px}.odds{max-width:310px}.shop-card .button{max-width:330px}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-card{padding:14px 8px}.employee-card h3{font-size:.88rem}.employee-card .button{padding:10px 7px;font-size:.7rem}footer{flex-direction:column;font-size:.6rem}.earnings{padding:20px 15px;gap:8px 15px}.earnings h2{font-size:1.55rem}.earnings h2 small{font-size:.6rem}.earning-detail{font-size:.55rem}.earning-detail strong{font-size:.54rem}.earnings .button{font-size:.7rem;padding:10px}.earnings .eyebrow{font-size:.47rem}.stash strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Impressum und Datenschutz muessen von jeder Seite erreichbar sein (§ 5 DDG, Art. 12 DSGVO). */
footer nav a{color:inherit;text-decoration:none}footer nav a:hover,footer nav a:focus-visible{color:#c7bddb;text-decoration:underline}