.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}: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}@supports (scrollbar-width: auto) and (not selector(::-webkit-scrollbar)){*{scrollbar-color:var(--border) var(--surface-muted);scrollbar-width:auto}}::-webkit-scrollbar{width:18px;height:18px}::-webkit-scrollbar-track{background:var(--surface-muted);border:2px solid var(--bg);box-shadow:inset 2px 2px #00000073}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--muted) 0%,var(--border) 55%,var(--border) 100%);border:2px solid var(--bg);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #00000073}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 55%,var(--accent-dark) 100%)}::-webkit-scrollbar-corner{background:var(--surface-muted)}::-webkit-scrollbar-button{display:block;width:18px;height:18px;background-color:var(--surface-muted);background-repeat:no-repeat;background-position:center;background-size:9px 9px;border:2px solid var(--bg);box-shadow:inset 2px 2px #ffffff29,inset -2px -2px #00000073}::-webkit-scrollbar-button:hover{background-color:var(--accent-soft)}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon points='5,2 9,8 1,8' fill='%23ffd15c'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon points='1,2 9,2 5,8' fill='%23ffd15c'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon points='8,1 8,9 2,5' fill='%23ffd15c'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon points='2,1 2,9 8,5' fill='%23ffd15c'/%3E%3C/svg%3E")}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}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;scrollbar-width:none}body.theme-light{--bg: #f4f1e8;--surface: #fffaf0;--surface-muted: #efe7d6;--text: #111827;--muted: #526071;--border: #8b94a8;--accent: #217cc9;--accent-dark: #16598f;--accent-soft: #d9edf5;background:linear-gradient(rgba(17,24,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.06) 1px,transparent 1px),linear-gradient(180deg,#fffaf0 0%,var(--bg) 70%,#e9dfcc 100%);background-size:18px 18px,18px 18px,auto}body.is-project-opening{overflow:hidden;overscroll-behavior:none}a{color:inherit;text-decoration:none}img,svg,video,canvas,button,input,select,textarea{max-width:100%}main,.project-page{position:relative;z-index:1}.app-error-screen{display:grid;min-height:100dvh;place-items:center;padding:24px}.app-error-screen section{display:grid;width:min(680px,100%);gap:16px;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(--pixel-red);box-shadow:8px 8px #000}.app-error-screen h1{margin:0;font-size:clamp(1.8rem,6vw,3.2rem)}.app-error-screen p{margin:0;color:var(--muted);font-weight:900}.drift-mx5-scene{position:absolute;z-index:22;top:0;left:0;width:100%;height:100vh;height:100svh;pointer-events:none;overflow:hidden}.drift-mx5-button{position:absolute;left:0;top:58vh;top:58svh;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;top:66svh;transform:translate3d(-48vw,0,0) scale(.9) scaleX(-1);opacity:0}4%{top:66vh;top:66svh;transform:translate3d(-42vw,0,0) scale(.9) scaleX(-1);opacity:0}7%{opacity:.56}46%{top:66vh;top:66svh;transform:translate3d(112vw,0,0) scale(.9) scaleX(-1);opacity:.56}49%{top:66vh;top:66svh;transform:translate3d(120vw,0,0) scale(.9) scaleX(-1);opacity:0}51%{top:66vh;top:66svh;transform:translate3d(120vw,0,0) scale(.9) scaleX(1);opacity:0}54%{opacity:.56}96%{top:66vh;top:66svh;transform:translate3d(-42vw,0,0) scale(.9) scaleX(1);opacity:.56}to{top:66vh;top:66svh;transform:translate3d(-48vw,0,0) scale(.9) 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-shell{position:relative;flex:0 1 340px;width:clamp(230px,22vw,360px);max-width:360px}.search-form{display:flex;align-items:center;width:100%;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}.user-search-dropdown{position:absolute;z-index:60;top:calc(100% + 8px);left:0;right:0;display:grid;gap:6px;max-height:min(420px,70vh);overflow:auto;padding:8px;background:var(--surface);border:3px solid var(--border);box-shadow:6px 6px #000}.user-search-dropdown-recent{max-height:none;overflow:visible}.user-search-dropdown p{margin:0;padding:10px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.search-result-group{display:grid;gap:6px}.search-result-group>span{padding:2px 4px;color:var(--pixel-yellow);font-size:.62rem;font-weight:900;text-transform:uppercase}.user-search-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:8px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);cursor:pointer;font:inherit;text-align:left}.recent-search-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:stretch}.recent-search-row .user-search-result{min-width:0;min-height:48px;padding:6px 8px}.recent-search-delete{display:grid;place-items:center;width:34px;min-height:100%;padding:0;background:#2a1018;border:3px solid #ff3d5f;color:#ff3d5f;box-shadow:3px 3px #000;cursor:pointer;font:inherit;font-size:.78rem;font-weight:900;text-transform:uppercase}.recent-search-delete:hover,.recent-search-delete:focus-visible{background:#3a1220;color:#fff;outline:0}.user-search-result:hover,.user-search-result:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.user-search-result strong,.user-search-result small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-search-result strong{font-size:.78rem;text-transform:uppercase}.search-project-icon{width:30px;height:30px;background:linear-gradient(var(--accent),var(--accent)) 4px 4px / 22px 4px no-repeat,linear-gradient(var(--accent),var(--accent)) 4px 12px / 22px 4px no-repeat,linear-gradient(var(--accent),var(--accent)) 4px 20px / 16px 4px no-repeat;border:3px solid var(--border)}.search-history-icon{width:30px;height:30px;background:linear-gradient(var(--accent),var(--accent)) 13px 6px / 4px 10px no-repeat,linear-gradient(var(--accent),var(--accent)) 13px 13px / 9px 4px no-repeat;border:3px solid var(--border);border-radius:999px;box-shadow:inset 0 0 0 3px var(--surface-muted)}.profile-avatar.profile-avatar-search{grid-template-columns:repeat(21,1px);grid-template-rows:repeat(21,1px);gap:0;padding:2px;border:2px solid var(--border)}.profile-avatar.profile-avatar-search span{width:1px;height:1px}.search-result-avatar-wrap{display:inline-grid;place-items:center;width:29px;height:29px;overflow:visible}.search-result-avatar-clip{display:grid;place-items:center;width:29px;height:29px;overflow:visible}.search-result-avatar-wrap .online-dot{right:-6px;bottom:-5px;width:14px;height:14px;border-width:2px}.search-result-role{color:var(--muted)}.search-result-role-admin{color:var(--pixel-red)}.search-result-role-mod{color:var(--pixel-green)}.search-result-role-besucher{color:var(--muted)}.user-search-result small{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.auth-nav-button{gap:8px;height:44px;min-height:44px;min-width:48px;padding:0 8px}.auth-nav-button .role-badge{padding:1px 4px;font-size:.42rem;box-shadow:1px 1px #000}.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(--muted);filter:drop-shadow(2px 2px 0 #000)}.shelly-roller-button:hover .pixel-roller-symbol,.shelly-roller-button:focus-visible .pixel-roller-symbol{color:var(--pixel-yellow);filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 6px rgba(255,209,92,.72))}.pixel-roller-symbol:before,.pixel-roller-symbol:after{position:absolute;content:""}.roller-up:before{top:2px;left:4px;width:0;height:0;border-right:8px solid transparent;border-bottom:10px solid currentColor;border-left:8px solid transparent}.roller-up:after{top:12px;left:9px;width:6px;height:9px;background:currentColor}.roller-down:before{top:3px;left:9px;width:6px;height:9px;background:currentColor}.roller-down:after{top:12px;left:4px;width:0;height:0;border-top:10px solid currentColor;border-right:8px solid transparent;border-left:8px solid transparent}.roller-stop:before{inset:6px;background:currentColor}.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}.spotify-widget{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:74px minmax(0,220px);gap:12px;width:min(360px,calc(100vw - 36px));padding:12px;background:linear-gradient(90deg,rgba(102,255,138,.13),transparent),var(--surface);border:4px solid var(--border);color:var(--text);box-shadow:7px 7px #000}.spotify-cover{display:grid;width:74px;height:74px;place-items:start;overflow:hidden;background:var(--surface-muted);border:3px solid var(--border);box-shadow:4px 4px #000}.spotify-cover img,.spotify-cover-canvas{display:block;width:100%;height:100%;object-fit:cover}.spotify-cover-canvas{image-rendering:pixelated}.spotify-cover-placeholder{width:38px;height:38px;background:linear-gradient(var(--pixel-green),var(--pixel-green)) 8px 6px / 22px 6px no-repeat,linear-gradient(var(--pixel-green),var(--pixel-green)) 8px 16px / 22px 6px no-repeat,linear-gradient(var(--pixel-green),var(--pixel-green)) 8px 26px / 14px 6px no-repeat;filter:drop-shadow(3px 3px 0 #000)}.spotify-meta{display:grid;min-height:74px;align-content:center;gap:6px;min-width:0}.spotify-meta strong,.spotify-meta span{display:block;overflow:hidden;text-overflow:ellipsis}.spotify-meta strong{color:var(--text);display:-webkit-box;font-size:1.06rem;line-height:1.16;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spotify-meta span{color:var(--muted);font-size:.82rem;font-weight:900;line-height:1.18;white-space:nowrap}.spotify-progress-row{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.spotify-progress{height:8px;overflow:hidden;background:#061018;border:2px solid var(--border)}.spotify-progress-interactive{cursor:pointer;height:12px;margin:-2px 0}.spotify-progress-interactive:hover{border-color:var(--accent)}.spotify-progress span{display:block;height:100%;background:var(--pixel-green);box-shadow:0 0 10px #66ff8a9e}.spotify-duration{color:var(--muted);font-size:.68rem;font-weight:900;line-height:1;text-shadow:2px 2px 0 #000}.spotify-controls{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,42px);gap:8px}.spotify-controls button,.spotify-controls a{display:grid;width:42px;height:38px;place-items:center;padding:0;background:var(--surface-muted);border:3px solid var(--border);color:var(--pixel-green);box-shadow:3px 3px #000;cursor:pointer}.spotify-controls button:hover,.spotify-controls button:focus-visible,.spotify-controls a:hover,.spotify-controls a:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.spotify-controls button:disabled{cursor:wait;opacity:.68}.spotify-icon{position:relative;display:block;width:22px;height:22px;color:currentColor;filter:drop-shadow(2px 2px 0 #000)}.spotify-icon:before,.spotify-icon:after{position:absolute;content:""}.spotify-icon-play:before{top:3px;left:6px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.spotify-icon-pause:before,.spotify-icon-pause:after{top:3px;width:6px;height:16px;background:currentColor}.spotify-icon-pause:before{left:4px}.spotify-icon-pause:after{right:4px}.spotify-icon-next:before,.spotify-icon-previous:before{top:4px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.spotify-icon-next:before{left:4px;border-left:10px solid currentColor;box-shadow:5px 0 0 currentColor}.spotify-icon-next:after{top:4px;right:3px;width:4px;height:14px;background:currentColor}.spotify-icon-previous:before{right:4px;border-right:10px solid currentColor;box-shadow:-5px 0 0 currentColor}.spotify-icon-previous:after{top:4px;left:3px;width:4px;height:14px;background:currentColor}.spotify-icon-refresh:before{top:4px;left:4px;width:12px;height:12px;border:3px solid currentColor;border-right-color:transparent}.spotify-icon-refresh:after{top:2px;right:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.spotify-icon-active{color:var(--pixel-yellow)}.spotify-svg-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.7;filter:drop-shadow(2px 2px 0 #000);shape-rendering:crispEdges}.spotify-svg-icon circle,.spotify-gear-hole{fill:var(--surface-muted);stroke:currentColor}.spotify-icon-connect:before{top:5px;left:1px;width:13px;height:9px;border:3px solid currentColor;border-radius:50%;transform:rotate(-24deg)}.spotify-icon-connect:after{top:5px;right:1px;width:13px;height:9px;border:3px solid currentColor;border-radius:50%;transform:rotate(-24deg);mix-blend-mode:screen}.spotify-extra-controls{display:grid;grid-column:1 / -1;gap:8px}.spotify-volume,.spotify-device-select{display:grid;gap:8px;align-items:center;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.spotify-volume{grid-template-columns:auto minmax(0,1fr) 34px}.spotify-volume input{width:100%;height:24px;background:transparent;cursor:pointer;appearance:none}.spotify-volume input::-webkit-slider-runnable-track{height:8px;background:#061018;border:2px solid var(--border)}.spotify-volume input::-webkit-slider-thumb{width:34px;height:12px;margin-top:-4px;background:#fff;border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000;appearance:none}.spotify-volume input::-moz-range-track{height:8px;background:#061018;border:2px solid var(--border)}.spotify-volume input::-moz-range-thumb{width:34px;height:12px;background:#fff;border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000}.spotify-volume input:focus{outline:0}.spotify-volume input:focus::-webkit-slider-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.spotify-volume input:focus::-moz-range-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.spotify-device-select{grid-template-columns:auto minmax(0,1fr)}.spotify-device-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:end}.spotify-device-select select{min-width:0;height:34px;padding:0 8px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-size:.7rem;font-weight:900;outline:0}.spotify-device-select select:focus{border-color:var(--pixel-green)}.spotify-device-settings-button{display:grid;width:38px;height:34px;place-items:center;padding:0;background:var(--surface-muted);border:3px solid var(--border);color:var(--muted);box-shadow:3px 3px #000;cursor:pointer}.spotify-device-settings-button:hover,.spotify-device-settings-button:focus-visible,.spotify-device-settings-button-active{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.spotify-device-panel{display:grid;gap:6px;padding:8px;background:#05060d94;border:3px solid var(--border)}.spotify-cover-pixel-toggle{display:inline-flex;gap:8px;align-items:center;color:var(--text);font-size:.7rem;font-weight:900;text-transform:uppercase}.spotify-cover-pixel-toggle input{position:absolute;opacity:0;pointer-events:none}.spotify-device-manage-row{display:grid;grid-template-columns:18px minmax(72px,.75fr) minmax(92px,1fr);gap:8px;align-items:center;padding:6px;background:#05060d57;border:2px solid transparent;cursor:grab}.spotify-device-manage-row:active{cursor:grabbing}.spotify-device-manage-row-dragging{border-color:var(--pixel-yellow);opacity:.68}.spotify-device-drag-handle{display:grid;width:16px;height:26px;place-items:center;color:var(--accent);font-size:.64rem;font-weight:900;letter-spacing:0;text-shadow:2px 2px 0 #000}.auth-panel .spotify-device-manage-row label,.spotify-device-manage-row label{display:inline-flex;min-width:0;gap:7px;align-items:center;color:var(--text);font-size:.68rem;font-weight:900;text-transform:none}.spotify-device-manage-row label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-panel .hud-widget-toggle input[type=checkbox],.auth-panel .spotify-device-manage-row input[type=checkbox],.hud-widget-toggle input[type=checkbox],.spotify-device-manage-row input[type=checkbox]{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;padding:0;appearance:none;background:#050b12;border:2px solid var(--border);border-radius:0;box-shadow:2px 2px #000;cursor:pointer}.auth-panel .hud-widget-toggle input[type=checkbox]:checked,.auth-panel .spotify-device-manage-row input[type=checkbox]:checked,.hud-widget-toggle input[type=checkbox]:checked,.spotify-device-manage-row input[type=checkbox]:checked{background:var(--pixel-green);border-color:#b9ffc7}.auth-panel .hud-widget-toggle input[type=checkbox]:checked:after,.auth-panel .spotify-device-manage-row input[type=checkbox]:checked:after,.hud-widget-toggle input[type=checkbox]:checked:after,.spotify-device-manage-row input[type=checkbox]:checked:after{position:absolute;inset:0;display:grid;place-items:center;color:#061018;content:"✓";font-size:10px;font-weight:1000;line-height:1}.auth-panel .hud-widget-toggle input[type=checkbox]:focus-visible,.auth-panel .spotify-device-manage-row input[type=checkbox]:focus-visible,.hud-widget-toggle input[type=checkbox]:focus-visible,.spotify-device-manage-row input[type=checkbox]:focus-visible{outline:2px solid var(--pixel-yellow);outline-offset:2px}.auth-panel .spotify-device-manage-row>input,.spotify-device-manage-row>input{min-width:0;height:28px;min-height:28px;padding:0 7px;background:var(--surface-muted);border:2px solid var(--border);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;outline:0}.auth-panel .spotify-device-manage-row>input:focus,.spotify-device-manage-row>input:focus{border-color:var(--pixel-green)}.spotify-message{grid-column:1 / -1;margin:0;padding:8px 10px;color:var(--text);background:#5ff3ff24;border:2px solid var(--accent);font-size:.7rem;font-weight:900}.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:flex;align-items:center;gap:6px;justify-content:flex-end;touch-action:none}.widget-rename-button{display:grid;place-items:center;width:26px;height:26px;padding:0;background:#142842;border:3px solid var(--border);color:var(--muted);font-size:.7rem;cursor:pointer;box-shadow:3px 3px #000}.widget-rename-button:hover,.widget-rename-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.widget-rename-form input{width:140px;padding:6px 8px;background:#142842;border:3px solid var(--pixel-yellow);color:var(--text);font:inherit;font-size:.72rem;font-weight:900}.shelly-roller-name{display:flex;align-items:center;justify-content:center;gap:6px}.shelly-roller-header{display:flex;align-items:center;justify-content:center;gap:8px}.roller-mode-icon{position:relative;display:inline-block;width:14px;height:14px}.roller-mode-icon-slider:before{position:absolute;top:6px;left:0;width:14px;height:2px;content:"";background:currentColor}.roller-mode-icon-slider:after{position:absolute;top:3px;left:5px;width:4px;height:8px;content:"";background:currentColor}.roller-mode-icon-arrows:before{position:absolute;top:0;left:3px;width:0;height:0;content:"";border-right:4px solid transparent;border-bottom:5px solid currentColor;border-left:4px solid transparent}.roller-mode-icon-arrows:after{position:absolute;bottom:0;left:3px;width:0;height:0;content:"";border-top:5px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent}.shelly-roller-control{position:relative;isolation:isolate;display:grid;gap:8px;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-roller-slider-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.shelly-roller-slider-row input[type=range]{width:100%;height:24px;background:transparent;cursor:pointer;appearance:none}.shelly-roller-slider-row input[type=range]::-webkit-slider-runnable-track{height:8px;background:#061018;border:2px solid var(--border)}.shelly-roller-slider-row input[type=range]::-webkit-slider-thumb{width:16px;height:20px;margin-top:-6px;background:var(--pixel-yellow);border:3px solid #000;border-radius:0;box-shadow:3px 3px #000;appearance:none}.shelly-roller-slider-row input[type=range]::-moz-range-track{height:8px;background:#061018;border:2px solid var(--border)}.shelly-roller-slider-row input[type=range]::-moz-range-thumb{width:16px;height:20px;background:var(--pixel-yellow);border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.shelly-roller-slider-row input[type=range]:focus{outline:0}.shelly-roller-slider-row input[type=range]:focus::-webkit-slider-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.shelly-roller-slider-row input[type=range]:focus::-moz-range-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.shelly-roller-slider-value{min-width:34px;color:var(--pixel-yellow);font-size:.76rem;font-weight:900;text-align:right}.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 2s linear forwards}.shelly-floating-sent{border-color:var(--pixel-green);color:var(--pixel-green);box-shadow:7px 7px #000,0 0 0 4px #66ff8a42}.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:6px;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-red);color:var(--pixel-red)}.role-badge-mod{border-color:var(--pixel-green);color:var(--pixel-green)}.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%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;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}.hud-shelly-roller-mode{display:grid;gap:8px;margin-bottom:14px}.hud-shelly-roller-mode>span{color:var(--pixel-yellow);font-size:.78rem;font-weight:900;text-transform:uppercase}.hud-shelly-roller-mode .shelly-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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:#5ff3ff24;border:3px solid var(--accent);color:var(--text);font-size:.88rem;font-weight:900}.auth-message-success,.project-notice-success,.spotify-message-success{background:#66ff8a29;border-color:var(--pixel-green)}.auth-message-error,.project-notice-error,.spotify-message-error{background:#ff4d5e29;border-color:var(--pixel-red)}.auth-message-neutral,.project-notice-neutral,.spotify-message-neutral{background:#ffd15c2e;border-color:var(--pixel-yellow);color:var(--text)}.spotify-message-neutral{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}.spotify-message-neutral:before{display:inline-grid;width:24px;height:24px;place-items:center;content:"i";background:linear-gradient(#050b12,#050b12) 10px 7px / 4px 3px no-repeat,linear-gradient(#050b12,#050b12) 10px 12px / 4px 8px no-repeat,#fff7d6;border:3px solid #050b12;border-radius:999px;color:transparent;font-size:0;box-shadow:0 -3px #fff7d6,0 3px #fff7d6,-3px 0 #fff7d6,3px 0 #fff7d6,3px 3px #000;image-rendering:pixelated}.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,.account-settings-panel{width:min(980px,100%)}.account-settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;min-height:360px}.account-settings-tabs{display:grid;align-content:start;gap:8px;padding-right:12px;border-right:4px solid rgba(60,72,104,.82)}.account-settings-tabs button{min-height:44px;padding:0 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:900;text-align:left;text-transform:uppercase;box-shadow:3px 3px #000}.account-settings-tabs button:hover,.account-settings-tabs button:focus-visible,.account-settings-tabs .account-settings-tab-active{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.account-settings-content{display:grid;align-content:start;gap:16px;min-width:0;margin-right:-14px;padding:4px 6px 4px 0}.account-settings-content h3{margin:0;color:var(--text);font-size:1.35rem;text-transform:uppercase}.account-settings-content p{margin:0;color:var(--muted);font-weight:900}.account-settings-form{display:grid;gap:14px}.theme-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-mode-switch button,.account-toggle-row,.profile-request-item,.user-result-item{min-height:46px;padding:10px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit;font-weight:900}.theme-mode-switch button{cursor:pointer}.theme-mode-switch .theme-mode-active{border-color:var(--pixel-yellow);color:var(--pixel-yellow);box-shadow:4px 4px #000}.avatar-editor{display:grid;grid-template-columns:minmax(120px,.7fr) max-content;gap:16px;align-items:start}.profile-avatar{display:inline-grid;grid-template-columns:repeat(21,2px);grid-template-rows:repeat(21,2px);align-self:center;justify-self:start;width:max-content;height:max-content;flex-shrink:0;gap:1px;padding:4px;background:#050b12;border:3px solid var(--border);image-rendering:pixelated}.profile-avatar span{width:2px;height:2px;background:transparent}.profile-avatar .profile-avatar-pixel-on{background:var(--avatar-pixel-color, var(--avatar-color, #ffffff))}.profile-avatar-large{grid-template-columns:repeat(21,4px);grid-template-rows:repeat(21,4px)}.profile-avatar-large span{width:4px;height:4px}.profile-avatar-nav{grid-template-columns:repeat(21,1px);grid-template-rows:repeat(21,1px);gap:0;padding:2px;border-width:2px}.profile-avatar-nav span{width:1px;height:1px}.profile-avatar-online{grid-template-columns:repeat(21,1px);grid-template-rows:repeat(21,1px);gap:1px;padding:3px;border-width:2px}.profile-avatar-online span{width:1px;height:1px}.avatar-pixel-grid{display:grid;grid-template-columns:repeat(21,17px);gap:2px;touch-action:none;-webkit-user-select:none;user-select:none}.avatar-pixel-grid button{width:17px;height:17px;padding:0;background:var(--surface-muted);border:1px solid var(--border);cursor:pointer}.avatar-pixel-grid .avatar-pixel-active{background:var(--avatar-pixel-color, var(--avatar-color, #ffffff));border-color:var(--border)}.avatar-pixel-grid .avatar-pixel-brush-preview{outline:2px solid var(--pixel-yellow);outline-offset:-1px;z-index:1;position:relative}.avatar-color-field{margin-top:12px}.avatar-action-row{display:flex;flex-wrap:wrap;gap:12px}.avatar-action-row .button{flex:1 1 auto}.avatar-brush-slider{display:grid;gap:6px}.avatar-brush-slider input[type=range],.avatar-color-hue-row input[type=range]{width:100%;height:24px;background:transparent;cursor:pointer;appearance:none}.avatar-brush-slider input::-webkit-slider-runnable-track,.avatar-color-hue-row input::-webkit-slider-runnable-track{height:8px;background:#061018;border:2px solid var(--border)}.avatar-brush-slider input::-webkit-slider-thumb,.avatar-color-hue-row input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000;appearance:none}.avatar-brush-slider input::-moz-range-track,.avatar-color-hue-row input::-moz-range-track{height:8px;background:#061018;border:2px solid var(--border)}.avatar-brush-slider input::-moz-range-thumb,.avatar-color-hue-row input::-moz-range-thumb{width:18px;height:18px;background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000}.avatar-brush-slider input:focus,.avatar-color-hue-row input:focus{outline:0}.avatar-brush-slider input:focus::-webkit-slider-thumb,.avatar-brush-slider input:focus::-moz-range-thumb,.avatar-color-hue-row input:focus::-webkit-slider-thumb,.avatar-color-hue-row input:focus::-moz-range-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.avatar-brush-slider-value{color:var(--pixel-yellow);font-size:.78rem;font-weight:900;text-align:center;text-transform:uppercase}.avatar-field-label{margin:0 0 8px;color:var(--pixel-yellow);font-size:.86rem;font-weight:900;text-transform:uppercase;text-shadow:2px 2px 0 #000}.avatar-color-picker{position:relative}.avatar-color-swatch-row{display:flex;gap:8px}.avatar-color-swatch-button{flex:1 1 auto;min-height:42px;padding:0;background:var(--avatar-color-preview, #ffffff);border:3px solid var(--border);box-shadow:4px 4px #000;cursor:pointer}.avatar-color-swatch-button:hover,.avatar-color-swatch-button:focus-visible{border-color:var(--pixel-yellow);outline:0}.avatar-color-eyedropper-button{flex:0 0 auto;min-height:42px;padding:0 10px;background:var(--surface-muted);border:3px solid var(--border);box-shadow:4px 4px #000;color:var(--text);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;cursor:pointer}.avatar-color-eyedropper-button:hover,.avatar-color-eyedropper-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.avatar-color-popover{display:grid;gap:10px;margin-top:10px;padding:10px;background:var(--surface-muted);border:3px solid var(--border);box-shadow:5px 5px #000}.avatar-color-preset-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-color-preset{width:100%;aspect-ratio:1;padding:0;background:var(--avatar-color-preview, #ffffff);border:2px solid var(--border);cursor:pointer}.avatar-color-preset:hover,.avatar-color-preset:focus-visible{border-color:var(--pixel-yellow);outline:0}.avatar-color-preset-active{border-color:var(--pixel-yellow);box-shadow:0 0 0 2px var(--pixel-yellow)}.avatar-color-hue-row{display:grid}.avatar-color-hue-row .avatar-color-hue-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid var(--border)}.avatar-color-hue-row .avatar-color-hue-slider::-moz-range-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid var(--border)}.avatar-color-sv-square{position:relative;width:100%;height:90px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(calc(var(--hue) * 1deg),100%,50%);border:2px solid var(--border);cursor:crosshair;touch-action:none}.avatar-color-sv-thumb{position:absolute;width:10px;height:10px;background:transparent;border:2px solid #ffffff;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%);pointer-events:none}.avatar-color-popover-close{min-height:36px}.account-toggle-row{display:flex;align-items:center;gap:12px;color:var(--pixel-yellow);cursor:pointer}.account-toggle-row input{width:22px;min-height:22px;accent-color:var(--pixel-yellow)}.api-settings-grid{display:grid;gap:12px}.api-settings-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:#05060d61;border:3px solid var(--border)}.api-settings-card strong,.api-settings-card span{display:block}.api-settings-card span{color:var(--muted);font-size:.78rem;font-weight:900}.hud-layout-editor,.hud-device-list{display:grid;gap:12px}.hud-layout-editor,.hud-settings-section,.hud-shelly-row{background:#0b1020e6;border:3px solid var(--border);box-shadow:5px 5px #000}.hud-settings-heading strong,.hud-shelly-row strong{color:var(--pixel-yellow);font-size:.78rem;font-weight:900;text-transform:uppercase}.hud-shelly-row span{color:var(--muted);font-size:.68rem;font-weight:900}.hud-shelly-row button:not(.button){display:grid;width:34px;height:30px;place-items:center;padding:0;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}.hud-shelly-row button:not(.button):hover,.hud-shelly-row button:not(.button):focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.hud-layout-editor{padding:14px}.hud-site-preview{position:relative;aspect-ratio:var(--hud-preview-aspect, 16 / 9);min-height:180px;overflow:hidden;background:linear-gradient(#05060db8,#05060dd1),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(95,243,255,.26) 2px,transparent 2px),linear-gradient(rgba(95,243,255,.26) 2px,transparent 2px);background-position:0 0,0 0,var(--hud-preview-grid-origin-x, 0) 0,0 var(--hud-preview-grid-origin-y, 0);background-size:auto,18px 18px,var(--hud-preview-grid-x, 1.25%) 100%,100% var(--hud-preview-grid-y, 2.22%);border:3px solid var(--border);box-shadow:inset 0 0 0 3px #050b12;touch-action:none}.hud-site-preview-header{position:relative;z-index:2;display:grid;grid-template-columns:80px 1fr 120px;gap:10px;min-height:28px;height:var(--hud-preview-header-safe, 12%);padding:10px;background:#142842c7;border-bottom:3px solid var(--border);pointer-events:none}.hud-site-preview-header span{display:block;height:12px;background:#5ff3ff38;border:2px solid rgba(95,243,255,.36)}.hud-preview-widget{position:absolute;z-index:1;display:grid;align-content:start;top:0;left:0;gap:3px;padding:8px;background:#122a44;border:3px solid var(--accent);color:var(--text);font:inherit;text-align:left;box-shadow:4px 4px #000;cursor:grab;touch-action:none}.hud-preview-widget:active{cursor:grabbing}.hud-preview-widget:focus-visible{outline:3px solid var(--pixel-yellow);outline-offset:3px}.hud-preview-widget strong,.hud-preview-widget span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-preview-widget strong{color:var(--pixel-yellow);font-size:.66rem;font-weight:900;text-transform:uppercase}.hud-preview-widget span{color:var(--muted);font-size:.58rem;font-weight:900}.hud-preview-widget-friends{border-color:var(--pixel-green)}.hud-preview-widget-shelly{border-color:var(--pixel-red)}.hud-preview-widget-esp{border-color:var(--pixel-pink)}.hud-widget-toggle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auth-panel .hud-widget-toggle,.hud-widget-toggle{display:inline-flex;min-width:0;gap:8px;align-items:center;padding:8px;background:#05060d6b;border:2px solid var(--border);color:var(--text);font-size:.68rem;font-weight:900;text-transform:uppercase}.hud-widget-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-layout-actions{display:flex;flex-wrap:wrap;gap:10px}.hud-settings-section{display:grid;gap:12px;padding:14px}.hud-settings-heading,.hud-shelly-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-shelly-row{padding:10px}.hud-shelly-row>div{display:grid;gap:3px}.hud-shelly-row>div:last-child{display:inline-flex;gap:6px}.hud-shelly-row{flex-wrap:wrap}.hud-shelly-row>.button,.hud-shelly-row>.widget-rename-form{flex-shrink:0;white-space:nowrap}.hud-esp-row{display:grid;gap:8px}.hud-esp-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-esp-row-top>div:first-child{display:grid;gap:3px}.hud-esp-row-top>div:last-child{display:inline-flex;gap:6px}.hud-esp-access-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.hud-esp-access-row select{background:#142842;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;padding:4px 6px}.hud-esp-friend-picker{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;background:#00000040;border:2px solid var(--border)}.hud-esp-friend-picker>*{width:100%;min-width:0}.hud-invitee-row{display:flex;align-items:flex-start;gap:6px}.hud-invitee-text{display:grid;gap:2px;flex:1;min-width:0;color:var(--muted);font-size:.68rem;font-weight:900;overflow-wrap:break-word}.hud-invitee-link{display:block;width:fit-content;max-width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#5eb2ff;font:inherit;font-size:.68rem;font-weight:900;line-height:inherit;text-align:left;text-decoration:underline;text-decoration-color:#5eb2ff;overflow-wrap:break-word;cursor:pointer}.hud-invitee-link::-moz-focus-inner{border:0;padding:0}.hud-invitee-status{color:var(--muted);font-size:.62rem}.hud-invitee-remove{flex-shrink:0;display:grid;width:20px;height:20px;place-items:center;padding:0;background:#142842;border:2px solid var(--border);color:var(--muted);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.hud-invitee-remove:hover,.hud-invitee-remove:focus-visible{border-color:var(--pixel-red);color:var(--pixel-red);outline:0}.hud-esp-friend-picker .button{align-self:flex-start;width:auto;min-height:30px;margin-top:2px;padding:4px 10px;font-size:.68rem;box-shadow:3px 3px #000}.hud-esp-friend-picker .button:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}.hud-invitee-link:hover,.hud-invitee-link:focus-visible{color:var(--pixel-yellow);outline:0}.hud-settings{display:grid;gap:16px}.hud-settings-hint{margin:0;color:var(--muted);font-size:.68rem;font-weight:900}.hud-settings-field{display:grid;gap:6px;color:var(--text);font-size:.7rem;font-weight:900;text-transform:uppercase}.hud-settings-field input{min-height:40px;padding:0 10px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit}.hud-settings-field input:focus{border-color:var(--pixel-green);outline:0}.spotify-pixel-strength-group{display:grid;gap:6px}.spotify-pixel-strength-group>span{color:var(--text);font-size:.68rem;font-weight:900;text-transform:uppercase}.spotify-pixel-strength-group>div{display:flex;flex-wrap:wrap;gap:6px}.spotify-pixel-strength-group button{min-height:32px;padding:0 10px;background:var(--surface-muted);border:2px solid var(--border);color:var(--muted);font:inherit;font-size:.66rem;font-weight:900;text-transform:uppercase;cursor:pointer}.spotify-pixel-strength-group button:hover,.spotify-pixel-strength-group button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.spotify-pixel-strength-group button.spotify-pixel-strength-button-active{border-color:var(--pixel-green);color:var(--pixel-green)}.chat-sound-mode-group{display:flex;flex-wrap:wrap;gap:8px}.chat-sound-mode-group button{min-height:38px;padding:0 12px;background:var(--surface-muted);border:3px solid var(--border);color:var(--muted);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;cursor:pointer}.chat-sound-mode-group button:hover,.chat-sound-mode-group button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.chat-sound-mode-group button.chat-sound-mode-button-active{border-color:var(--accent);color:var(--accent)}.chat-sound-editor{display:grid;gap:10px;padding:12px;background:#05060d61;border:3px solid var(--border)}.chat-sound-editor input[type=file],.chat-sound-editor input[type=text]{min-height:40px;padding:0 10px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit}.chat-sound-editor input[type=file]{display:flex;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:900}.chat-sound-editor input[type=file]::file-selector-button,.chat-sound-editor input[type=file]::-webkit-file-upload-button{margin-right:10px;padding:8px 12px;background:#142842;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;box-shadow:3px 3px #000;cursor:pointer}.chat-sound-editor input[type=file]:hover::file-selector-button,.chat-sound-editor input[type=file]:hover::-webkit-file-upload-button{border-color:var(--pixel-yellow);color:var(--pixel-yellow)}.chat-sound-trim-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chat-sound-trim-row label{display:grid;gap:4px;color:var(--text);font-size:.68rem;font-weight:900;text-transform:uppercase}.chat-sound-trim-row input{min-height:38px;padding:0 8px;background:var(--surface-muted);border:3px solid var(--border);color:var(--text);font:inherit}.youtube-notification-player{position:fixed;right:0;bottom:0;z-index:-1;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.profile-request-list,.user-result-list,.profile-actions{display:grid;gap:12px}.profile-request-list h4{margin:0;color:var(--text);text-transform:uppercase}.profile-request-item,.user-result-item,.profile-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.profile-request-item{grid-template-columns:auto auto minmax(0,1fr) auto}.profile-avatar-wrap{position:relative;display:inline-grid;width:max-content}.online-dot{display:inline-grid;width:18px;height:18px;place-items:center;background:#4b5563;border:2px solid #050b12;border-radius:999px;color:#061018;font-size:0;font-weight:1000;line-height:1;box-shadow:2px 2px #000}.profile-avatar-wrap .online-dot{position:absolute;z-index:2;right:-4px;bottom:-4px}.online-dot-active{background:#2cff70}.online-dot-unread{width:24px;height:24px;border-color:#fff7d6;color:var(--pixel-yellow);font-size:.54rem;letter-spacing:0;text-shadow:none}.online-dot-active.online-dot-unread{color:#061018}.profile-avatar-wrap .online-dot-unread{right:-9px;bottom:-8px}.online-friend-button>.online-dot-unread{right:-6px;bottom:-6px}.search-result-avatar-wrap .online-dot-unread{right:-8px;bottom:-7px;width:20px;height:20px;font-size:.48rem}.online-friends-rail{position:fixed;z-index:28;left:10px;top:50%;display:grid;gap:10px;transform:translateY(-50%);padding:10px;background:var(--surface);border:3px solid var(--border);box-shadow:5px 5px #000}.online-friends-rail>span{color:var(--pixel-yellow);font-size:.58rem;font-weight:900;text-align:center;text-transform:uppercase}.online-friend-button{position:relative;display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer}.online-friend-button .profile-avatar-nav{grid-template-columns:repeat(21,2px);grid-template-rows:repeat(21,2px);gap:0;padding:3px;border-width:3px}.online-friend-button .profile-avatar-nav span{width:2px;height:2px}.online-friend-button:hover,.online-friend-button:focus-visible{border-color:var(--pixel-yellow);outline:0}.online-friend-button>.online-dot{position:absolute;right:0;bottom:0}.online-friend-row{position:relative;display:inline-grid}.online-friend-pin-button{position:absolute;top:-6px;right:-6px;z-index:3;display:grid;width:18px;height:18px;padding:0;place-items:center;background:var(--surface);border:2px solid var(--border);color:var(--muted);opacity:0;cursor:pointer;transition:opacity .15s ease}.online-friend-row:hover .online-friend-pin-button,.online-friend-row:focus-within .online-friend-pin-button,.online-friend-row .online-friend-pin-button-active{opacity:1}.online-friend-pin-button svg{width:10px;height:10px;fill:currentColor}.online-friend-pin-button:hover,.online-friend-pin-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.online-friend-row .online-friend-pin-button-active{border-color:var(--pixel-yellow);color:var(--pixel-yellow)}.chat-notification-button{display:grid;width:156px;gap:4px;padding:8px;text-align:left;background:#66ff8a24;border:3px solid var(--pixel-green);box-shadow:4px 4px #000;cursor:pointer}.chat-notification-button:hover,.chat-notification-button:focus-visible{border-color:var(--pixel-yellow);outline:0}.chat-notification-button strong,.chat-notification-button small{display:block;min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.chat-notification-button strong{font-size:.72rem;font-weight:900}.chat-notification-button small{color:var(--muted);font-size:.64rem;font-weight:800}.user-result-item strong,.user-result-item span:not(.profile-avatar){display:block}.profile-panel{width:min(640px,100%)}.profile-summary{grid-template-columns:auto minmax(0,1fr)}.chat-panel{width:min(680px,100%);animation:chat-panel-open .5s cubic-bezier(.16,1,.3,1) both}@keyframes chat-panel-open{0%{transform:translateY(-24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chat-title-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.chat-title-link:hover,.chat-title-link:focus-visible{text-decoration:underline}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar-button{display:inline-grid;padding:0;background:none;border:none;cursor:pointer}.chat-message-list{display:grid;align-content:start;gap:10px;min-height:220px;max-height:min(48vh,420px);overflow:auto;overscroll-behavior:contain;padding:8px;background:#05060d73;border:3px solid var(--border);scroll-behavior:smooth;touch-action:pan-y}.chat-message-row{display:grid;gap:8px}.chat-date-divider{justify-self:center;padding:4px 8px;background:var(--surface);border:3px solid var(--border);color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase;box-shadow:3px 3px #000}.chat-message-own,.chat-message-other{max-width:82%;padding:10px;background:var(--surface-muted);border:3px solid var(--border)}.chat-message-own{justify-self:end;border-color:var(--pixel-yellow)}.chat-message-other{justify-self:start}.chat-message-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.chat-message-list time{color:var(--pixel-yellow);font-size:.62rem;white-space:nowrap}.widget-invite-card{margin-top:8px;padding-top:8px;border-top:2px dashed var(--border)}.widget-invite-actions{display:flex;gap:8px}.widget-invite-status{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.chat-message-list p{margin:4px 0 0;color:var(--text);overflow-wrap:anywhere}.chat-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:end}.chat-attachment-menu-shell{position:relative}.chat-attachment-button{display:grid;width:46px;height:46px;place-items:center;padding:0;background:#142842;border:3px solid var(--border);color:var(--accent);font:inherit;font-size:1.2rem;font-weight:900;cursor:pointer}.chat-attachment-button:hover,.chat-attachment-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.chat-attachment-menu{position:absolute;z-index:5;bottom:calc(100% + 8px);left:0;display:grid;width:max-content;min-width:190px;background:#0b1020fa;border:3px solid var(--border);box-shadow:5px 5px #000}.chat-attachment-menu-item{padding:10px 14px;background:none;border:none;border-bottom:2px solid var(--border);color:var(--text);font:inherit;font-size:.7rem;font-weight:900;text-align:left;text-transform:uppercase;cursor:pointer}.chat-attachment-menu-item:last-child{border-bottom:none}.chat-attachment-menu-item:hover,.chat-attachment-menu-item:focus-visible{background:#5ff3ff1f;color:var(--pixel-yellow);outline:0}.tic-tac-toe-board{display:grid;gap:8px;justify-items:center}.tic-tac-toe-status{margin:0;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.tic-tac-toe-grid{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:4px}.tic-tac-toe-cell{display:grid;place-items:center;background:#142842;border:3px solid var(--border);color:var(--pixel-yellow);font-size:1.1rem;font-weight:900;cursor:pointer}.tic-tac-toe-cell:disabled{cursor:default}.tic-tac-toe-cell:not(:disabled):hover,.tic-tac-toe-cell:not(:disabled):focus-visible{border-color:var(--pixel-yellow);outline:0}.connect-four-grid{display:grid;grid-template-columns:repeat(7,28px);gap:3px;padding:6px;background:#0c1830;border:3px solid var(--border)}.connect-four-column{display:grid;gap:3px;padding:0;background:none;border:none;cursor:pointer}.connect-four-column:disabled{cursor:default}.connect-four-cell{display:block;width:28px;height:28px;background:#142842;border:2px solid var(--border);border-radius:50%}.connect-four-cell-x{background:var(--pixel-yellow);border-color:var(--pixel-yellow)}.connect-four-cell-o{background:var(--pixel-red);border-color:var(--pixel-red)}.connect-four-column:not(:disabled):hover .connect-four-cell:not(.connect-four-cell-x):not(.connect-four-cell-o){border-color:var(--pixel-yellow)}@keyframes connect-four-drop{0%{transform:translateY(calc(var(--fall-rows) * -100%))}70%{transform:translateY(0)}85%{transform:translateY(-10%)}to{transform:translateY(0)}}.connect-four-cell-dropping{animation-name:connect-four-drop;animation-duration:calc(.28s + var(--fall-rows) * .05s);animation-timing-function:cubic-bezier(.5,0,.9,.9)}.checkers-grid{display:grid;grid-template-columns:repeat(8,32px);grid-template-rows:repeat(8,32px);gap:0;border:3px solid var(--border)}.checkers-cell{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;cursor:default}.checkers-cell-light{background:#22314f}.checkers-cell-dark{background:#0c1830;cursor:pointer}.checkers-cell-dark:disabled{cursor:default}.checkers-cell-selected{box-shadow:inset 0 0 0 3px var(--pixel-yellow)}.checkers-piece{width:22px;height:22px;border-radius:50%;border:2px solid var(--border)}.checkers-piece-x{background:var(--pixel-yellow);border-color:var(--pixel-yellow)}.checkers-piece-o{background:var(--pixel-red);border-color:var(--pixel-red)}.checkers-piece-king:after{content:"★";display:grid;place-items:center;width:100%;height:100%;color:#0c1830;font-size:.7rem}.mill-board{position:relative;width:260px;height:260px;background:#0c1830;border:3px solid var(--border)}.mill-board-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mill-board-lines line{stroke:var(--border);stroke-width:1.5;vector-effect:non-scaling-stroke}.mill-point{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0;background:#142842;border:2px solid var(--border);border-radius:50%;cursor:pointer}.mill-point:disabled{cursor:default}.mill-point-x{background:var(--pixel-yellow);border-color:var(--pixel-yellow)}.mill-point-o{background:var(--pixel-red);border-color:var(--pixel-red)}.mill-point-selected{box-shadow:0 0 0 3px var(--accent)}.mill-point:not(:disabled):hover{border-color:var(--pixel-yellow)}.mill-point:disabled{opacity:.55}.mill-point-legal-target{opacity:1;background:#5ff3ff29;border-color:var(--accent);box-shadow:0 0 0 3px #5ff3ff59}.mill-point-legal-target:hover{border-color:var(--pixel-yellow);box-shadow:0 0 0 3px #ffd15c66}@keyframes mill-slide{0%{transform:translate(var(--slide-dx),var(--slide-dy))}to{transform:translate(0)}}.mill-point-sliding{animation:mill-slide .35s ease-out;z-index:1}.rps-choice-row{display:flex;flex-wrap:wrap;gap:8px}.rps-choice-button{padding:10px 14px;background:#142842;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}.rps-choice-button:not(:disabled):hover,.rps-choice-button:not(:disabled):focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.rps-choice-button:disabled{cursor:default;opacity:.6}.rps-choice-button-active{border-color:var(--pixel-yellow);color:var(--pixel-yellow);opacity:1}.chat-form textarea{min-height:46px;max-height:132px;padding:12px;overflow:auto;resize:none;background:#090d1a;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.82rem;font-weight:900;line-height:1.35;outline:0}.chat-form textarea:focus{border-color:var(--pixel-yellow)}.chat-notification-toast{position:fixed;z-index:62;right:max(18px,env(safe-area-inset-right));top:92px;display:grid;width:min(280px,calc(100vw - 36px));gap:5px;padding:12px;text-align:left;background:linear-gradient(45deg,rgba(95,243,255,.14) 25%,transparent 25%),linear-gradient(180deg,#121a2c,#080c18);background-size:10px 10px,auto;border:4px solid var(--pixel-green);color:var(--text);box-shadow:7px 7px #000;cursor:pointer;animation:chat-toast-in .18s steps(3,end) both}.chat-notification-toast:hover,.chat-notification-toast:focus-visible{border-color:var(--pixel-yellow);outline:0}.chat-notification-toast span,.chat-notification-toast strong,.chat-notification-toast small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-notification-toast span{color:var(--pixel-green);font-size:.62rem;font-weight:900;text-transform:uppercase}.chat-notification-toast strong{color:var(--pixel-yellow);font-size:.82rem;font-weight:900;text-transform:uppercase}.chat-notification-toast small{color:var(--muted);font-size:.7rem;font-weight:900}.chat-youtube-sound-frame{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}@keyframes chat-toast-in{0%{opacity:0;transform:translate(10px,-10px)}to{opacity:1;transform:translate(0)}}.chat-sound-volume{display:grid;grid-template-columns:auto minmax(0,1fr) 48px;gap:10px;align-items:center}.chat-sound-volume input{width:100%;height:24px;background:transparent;cursor:pointer;appearance:none}.chat-sound-volume input::-webkit-slider-runnable-track{height:8px;background:#061018;border:2px solid var(--border)}.chat-sound-volume input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000;appearance:none}.chat-sound-volume input::-moz-range-track{height:8px;background:#061018;border:2px solid var(--border)}.chat-sound-volume input::-moz-range-thumb{width:18px;height:18px;background:var(--pixel-yellow);border:3px solid #fff7d6;border-radius:0;box-shadow:3px 3px #000}.chat-sound-volume input:focus{outline:0}.chat-sound-volume input:focus::-webkit-slider-thumb,.chat-sound-volume input:focus::-moz-range-thumb{box-shadow:3px 3px #000,0 0 0 3px #5ff3ff57}.chat-sound-actions{display:flex;flex-wrap:wrap;gap:10px}.chat-sound-preset-row{display:flex;flex-wrap:wrap;gap:8px}.chat-sound-preset-slot{display:flex;gap:4px}.chat-sound-preset-button{padding:8px 12px;background:#142842;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;cursor:pointer}.chat-sound-preset-button:hover,.chat-sound-preset-button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.chat-sound-preset-button-active{background:var(--pixel-yellow);border-color:var(--pixel-yellow);color:#041018}.chat-sound-preset-button-active:hover,.chat-sound-preset-button-active:focus-visible{color:#041018}.chat-sound-preset-rename{padding:0 8px;background:#142842;border:3px solid var(--border);color:var(--muted);font:inherit;font-size:.68rem;cursor:pointer}.chat-sound-preset-rename:hover,.chat-sound-preset-rename:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.chat-sound-preset-remove{padding:0 10px;background:#142842;border:3px solid var(--border);color:var(--muted);font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.chat-sound-preset-remove:hover,.chat-sound-preset-remove:focus-visible{border-color:var(--pixel-red);color:var(--pixel-red);outline:0}.chat-sound-preset-rename-input{padding:8px 10px;background:#0c1830;border:3px solid var(--pixel-yellow);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;outline:0}.chat-sound-preset-add{padding:8px 12px;background:none;border:3px dashed var(--border);color:var(--muted);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;cursor:pointer}.chat-sound-preset-add:hover,.chat-sound-preset-add:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.chat-sound-preset-add:disabled{opacity:.4;cursor:not-allowed}.chat-sound-preset-add:disabled:hover{border-color:var(--border);color:var(--muted)}.account-field-note{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:none;text-shadow:none}.account-settings-list{display:grid;gap:10px;margin:0}.account-settings-list div{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1fr);gap:12px;padding:10px;background:#05060d85;border:3px solid rgba(60,72,104,.78)}.account-settings-list dt{color:var(--pixel-yellow);font-weight:900;text-transform:uppercase}.account-settings-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font-weight:900}.account-role{display:inline-flex;align-items:center;padding:0;text-transform:uppercase}.account-role-admin{color:var(--pixel-red)}.account-role-besucher{color:var(--muted)}.account-role-mod{color:var(--pixel-green)}.account-save-button,.account-reset-password-button,.account-logout-button{justify-self:stretch;width:100%}.account-reset-password-button{min-height:46px}.account-logout-button{height:60px;background:#ff102f;border-color:#fff7d6;color:#061018;font-size:1.08rem;box-shadow:6px 6px #000,0 0 18px #ff102f8c}.account-delete-swipe{position:relative;display:grid;grid-template-columns:1fr;align-items:center;width:100%;min-height:48px;margin-top:2px;-webkit-user-select:none;user-select:none}.account-delete-track{position:relative;display:grid;place-items:center;min-height:24px;overflow:hidden;background:#061018;border:3px solid var(--border);box-shadow:3px 3px #000}.account-delete-fill{position:absolute;inset:0 auto 0 0;background:var(--pixel-red)}.account-delete-text{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:0 54px;overflow:hidden;color:var(--muted);font-size:.58rem;font-weight:900;line-height:1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.account-delete-handle{position:absolute;left:0;z-index:2;display:grid;width:46px;height:46px;place-items:center;padding:0;background:var(--surface-muted);border:3px solid var(--pixel-red);color:var(--pixel-red);cursor:grab;box-shadow:4px 4px #000;touch-action:none}.account-delete-handle:active{cursor:grabbing}.account-trash-icon{position:relative;width:24px;height:24px;background:linear-gradient(currentColor,currentColor) 6px 0 / 12px 3px no-repeat,linear-gradient(currentColor,currentColor) 2px 5px / 20px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 8px / 3px 14px no-repeat,linear-gradient(currentColor,currentColor) 17px 8px / 3px 14px no-repeat,linear-gradient(currentColor,currentColor) 4px 19px / 16px 3px no-repeat,linear-gradient(currentColor,currentColor) 8px 11px / 2px 8px no-repeat,linear-gradient(currentColor,currentColor) 11px 11px / 2px 8px no-repeat,linear-gradient(currentColor,currentColor) 14px 11px / 2px 8px no-repeat}.account-trash-icon:before,.account-trash-icon:after{content:none}.delete-account-panel{width:min(560px,100%)}.delete-account-warning{margin:0;padding:12px;background:#ff102f1f;border:3px solid var(--pixel-red);color:var(--text);font-weight:900}.delete-account-confirm-button{width:100%;height:54px;background:#ff102f;border-color:#fff7d6;color:#061018;font-size:.94rem;box-shadow:6px 6px #000,0 0 18px #ff102f80}.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}.account-settings-content .orders-list,.account-settings-content .admin-user-list{max-height:none;overflow:visible;padding-right:0}.admin-user-toolbar{display:grid;grid-template-columns:auto auto minmax(180px,1fr);gap:10px;align-items:center;padding:10px;background:var(--surface-muted);border:3px solid var(--border);box-shadow:4px 4px #000}.admin-user-toolbar strong{color:var(--pixel-green);font-size:.8rem;text-transform:uppercase}.admin-user-toolbar span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.admin-user-toolbar input{min-height:38px;padding:0 10px;background:#090d1a;border:3px solid var(--border);color:var(--text);font:inherit;font-size:.78rem;font-weight:900;outline:0}.admin-user-toolbar input:focus{border-color:var(--pixel-yellow)}.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{display:inline-flex;align-items:center;gap:8px;color:var(--pixel-yellow);text-transform:uppercase}.admin-user-main .online-dot{flex:0 0 auto}.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;text-transform:uppercase;box-shadow:3px 3px #000}.danger-button{height:38px;padding:0 12px;background:#ff4d5e6b;border:3px solid var(--pixel-red);color:var(--text);font:inherit;font-size:.68rem;font-weight:900;text-transform:uppercase;box-shadow:3px 3px #000;cursor:pointer}.danger-button:hover:not(:disabled),.danger-button:focus-visible:not(:disabled){background:var(--pixel-red);color:#1a0304;outline:0}.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.mx5-info-hero{grid-template-columns:minmax(0,1fr) auto auto;align-items:start}.mx5-info-car{position:relative;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;overflow:hidden}.mx5-info-car-road{position:absolute;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' shape-rendering='crispEdges'%3E%3Crect width='20' height='80' fill='%232f333d'/%3E%3Crect x='19' width='1' height='80' fill='%23f2f2f2'/%3E%3Crect x='0' y='6' width='1' height='34' fill='%23f2f2f2'/%3E%3C/svg%3E");background-repeat:repeat;background-size:100% 80px;image-rendering:pixelated;animation-name:mx5RoadScroll;animation-duration:var(--mx5-road-duration, 3s);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--mx5-road-play-state, paused)}@keyframes mx5RoadScroll{0%{background-position-y:0}to{background-position-y:80px}}.mx5-info-car-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.mx5-parking-indicator-box{display:grid;place-items:center;padding:5px;background:#05060d99;border:2px solid var(--border);box-shadow:3px 3px #000}.mx5-parking-indicator{display:block;width:30px;height:30px;image-rendering:pixelated}.mx5-info-car-top{position:relative;z-index:1;display:block;width:196%;height:auto;max-width:none;transform:rotate(90deg);filter:drop-shadow(8px 8px 0 rgba(0,0,0,.52))}.mx5-live-widget{position:relative;margin-top:16px;width:min(380px,100%);aspect-ratio:16 / 10;overflow:hidden;cursor:pointer;background:#05060d6b;border:4px solid var(--border);box-shadow:6px 6px #000}.mx5-live-widget:hover,.mx5-live-widget:focus-visible{border-color:var(--accent)}.mx5-mini-map{width:100%;height:100%;pointer-events:none}.mx5-live-widget-updated{margin-top:8px;width:min(280px,100%);font-size:.8rem;opacity:.72}.mx5-mini-map-badge{position:absolute;z-index:1000;top:10px;left:10px;display:flex;align-items:center;gap:5px;padding:3px 8px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#d64545;border:2px solid #000;box-shadow:3px 3px #000;pointer-events:none}.mx5-mini-map-badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:mx5LiveBadgeBlink 1.1s steps(1,end) infinite}@keyframes mx5LiveBadgeBlink{0%,49%{opacity:1}50%,to{opacity:.15}}.mx5-stats-panel{width:min(300px,100%);padding:12px;display:grid;gap:10px;align-content:start;background:#05060d6b;border:4px solid var(--border);box-shadow:6px 6px #000}.mx5-stats-range-group{display:flex;flex-wrap:wrap;gap:6px}.mx5-stats-range-group button{min-height:28px;padding:0 10px;background:var(--surface-muted);border:2px solid var(--border);color:var(--muted);font:inherit;font-size:.62rem;font-weight:900;text-transform:uppercase;cursor:pointer}.mx5-stats-range-group button:hover,.mx5-stats-range-group button:focus-visible{border-color:var(--pixel-yellow);color:var(--pixel-yellow);outline:0}.mx5-stats-range-group button.mx5-stats-range-button-active{border-color:var(--pixel-green);color:var(--pixel-green)}.mx5-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mx5-stats-tile{display:grid;gap:4px;padding:8px;background:var(--surface-muted);border:2px solid var(--border)}.mx5-stats-tile-label{color:var(--muted);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mx5-stats-tile-value{color:var(--text);font-size:.95rem;font-weight:900}.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;padding:10px 12px;color:var(--text);background:#5ff3ff24;border:3px solid var(--accent);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}.spotify-widget{left:12px;bottom:12px;grid-template-columns:58px minmax(0,1fr);width:min(310px,calc(100vw - 24px));padding:10px}.spotify-cover{width:58px;height:58px}.spotify-meta{min-height:58px;gap:4px}.spotify-meta strong{font-size:.92rem}.spotify-meta span{font-size:.74rem}.spotify-controls{grid-template-columns:repeat(auto-fit,38px)}.spotify-controls button,.spotify-controls a{width:38px;height:34px}.shelly-floating-button{min-width:150px;min-height:50px;padding:0 14px;font-size:.72rem}.search-shell,.search-form{width:100%}.search-form input{flex:1;width:auto}.auth-name-grid{grid-template-columns:1fr}.account-settings-layout{grid-template-columns:1fr;min-height:0}.account-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0;padding-bottom:12px;border-right:0;border-bottom:4px solid rgba(60,72,104,.82)}.account-settings-tabs button{text-align:center}.account-settings-list div{grid-template-columns:1fr;gap:4px}.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(calc(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}}@media(max-width:980px){.auth-overlay{align-items:start;overflow-y:auto;padding:16px}.auth-panel{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.account-settings-panel,.admin-panel,.orders-panel,.chat-panel,.profile-panel{width:min(100%,calc(100vw - 32px))}.admin-user-main,.admin-user-actions,.order-card div,.hud-settings-heading,.hud-shelly-row{align-items:stretch;flex-direction:column}.admin-user-actions label{justify-content:space-between}.project-page-grid{grid-template-columns:1fr}.project-card{width:100%}}@media(max-width:640px){body{overflow-x:hidden}.site-header{position:static}.nav{padding:12px}.logo{width:100%;min-width:0;font-size:.92rem}.logo img{width:36px;height:36px}.nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.nav-links button{min-height:38px;padding:0 8px;background:#0b1020bd;border:2px solid var(--border);font-size:.72rem}.nav-actions{display:grid;grid-template-columns:1fr auto}.nav-button{min-width:0;min-height:42px;padding:0 10px}.search-shell{grid-column:1 / -1;width:100%;max-width:none}.user-search-dropdown{position:fixed;top:12px;right:12px;left:12px;max-height:min(78dvh,520px)}.auth-overlay{padding:10px}.auth-panel{width:100%;max-height:calc(100dvh - 20px);gap:14px;padding:16px;border-width:3px;box-shadow:5px 5px #000}.auth-panel-header{gap:12px}.auth-close-button{width:38px;height:38px}.account-settings-tabs{grid-template-columns:1fr;max-height:190px;overflow:auto}.avatar-editor{grid-template-columns:1fr}.avatar-pixel-grid{grid-template-columns:repeat(21,minmax(14px,1fr))}.avatar-pixel-grid button{width:100%;height:auto;aspect-ratio:1}.api-settings-card,.profile-request-item,.user-result-item,.profile-summary,.account-settings-list div,.project-spec-list div,.hud-widget-toggle-list{grid-template-columns:1fr}.hud-site-preview{min-height:280px}.spotify-device-manage-row{grid-template-columns:18px minmax(0,1fr)}.spotify-device-manage-row>input{grid-column:2}.chat-message-own,.chat-message-other{max-width:94%}.chat-form,.comment-form{grid-template-columns:1fr}.chat-form .button,.comment-form .button{width:100%}.online-friends-rail{max-width:64px;max-height:min(56dvh,360px);overflow:auto;padding:8px}.online-friends-rail>span{font-size:.48rem}.spotify-widget{grid-template-columns:50px minmax(0,1fr);width:min(300px,calc(100vw - 16px));padding:8px;border-width:3px;box-shadow:5px 5px #000}.spotify-cover{width:50px;height:50px}.spotify-controls{grid-template-columns:repeat(5,minmax(34px,1fr))}.spotify-controls button,.spotify-controls a{width:100%;height:34px}.shelly-floating-stack{max-width:min(210px,calc(100vw - 16px));max-height:min(54dvh,360px);overflow:auto;justify-items:stretch}.shelly-floating-button,.shelly-roller-control{width:100%;min-width:0}.shelly-roller-actions{grid-template-columns:repeat(3,minmax(38px,1fr))}.shelly-roller-button{width:100%}.chat-notification-toast{top:12px;right:12px;left:12px;width:auto}.hero{min-height:auto;padding:44px 12px 52px}h1{font-size:clamp(2rem,14vw,3.4rem)}h2{font-size:clamp(1.55rem,10vw,2.35rem)}.hero-actions,.project-action-bar{display:grid;grid-template-columns:1fr}.button,.software-link,.project-price,.rating-box,.sold-out-badge{width:100%}.section,.project-page{width:min(calc(100% - 24px),1180px)}.project-card{padding:18px;border-width:3px;box-shadow:5px 5px #000}.project-media,.project-page-media{width:100%}.project-page-hero,.project-info-panel,.project-comments-panel{padding:18px;border-width:3px}.mx5-info-hero.mx5-info-hero{grid-template-columns:1fr}.mx5-info-car{width:min(180px,60vw);justify-self:start}}@media(max-width:420px){.nav-links,.nav-actions{grid-template-columns:1fr}.auth-nav-button{width:100%}.spotify-widget{grid-template-columns:1fr}.spotify-cover{display:none}.spotify-volume,.spotify-device-select,.chat-sound-volume,.timeline-range{grid-template-columns:1fr}.timeline-duration{display:none}}@media(max-height:620px){.spotify-widget,.shelly-floating-stack,.online-friends-rail{max-height:calc(100dvh - 96px);overflow:auto}.auth-panel{max-height:calc(100dvh - 20px);overflow:auto}}.auth-panel select{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 select:focus{border-color:var(--accent);box-shadow:4px 4px #000}.mazda-map-panel{width:min(720px,100%)}.mazda-map-container{width:100%;height:min(60vh,480px);border:3px solid var(--border);box-shadow:4px 4px #000}.mazda-map-container .leaflet-control-attribution{font-size:.6rem}.mazda-map-tile{image-rendering:pixelated;filter:contrast(1.18) saturate(1.45) brightness(1.03)}.mx5-info-car-button{appearance:none;font:inherit;cursor:pointer;transition:transform .15s ease}.mx5-info-car-button:hover{transform:translateY(-2px)}.mx5-info-car-button:active{transform:translateY(0)}.mazda-car-marker img{image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.55));transition:transform .4s ease}