:root{color-scheme:dark;--bg: #05060d;--surface: #111827;--surface-muted: #0b1020;--text: #fff7d6;--muted: #b7c1d9;--border: #3c4868;--accent: #5ff3ff;--accent-dark: #217cc9;--accent-soft: #102b36;--pixel-yellow: #ffd15c;--pixel-pink: #ff5ca8;--pixel-green: #66ff8a;--pixel-red: #ff4d5e;--shadow: 8px 8px 0 rgba(0, 0, 0, .62)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,#0b1020 0%,var(--bg) 58%,#02030a 100%);background-size:18px 18px,18px 18px,auto;color:var(--text);font-family:Lucida Console,Courier New,Consolas,ui-monospace,SFMono-Regular,monospace;line-height:1.6;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricPrecision;overflow-y:scroll}body.is-project-opening{overflow:hidden;overscroll-behavior:none}a{color:inherit;text-decoration:none}main,.project-page{position:relative;z-index:1}.drift-mx5-scene{position:fixed;z-index:22;inset:0;pointer-events:none;overflow:hidden}.drift-mx5-button{position:absolute;left:0;top:58vh;width:clamp(300px,36vw,540px);aspect-ratio:1590 / 503;height:auto;padding:0;background:transparent;border:0;cursor:pointer;pointer-events:auto;opacity:.54;filter:drop-shadow(8px 9px 0 rgba(0,0,0,.44));transform-origin:50% 68%;animation:mx5-drive-across 62s linear infinite}.drift-mx5-button:before,.drift-mx5-button:after{position:absolute;z-index:-1;left:3%;width:88%;height:5px;content:"";background:linear-gradient(90deg,transparent 0 10px,rgba(216,245,255,.22) 10px 36px,transparent 36px 50px);background-size:50px 7px;opacity:.22;transform-origin:center}.drift-mx5-button:before{top:87%;transform:rotate(0)}.drift-mx5-button:after{top:93%;transform:rotate(0)}.drift-mx5-button:hover,.drift-mx5-button:focus-visible{opacity:.86;outline:0;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(158,220,255,.55))}.drift-mx5{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.mx5-wheel-spin,.mx5-wheel-spark{position:absolute;z-index:2;pointer-events:none;border-radius:50%}.mx5-wheel-spin{top:73.7%;width:clamp(34px,3.95vw,60px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.98) 0 7%,rgba(18,22,28,.95) 8% 15%,transparent 16%),conic-gradient(from 12deg,#fffffffa 0deg 9deg,#282c329e 9deg 29deg,#12161ceb 29deg 72deg,#d2e0ebe0 72deg 84deg,#14181ea8 84deg 103deg,#12161ceb 103deg 145deg,#ffffffeb 145deg 157deg,#1e2228a8 157deg 177deg,#12161ceb 177deg 221deg,#bee1f5d1 221deg 234deg,#1e2228a8 234deg 255deg,#12161ceb 255deg 300deg,#ffffffc7 300deg 311deg,#12161ceb 311deg 360deg);border:clamp(2px,.28vw,4px) solid rgba(238,242,245,.9);box-shadow:inset 0 0 0 3px #000000c7,inset 0 0 0 9px #ebf0f52e,0 0 6px #e6f5ff57;opacity:.86;transform:translate(-50%,-50%) rotate(0);animation:mx5-wheel-spin .19s linear infinite}.mx5-wheel-spin:before,.mx5-wheel-spin:after{position:absolute;inset:43% 10%;content:"";background:#f5faffbd;box-shadow:0 0 0 1px #05080cb8,0 0 5px #ffffff52}.mx5-wheel-spin:after{transform:rotate(74deg)}.mx5-wheel-spin-front{left:45%}.mx5-wheel-spin-rear{left:83.75%}.mx5-wheel-spark{width:clamp(7px,.82vw,13px);aspect-ratio:1;background:#fffbea;box-shadow:0 -8px #ffffffe6,8px 0 #ffffffe6,0 8px #9ce2ffb8,-8px 0 #9ce2ffb8,0 0 12px #fffffffa,0 0 22px #76d5ff6b;opacity:0;transform:translate(-50%,-50%) scale(.55);animation:mx5-chrome-sparkle 4.2s steps(1,end) infinite}.mx5-wheel-spark-front{left:46.3%;top:69.5%;animation-delay:.7s}.mx5-wheel-spark-rear{left:85%;top:69.4%;animation-delay:2.15s}.mx5-smoke{position:absolute;z-index:0;left:92%;top:79%;width:clamp(120px,15vw,230px);height:clamp(44px,5.8vw,88px);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.65);image-rendering:pixelated;background:linear-gradient(#6f7898,#6f7898) 0 44% / 15% 22% no-repeat,linear-gradient(#59627f,#59627f) 9% 28% / 14% 24% no-repeat,linear-gradient(#8f9bbb,#8f9bbb) 18% 48% / 14% 26% no-repeat,linear-gradient(#d7e8ff,#d7e8ff) 28% 34% / 17% 34% no-repeat,linear-gradient(#b7c5df,#b7c5df) 39% 58% / 14% 28% no-repeat,linear-gradient(#edf7ff,#edf7ff) 49% 24% / 19% 38% no-repeat,linear-gradient(#b4bed8,#b4bed8) 63% 46% / 15% 30% no-repeat,linear-gradient(#e3f0ff,#e3f0ff) 75% 26% / 15% 30% no-repeat,linear-gradient(#8790ad,#8790ad) 86% 54% / 10% 24% no-repeat,linear-gradient(#f2f9ff,#f2f9ff) 96% 40% / 7% 16% no-repeat;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.28));animation:mx5-smoke-puffs 62s steps(1,end) infinite}.mx5-smoke:before,.mx5-smoke:after{position:absolute;content:"";image-rendering:pixelated;background:linear-gradient(#9ca8c8,#9ca8c8) 4% 70% / 10% 22% no-repeat,linear-gradient(#eff8ff,#eff8ff) 25% 10% / 8% 18% no-repeat,linear-gradient(#6c7694,#6c7694) 36% 20% / 9% 18% no-repeat,linear-gradient(#dcecff,#dcecff) 57% 68% / 11% 22% no-repeat,linear-gradient(#a4afce,#a4afce) 80% 9% / 8% 17% no-repeat,linear-gradient(#f4fbff,#f4fbff) 94% 67% / 7% 14% no-repeat}.mx5-smoke:before{inset:-16% 3% 8% -5%}.mx5-smoke:after{inset:12% -6% -14% 10%;opacity:.72;transform:scale(.86)}.mx5-smoke-soft{left:88%;top:86%;width:clamp(95px,12vw,185px);height:clamp(30px,4.2vw,66px);opacity:0;background:linear-gradient(#5d657eb8,#5d657eb8) 0 52% / 18% 26% no-repeat,linear-gradient(#97a1beb3,#97a1beb3) 18% 35% / 18% 34% no-repeat,linear-gradient(#ddeeffc7,#ddeeffc7) 42% 50% / 22% 42% no-repeat,linear-gradient(#8f99b7a3,#8f99b7a3) 68% 62% / 18% 30% no-repeat,linear-gradient(#f1f9ffd1,#f1f9ffd1) 90% 44% / 12% 24% no-repeat;animation-delay:.18s}@keyframes mx5-wheel-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mx5-chrome-sparkle{0%,72%,79%,to{opacity:0;transform:translate(-50%,-50%) scale(.55)}74%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}76%{opacity:.55;transform:translate(-50%,-50%) scale(.82)}}@keyframes mx5-drive-across{0%{top:66vh;transform:translate3d(-48vw,0,0) scale(.72) scaleX(-1);opacity:0}4%{top:66vh;transform:translate3d(-42vw,0,0) scale(.72) scaleX(-1);opacity:0}7%{opacity:.46}33%{top:66vh;transform:translate3d(112vw,0,0) scale(.72) scaleX(-1);opacity:.46}36%{top:66vh;transform:translate3d(120vw,0,0) scale(.72) scaleX(-1);opacity:0}38%{top:42vh;transform:translate3d(122vw,0,0) scale(1.12) scaleX(1);opacity:0}41%{opacity:.68}58%{top:42vh;transform:translate3d(-42vw,0,0) scale(1.12) scaleX(1);opacity:.68}61%{top:42vh;transform:translate3d(-50vw,0,0) scale(1.12) scaleX(1);opacity:0}63%{top:56vh;transform:translate3d(-50vw,0,0) scale(.9) scaleX(-1);opacity:0}66%{opacity:.56}88%{top:56vh;transform:translate3d(112vw,0,0) scale(.9) scaleX(-1);opacity:.56}91%{top:56vh;transform:translate3d(120vw,0,0) scale(.9) scaleX(-1);opacity:0}93%{top:72vh;transform:translate3d(120vw,0,0) scale(.78) scaleX(1);opacity:0}96%{opacity:.48}99%{top:72vh;transform:translate3d(-42vw,0,0) scale(.78) scaleX(1);opacity:.48}to{top:72vh;transform:translate3d(-50vw,0,0) scale(.78) scaleX(1);opacity:0}}@keyframes mx5-smoke-puffs{0%,8%,20%,31%,47%,59%,73%,84%,to{opacity:0;transform:translate(-50%,-50%) scale(.5)}10%,12%,37%,39%,43%,56%,89%,92%,96%,99%{opacity:.82;transform:translate(-70%,-52%) scale(1.05)}14%,41%,57%,94%,98%{opacity:.54;transform:translate(-96%,-62%) scale(1.42)}24%,26%,64%,67%,79%{opacity:.24;transform:translate(-62%,-48%) scale(.82)}97%{opacity:.88;transform:translate(-104%,-66%) scale(1.72)}}.site-header{position:sticky;top:0;z-index:10;background:#05060df5;border-bottom:4px solid var(--border)}.nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:0 auto;padding:18px 24px}.logo{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;border:0;background:transparent;color:inherit;font-size:1.1rem;font-weight:900;font-family:inherit;cursor:pointer}.logo img{width:42px;height:42px;border:3px solid var(--text);border-radius:50%;background:#fff;object-fit:cover;image-rendering:crisp-edges;box-shadow:4px 4px #000}.nav-links{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:clamp(12px,1.5vw,24px);justify-content:center;color:var(--muted);font-size:clamp(.76rem,.82vw,.92rem);font-weight:900;text-transform:uppercase;min-width:300px}.nav-links button{padding:0;background:transparent;border:0;color:inherit;font:inherit;font-weight:900;text-transform:uppercase;cursor:pointer}.nav-links button:hover,.nav-links button:focus-visible{color:var(--pixel-yellow);outline:0;text-shadow:3px 3px 0 #000}.nav-actions{display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;gap:8px;justify-content:flex-end;min-width:0}.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 clamp(8px,.85vw,14px);background:var(--surface);border:3px solid var(--border);border-radius:0;color:var(--text);font-size:clamp(.68rem,.72vw,.82rem);font-weight:900;text-transform:uppercase;white-space:nowrap}.nav-button:hover{border-color:var(--pixel-yellow);color:var(--pixel-yellow);box-shadow:4px 4px #000}.search-form{display:flex;flex:0 1 340px;align-items:center;width:clamp(230px,22vw,360px);max-width:360px;margin-left:0;min-height:38px;overflow:hidden;background:var(--surface-muted);border:3px solid var(--border);border-radius:0}.search-form:focus-within{border-color:var(--accent);box-shadow:4px 4px #000}.search-form input{flex:1 1 auto;width:0;min-width:90px;min-height:38px;padding:0 12px;background:transparent;border:0;color:var(--text);font:inherit;font-size:.88rem;font-weight:900;outline:0}.search-form input::placeholder{color:#a9b4c7b8}.search-form button{flex:0 0 auto;min-height:38px;padding:0 12px;background:#142842;border:0;border-left:3px solid var(--border);color:var(--accent);font:inherit;font-size:.88rem;font-weight:900;text-transform:uppercase;cursor:pointer}.search-form button:hover{background:#1e3f61}.auth-nav-button{gap:8px;min-width:48px;padding:0 10px}.pixel-switch{position:relative;display:inline-block;width:34px;height:18px;background:#080d17;border:3px solid var(--border);box-shadow:2px 2px #000,inset 0 0 0 2px #0006}.pixel-switch:after{position:absolute;top:3px;left:2px;width:9px;height:6px;content:"";background:#2d3447;box-shadow:0 6px #0000006b}.pixel-switch-lit{border-color:var(--pixel-yellow);background:radial-gradient(circle at 75% 50%,rgba(255,209,92,.52),transparent 46%),#141506;box-shadow:2px 2px #000,0 0 10px #ffd15c7a,inset 0 0 0 2px #ffd15c29}.pixel-switch-lit:after{left:17px;background:var(--pixel-yellow);box-shadow:0 6px #8a5b0085,0 0 8px #ffd15ceb}.pixel-switch-dark:after{left:2px;background:#2d3447}.pixel-roller-symbol{position:relative;display:inline-block;width:24px;height:24px;color:var(--pixel-yellow);filter:drop-shadow(2px 2px 0 #000)}.pixel-roller-symbol:before,.pixel-roller-symbol:after{position:absolute;content:"";background:currentColor}.roller-up:before{top:3px;left:8px;width:8px;height:8px;box-shadow:-4px 4px 0 currentColor,4px 4px 0 currentColor}.roller-up:after{top:13px;left:10px;width:4px;height:8px}.roller-down:before{bottom:3px;left:8px;width:8px;height:8px;box-shadow:-4px -4px 0 currentColor,4px -4px 0 currentColor}.roller-down:after{top:3px;left:10px;width:4px;height:8px}.roller-stop{color:var(--accent)}.roller-stop:before{inset:6px;border:3px solid #061018;background:currentColor;box-shadow:0 0 8px #5ff3ffa3}.shelly-floating-stack{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:35;display:grid;gap:10px;justify-items:end}.shelly-add-button{display:grid;width:48px;height:48px;place-items:center;background:var(--surface);border:4px solid var(--pixel-yellow);color:var(--pixel-yellow);font:inherit;font-size:1.6rem;font-weight:900;box-shadow:6px 6px #000;cursor:pointer}.shelly-add-button:hover,.shelly-add-button:focus-visible{background:#171100;outline:0}.shelly-floating-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:178px;min-height:54px;padding:0 18px;overflow:hidden;background:linear-gradient(90deg,rgba(95,243,255,.12),transparent),var(--surface);border:4px solid var(--border);color:var(--text);font:inherit;font-size:.82rem;font-weight:900;text-transform:uppercase;box-shadow:7px 7px #000;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.shelly-floating-button:before{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(90deg,#5ff3ff5c,#ffd15c47);opacity:.56;pointer-events:none;transform:scaleX(0);transform-origin:left}.shelly-floating-button>*{position:relative;z-index:1}.shelly-floating-button:hover,.shelly-floating-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.shelly-floating-button:disabled{cursor:wait}.shelly-device-shell{display:grid;gap:8px;justify-items:end;touch-action:none}.shelly-roller-control{position:relative;isolation:isolate;display:grid;gap:8px;min-width:178px;padding:10px;overflow:hidden;background:linear-gradient(90deg,rgba(255,209,92,.14),transparent),var(--surface);border:4px solid var(--border);color:var(--text);box-shadow:7px 7px #000;touch-action:none;-webkit-user-select:none;user-select:none}.shelly-roller-control:before{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(90deg,#ffd15c5c,#5ff3ff3d);opacity:.56;pointer-events:none;transform:scaleX(0);transform-origin:left}.shelly-roller-control>*{position:relative;z-index:1}.shelly-roller-name{font-size:.76rem;font-weight:900;text-align:center;text-transform:uppercase}.shelly-roller-actions{display:grid;grid-template-columns:repeat(3,44px);gap:8px;justify-content:center}.shelly-roller-button{display:grid;width:44px;height:40px;place-items:center;background:var(--surface-muted);border:3px solid var(--border);color:var(--accent);font:inherit;font-size:1rem;font-weight:900;box-shadow:4px 4px #000;cursor:pointer}.shelly-roller-button:hover,.shelly-roller-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.shelly-roller-button:disabled{cursor:wait;opacity:.7}.shelly-manage-actions{display:grid;grid-template-columns:repeat(3,34px);gap:6px;justify-content:end}.shelly-manage-actions button{display:grid;width:34px;height:30px;place-items:center;background:#142842;border:3px solid var(--border);color:var(--accent);font:inherit;font-size:.78rem;font-weight:900;box-shadow:3px 3px #000;cursor:pointer}.shelly-manage-actions button:hover,.shelly-manage-actions button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.shelly-floating-dragging{opacity:.72;transform:translate(-12px)}.shelly-trash-zone{position:fixed;left:20px;bottom:max(18px,env(safe-area-inset-bottom));z-index:36;display:grid;min-width:150px;min-height:64px;place-items:center;background:#22070d;border:4px solid var(--pixel-red);color:var(--pixel-red);font-weight:900;text-transform:uppercase;box-shadow:7px 7px #000;opacity:0;pointer-events:none;transform:translate(-18px);transition:opacity .16s ease,transform .16s ease,background .16s ease}.shelly-trash-zone-visible{opacity:1;transform:translate(0)}.shelly-trash-zone-active{background:var(--pixel-red);color:#061018}.shelly-add-panel{max-width:520px}.shelly-floating-cooldown:before{animation:shelly-cooldown-fill 4s linear forwards}.shelly-floating-success{animation:shelly-success-flash .72s steps(2,end)}.shelly-floating-error{animation:shelly-error-flash .72s steps(2,end)}@keyframes shelly-cooldown-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shelly-success-flash{0%,to{border-color:var(--border)}35%,70%{border-color:var(--pixel-green);color:var(--pixel-green);box-shadow:7px 7px #000,0 0 0 4px #66ff8a42}}@keyframes shelly-error-flash{0%,to{border-color:var(--border)}35%,70%{border-color:var(--pixel-red);color:var(--pixel-red);box-shadow:7px 7px #000,0 0 0 4px #ff4d5e47}}.pixel-user-icon{position:relative;display:inline-grid;width:22px;height:26px;image-rendering:pixelated}.pixel-user-head,.pixel-user-body{position:absolute;left:50%;background:var(--pixel-yellow);border:2px solid #061018;box-shadow:3px 3px #000;transform:translate(-50%)}.pixel-user-head{top:0;width:12px;height:12px}.pixel-user-head:before,.pixel-user-head:after{position:absolute;top:3px;width:2px;height:2px;content:"";background:#061018}.pixel-user-head:before{left:3px}.pixel-user-head:after{right:3px}.pixel-user-body{bottom:0;width:20px;height:12px}.auth-username{display:inline-flex;align-items:center;gap:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{flex:0 0 auto;padding:2px 5px;border:2px solid var(--border);color:var(--muted);font-size:.48rem;line-height:1;text-transform:uppercase;box-shadow:2px 2px #000}.role-badge-admin{border-color:var(--pixel-yellow);color:var(--pixel-yellow)}.role-badge-mod{border-color:var(--accent);color:var(--accent)}.role-badge-besucher{border-color:var(--border);color:var(--muted)}.auth-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:linear-gradient(#05060dc7,#05060de6),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,18px 18px,18px 18px}.auth-panel{display:grid;gap:18px;width:min(480px,100%);padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);box-shadow:10px 10px #000}.auth-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.auth-panel h2{margin:0;font-size:clamp(1.6rem,5vw,2.4rem)}.auth-close-button{display:inline-grid;width:42px;height:42px;place-items:center;background:var(--pixel-red);border:3px solid #ffd4d9;color:#061018;font:inherit;font-weight:900;cursor:pointer;box-shadow:4px 4px #000}.auth-close-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.auth-panel label{display:grid;gap:8px;color:var(--pixel-yellow);font-size:.86rem;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #000}.auth-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-panel input{width:100%;min-height:46px;padding:0 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-weight:900;outline:0}.auth-panel input:focus{border-color:var(--accent);box-shadow:4px 4px #000}.shelly-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shelly-type-option{min-height:46px;padding:0 8px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-size:.78rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #000}.shelly-type-option:hover,.shelly-type-option-active{background:#142842;border-color:var(--accent);color:var(--accent)}.shelly-type-option:focus-visible{outline:3px solid var(--pixel-yellow);outline-offset:3px}.password-field{display:grid;grid-template-columns:1fr 52px}.password-field input{border-right:0}.password-eye-button{display:inline-grid;min-height:46px;place-items:center;background:#142842;border:3px solid var(--border);color:var(--accent);cursor:pointer}.password-eye-button:hover{background:#1e3f61}.pixel-eye{position:relative;width:24px;height:14px;background:var(--pixel-yellow);border:3px solid #061018;box-shadow:3px 3px #000}.pixel-eye:before{position:absolute;top:2px;left:8px;width:4px;height:4px;content:"";background:#061018}.pixel-eye:after{position:absolute;top:-6px;right:-6px;width:8px;height:8px;content:"";background:var(--accent);border:2px solid #061018}.auth-message{margin:0;padding:10px 12px;background:#ff4d5e29;border:3px solid var(--pixel-red);color:var(--text);font-size:.88rem;font-weight:900}.auth-dev-code{margin:0;padding:10px 12px;background:#5ff3ff24;border:3px solid var(--accent);color:var(--text);font-size:.88rem;font-weight:900}.auth-dev-code span{color:var(--pixel-yellow)}.auth-mode-button{padding:0;background:transparent;border:0;color:var(--accent);font:inherit;font-size:.88rem;font-weight:900;text-align:left;text-transform:uppercase;cursor:pointer}.auth-mode-button:hover{color:var(--pixel-yellow);text-shadow:3px 3px 0 #000}.orders-panel{width:min(720px,100%)}.admin-panel{width:min(980px,100%)}.orders-list{display:grid;gap:14px;max-height:min(56vh,560px);overflow:auto;padding-right:6px}.admin-user-list{display:grid;gap:14px;max-height:min(62vh,640px);overflow:auto;padding-right:6px}.order-card{display:grid;gap:10px;padding:16px;background:#0b1020e6;border:3px solid var(--border);box-shadow:5px 5px #000}.admin-user-card{display:grid;gap:14px;padding:16px;background:#0b1020eb;border:3px solid var(--border);box-shadow:5px 5px #000}.admin-user-main,.admin-user-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-user-main div{display:grid;gap:4px}.admin-user-main strong{color:var(--pixel-yellow);text-transform:uppercase}.admin-user-main span,.admin-user-details dd,.admin-user-details dt{font-size:.72rem;font-weight:900}.admin-user-main div span,.admin-user-details dd{color:var(--muted)}.admin-user-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0}.admin-user-details div{display:grid;gap:4px;min-width:0}.admin-user-details dt{color:var(--accent);text-transform:uppercase}.admin-user-details dd{margin:0;overflow-wrap:anywhere}.admin-user-actions label{display:flex;align-items:center;gap:10px;margin:0}.admin-user-actions select{height:38px;padding:0 10px;background:#0b1020;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.72rem;box-shadow:3px 3px #000}.danger-button{height:38px;padding:0 12px;background:#ff555521;border:3px solid var(--danger);color:var(--danger);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;box-shadow:3px 3px #000;cursor:pointer}.danger-button:disabled{cursor:not-allowed;opacity:.45}.order-card div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.order-card strong{color:var(--pixel-yellow);text-transform:uppercase}.order-card span,.order-card p{margin:0;color:var(--muted);font-size:.88rem;font-weight:900}.hero{display:grid;min-height:72vh;place-items:center;padding:72px 16px;background:linear-gradient(45deg,rgba(95,243,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,209,92,.08) 25%,transparent 25%),linear-gradient(135deg,#111827,#070913 62%,#02030a);background-size:28px 28px,28px 28px,auto;border-bottom:4px solid var(--border)}.hero-content{width:min(850px,100%)}.eyebrow{margin:0 0 10px;color:var(--pixel-yellow);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:3px 3px 0 #000}h1,h2,h3,p{margin-top:0}h1{max-width:790px;margin-bottom:20px;font-size:clamp(2.25rem,7vw,5.2rem);font-weight:900;line-height:1;text-transform:uppercase;text-shadow:4px 4px 0 #000,6px 6px 0 var(--accent-dark),8px 8px 0 rgba(95,243,255,.22)}h2{margin-bottom:12px;font-size:clamp(1.8rem,4.4vw,3rem);font-weight:900;line-height:1.08;text-transform:uppercase;text-shadow:4px 4px 0 #000,6px 6px 0 rgba(255,92,168,.18)}h3{margin-bottom:10px;font-size:1.2rem;font-weight:900;text-transform:uppercase}.hero-content>p:not(.eyebrow),.section-heading p{max-width:660px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:3px solid transparent;border-radius:0;font:inherit;font-size:.9rem;font-weight:900;text-transform:uppercase;cursor:pointer}.button-primary{background:var(--accent);border-color:#d8fbff;color:#041018;box-shadow:5px 5px #000}.button-primary:hover{background:var(--pixel-yellow);transform:translate(3px,3px);box-shadow:2px 2px #000}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:5px 5px #000}.button-secondary:hover{border-color:var(--pixel-yellow);color:var(--pixel-yellow);transform:translate(3px,3px);box-shadow:2px 2px #000}.section{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:84px 0}.section-muted{width:100%;padding-right:max(16px,calc((100% - 1120px)/2));padding-left:max(16px,calc((100% - 1120px)/2));background:linear-gradient(180deg,#0e131deb,#080a0ff5),radial-gradient(circle at 85% 10%,rgba(104,225,253,.08),transparent 30%)}.section-heading{margin-bottom:32px}.info-section{scroll-margin-top:96px;border-top:4px solid rgba(60,72,104,.9)}.project-list{position:relative;display:grid;gap:64px;padding-left:300px}.timeline-item{position:relative;display:grid}.timeline-scroll-indicator{position:fixed;top:50vh;left:calc(max(20px,(100vw - 1440px) / 2) + 193px);z-index:20;width:84px;height:34px;background:transparent;border:0;border-radius:999px;transform:translateY(-50%);cursor:grab;pointer-events:auto;touch-action:none}.timeline-scroll-indicator:before{position:absolute;top:50%;left:50%;width:58px;height:6px;content:"";background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:none;transform:translate(-50%,-50%)}.timeline-scroll-indicator:active,.is-dragging-marker .timeline-scroll-indicator{cursor:grabbing}.timeline-scroll-indicator-hidden{opacity:0;pointer-events:none}.is-dragging-marker{-webkit-user-select:none;user-select:none}.timeline-range{position:absolute;top:0;bottom:0;left:-300px;width:220px}.timeline-end,.timeline-start{position:absolute;right:52px;max-width:168px;color:#fff;font-size:1.05rem;font-weight:900;line-height:1.1;text-align:right;text-shadow:none;text-transform:uppercase}.timeline-end{top:0}.timeline-start{bottom:0}.timeline-duration{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;margin:0}.timeline-duration:before{position:absolute;top:0;right:0;bottom:0;width:8px;content:"";background:#fff;border:2px solid #ffffff;border-radius:0;box-shadow:none}.timeline-tick{width:54px;height:3px;margin-right:0;align-self:end;background:#fff;transform:translate(21px)}.project-card{position:relative;scroll-margin-top:110px;cursor:pointer;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:12px 12px,auto;border:4px solid var(--border);border-radius:0;box-shadow:var(--shadow)}.project-card{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:28px;width:min(1040px,100%);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.project-card:hover,.project-card:focus-visible{border-color:#fff7d6b8;outline:0}.project-card-left{justify-self:start;transform-origin:left center}.project-card-right{justify-self:end;transform-origin:right center}.project-card-active{border-color:var(--pixel-yellow);box-shadow:10px 10px #000,0 0 0 4px #5ff3ff47;transform:scale(1.035)}.project-number{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 14px;background:#122a44;border:3px solid var(--accent);border-radius:0;color:#fff3df;font-weight:900;text-align:center;box-shadow:4px 4px #000;text-transform:uppercase;text-shadow:3px 3px 0 #000}.project-card-with-media{grid-template-columns:190px minmax(220px,320px) 1fr}.project-media,.project-page-media{display:inline-grid;align-self:center;justify-self:center;width:min(320px,100%);max-width:100%;overflow:hidden;background:#070b16;border:4px solid var(--border);box-shadow:6px 6px #000}.project-media{aspect-ratio:auto}.project-media img,.project-page-media img{display:block;width:100%;height:auto;object-fit:contain;max-height:260px;image-rendering:pixelated}.project-media img[src="/ganganzeige.svg"],.project-page-media img[src="/ganganzeige.svg"]{mix-blend-mode:normal}.mx5-info-hero{grid-template-columns:minmax(0,1fr) auto}.mx5-info-car{display:grid;width:min(220px,28vw);aspect-ratio:112 / 220;place-items:center;padding:18px;background:#05060d6b;border:4px solid var(--border);box-shadow:6px 6px #000}.mx5-info-car svg{display:block;width:100%;height:100%;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.52));image-rendering:pixelated;shape-rendering:crispEdges}.project-copy{min-width:0}.project-arrow-button{position:absolute;right:22px;bottom:18px;display:inline-grid;grid-template-areas:"arrow";width:96px;height:54px;place-items:center;padding:0;background:transparent;border:0;color:#fff7d66b;cursor:pointer;transition:color .18s ease,transform .18s ease,text-shadow .18s ease}.project-arrow-button:hover,.project-arrow-button:focus-visible{color:var(--pixel-yellow);outline:0;text-shadow:4px 4px 0 #000;transform:translate(8px,2px)}.project-enter-icon{grid-area:arrow;width:78px;height:44px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:5;filter:drop-shadow(3px 3px 0 #000);shape-rendering:crispEdges}.project-status{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.78rem;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #000}.project-status-dot{display:inline-grid;width:22px;height:22px;place-items:center;border:2px solid #061018;border-radius:0;box-shadow:3px 3px #000}.project-status-dot:before{color:#061018;font-size:.86rem;font-weight:1000;line-height:1}.project-status-active .project-status-dot{background:var(--pixel-yellow);color:var(--pixel-yellow)}.project-status-done .project-status-dot{background:var(--pixel-green);color:var(--pixel-green)}.project-status-done .project-status-dot:before{content:"✓"}.project-status-stalled .project-status-dot{background:var(--pixel-red);color:var(--pixel-red)}.project-status-stalled .project-status-dot:before{width:12px;height:3px;content:"";background:#061018;border-radius:999px}.status-inner-dots{display:inline-flex;gap:2px;align-items:center;justify-content:center}.status-inner-dots span{width:3px;height:3px;animation:active-inner-dot 1.15s infinite;background:#061018;border-radius:0;opacity:.22}.status-inner-dots span:nth-child(2){animation-delay:.18s}.status-inner-dots span:nth-child(3){animation-delay:.36s}@keyframes active-inner-dot{0%,30%{opacity:.22;transform:translateY(0)}55%,to{opacity:1;transform:translateY(-1px)}}.project-date-range{margin-bottom:8px;color:var(--pixel-yellow);font-size:.82rem;font-weight:900;text-transform:uppercase}.project-card p{margin:0;color:var(--muted)}.project-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0;transform:translateZ(0);will-change:opacity,transform}.project-page-opening{transform:translateZ(0)}.project-open-overlay{position:fixed;z-index:9;top:var(--project-from-top, 120px);left:var(--project-from-left, 20px);width:var(--project-from-width, 420px);height:var(--project-from-height, 320px);pointer-events:none;animation:project-open-overlay-expand .72s cubic-bezier(.16,1,.3,1) both}.project-open-overlay-inner{width:100%;height:100%;background:linear-gradient(45deg,rgba(95,243,255,.07) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:14px 14px,auto;border:4px solid var(--border);box-shadow:var(--shadow)}.project-page-opening .project-page-hero{animation:project-hero-content-reveal .72s cubic-bezier(.16,1,.3,1) both}.project-page-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;min-height:46vh;padding:48px;background:linear-gradient(45deg,rgba(95,243,255,.07) 25%,transparent 25%),linear-gradient(180deg,#151d31,#080c18);background-size:14px 14px,auto;border:4px solid var(--border);border-radius:0;box-shadow:var(--shadow)}.project-page-hero p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:1.12rem}.project-page-status{position:static;grid-column:2;justify-self:end;align-self:start;padding:10px 12px;background:var(--surface-muted);border:3px solid var(--border);border-radius:0}.project-page-media{max-width:min(360px,32vw);aspect-ratio:4 / 3}.project-page-media img{max-height:300px}.project-action-bar{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:14px;align-items:center;padding-top:10px;border-top:4px solid rgba(60,72,104,.72)}.buy-button{min-width:170px}.sold-out-badge{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;background:#ff525229;border:3px solid var(--pixel-red);color:var(--pixel-red);font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.notify-button{display:inline-flex;gap:10px;align-items:center}.pixel-bell{position:relative;width:18px;height:18px;image-rendering:pixelated}.pixel-bell:before{position:absolute;inset:2px 3px 4px;content:"";background:var(--pixel-yellow);box-shadow:0 4px 0 var(--pixel-yellow),-3px 7px 0 var(--pixel-yellow),3px 7px 0 var(--pixel-yellow),3px 11px #000,-3px 11px #000}.pixel-bell:after{position:absolute;left:7px;bottom:0;width:4px;height:4px;content:"";background:var(--pixel-yellow);box-shadow:0 -16px 0 var(--pixel-yellow)}.project-price{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;background:var(--surface-muted);border:3px solid var(--border);color:var(--pixel-yellow);font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.rating-box{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font-weight:900;box-shadow:4px 4px #000}.rating-stars{display:inline-flex;gap:2px;color:#b7c1d96b;font-size:1.2rem;line-height:1;text-shadow:2px 2px 0 #000}.rating-star-button{width:22px;height:26px;padding:0;background:transparent;border:0;color:#b7c1d96b;cursor:pointer;font:inherit;font-size:1.2rem;font-weight:900;line-height:1;text-shadow:2px 2px 0 #000}.rating-star-button:hover,.rating-star-button:focus-visible,.rating-star-button.star-filled{color:var(--pixel-yellow)}.project-notice{flex-basis:100%;margin:0;color:var(--muted);font-weight:900}.project-comments-panel{display:grid;gap:18px;margin-top:24px;padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);box-shadow:6px 6px #000}.comment-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.comment-form textarea{min-height:92px;resize:vertical;padding:12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-weight:900;outline:0}.comment-form textarea:focus{border-color:var(--accent);box-shadow:4px 4px #000}.comment-login-note{margin:0;color:var(--muted);font-weight:900}.comment-list{display:grid;gap:12px}.comment-card{padding:14px;background:#05060d85;border:3px solid rgba(60,72,104,.78)}.comment-card div{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px;color:var(--pixel-yellow);font-size:.88rem;font-weight:900;text-transform:uppercase}.comment-card span{color:var(--muted)}.comment-card p{margin:0;color:var(--text)}.comment-empty{margin:0;padding:14px;background:#05060d85;border:3px dashed rgba(60,72,104,.78);color:var(--muted);font-weight:900}.comment-toggle-button{justify-self:start;padding:10px 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--accent);cursor:pointer;font:inherit;font-weight:900;text-transform:uppercase;box-shadow:4px 4px #000}.comment-toggle-button:hover,.comment-toggle-button:focus-visible{border-color:var(--accent);color:var(--text)}.project-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.project-info-panel{padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),var(--surface);background-size:12px 12px,auto;border:4px solid var(--border);border-radius:0;box-shadow:6px 6px #000}.project-info-panel p:last-child{margin:0;color:var(--muted)}.project-detail-list,.project-spec-list{display:grid;gap:10px;margin:0}.project-detail-list{padding-left:22px;color:var(--muted);font-weight:900}.project-detail-list li::marker{color:var(--pixel-yellow)}.project-spec-list{padding:0}.project-spec-list div{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:14px;padding:10px;background:#05060d85;border:3px solid rgba(60,72,104,.78)}.project-spec-list dt{color:var(--pixel-yellow);font-weight:900;text-transform:uppercase}.project-spec-list dd{margin:0;color:var(--text);font-weight:900}.project-software-panel{grid-column:1 / -1}.software-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:46px;margin-top:16px;padding:0 18px;background:var(--accent);border:3px solid #d8fbff;color:#041018;font-weight:900;text-transform:uppercase;box-shadow:5px 5px #000}.software-link:hover{background:var(--pixel-yellow)}@keyframes project-open-overlay-expand{0%{top:var(--project-from-top, 120px);left:var(--project-from-left, 20px);width:var(--project-from-width, 420px);height:var(--project-from-height, 320px);opacity:.86}64%{opacity:.52}to{top:var(--project-to-top, 140px);left:var(--project-to-left, 20px);width:var(--project-to-width, 1180px);height:var(--project-to-height, 420px);opacity:0}}@keyframes project-hero-content-reveal{0%{opacity:0}34%{opacity:0}72%{opacity:.78}to{opacity:1}}.project-page-hero,.project-info-panel{transform:translateZ(0);will-change:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1180px){.nav{flex-wrap:wrap}.logo{flex:0 0 auto}.nav-links{order:3;flex:1 0 100%;min-width:0}.nav-actions{flex:1 1 auto}}@media(max-width:760px){.nav{align-items:flex-start;gap:12px;padding:16px}.nav-links{width:100%;justify-content:space-between;gap:12px;font-size:.95rem}.nav-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.nav-button{flex:1;min-width:160px}.shelly-floating-stack{right:12px;bottom:12px}.shelly-floating-button{min-width:150px;min-height:50px;padding:0 14px;font-size:.72rem}.search-form{width:100%}.search-form input{flex:1;width:auto}.auth-name-grid{grid-template-columns:1fr}.hero{min-height:68vh;padding-top:52px}.section{padding:64px 0}.section-muted{padding-top:64px;padding-bottom:64px}.project-list{gap:44px;padding-left:0}.timeline-scroll-indicator{display:none}.timeline-range{position:static;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:none;gap:12px;align-items:center;width:100%;min-height:auto!important;margin-bottom:14px}.timeline-end,.timeline-start{position:static;max-width:none;font-size:.9rem;text-align:left}.timeline-duration{position:static;flex-direction:row;height:30px;margin:0}.timeline-duration:before{top:50%;right:0;left:0;width:auto;height:5px;transform:translateY(-50%)}.timeline-tick{width:1px;height:20px;transform:none}.project-card{grid-template-columns:1fr;gap:18px}.project-card-with-media{grid-template-columns:1fr}.project-page-media{max-width:100%}.project-page-status{grid-column:auto;justify-self:start}.comment-form{grid-template-columns:1fr}.project-page{width:min(100% - 32px,1180px);padding:64px 0}.project-page-hero,.project-page-grid{grid-template-columns:1fr}.project-page-hero{padding:28px}.project-spec-list div{grid-template-columns:1fr;gap:4px}.project-number{justify-content:flex-start;padding:0 16px}}