@font-face{font-family:PixelFont;src:url(/fonts/W95FA.otf) format("opentype");font-weight:400;font-style:normal}.pixel-button{padding:8px 16px;font-size:16px;text-transform:lowercase;left:50%;bottom:50px;transform:translateX(-50%);min-width:120px;text-align:center;animation:fadeIn 1s ease-in-out;box-shadow:3px 3px 0 rgba(0,0,0,.2)}.corner-button,.pixel-button{font-family:PixelFont,monospace;color:black;position:fixed;cursor:pointer;background-color:white;border:2px solid black;border-radius:8px;transition:all .2s}.corner-button{padding:4px 8px;font-size:14px;text-transform:uppercase;image-rendering:pixelated;box-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:200;top:10px}.x-button{left:10px}.smiley-button{left:40px}.disconnect-button{left:70px}.pixel-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffff;border:2px solid #000000;padding:20px;z-index:1000;font-family:PixelFont,monospace;width:80%;max-width:800px;height:80%;max-height:600px;box-shadow:5px 5px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;color:#000000;image-rendering:pixelated;--b:2px;--s:8px;--c:#000000;clip-path:polygon(0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 12px),0 calc(100% - 12px));&:before{top:4px;left:4px;right:4px;bottom:4px;border:1px dashed rgba(0,0,0,.3)}&:after,&:before{content:"";position:absolute;pointer-events:none}&:after{top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 2px)}}.pixel-modal-content{flex:1;overflow-y:auto;padding-right:10px;margin-top:10px;-webkit-overflow-scrolling:touch;height:100%;scrollbar-width:thin}.pixel-modal-content::-webkit-scrollbar{width:8px}.pixel-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.pixel-modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.pixel-modal-content::-webkit-scrollbar-thumb:hover{background:#555}.pixel-modal h2{font-size:20px;margin-bottom:15px;color:#000000;text-shadow:1px 1px 0 rgba(0,0,0,.2);letter-spacing:1px;border-bottom:1px solid #000000;padding-bottom:5px}.pixel-modal h3{font-size:18px;margin-top:20px;margin-bottom:10px;color:#000000;border-left:3px solid #000000;padding-left:8px}.pixel-modal h4{font-size:16px;margin-top:15px;margin-bottom:8px;color:#000000;border-bottom:1px dashed rgba(0,0,0,.3);display:inline-block;padding-bottom:2px}.pixel-modal p{margin-bottom:10px;line-height:1.4;color:#333333}.pixel-modal ul{margin-bottom:15px;padding-left:20px;color:#333333}.pixel-modal li{margin-bottom:5px;position:relative}.pixel-modal li:before{content:">";position:absolute;left:-15px;color:#000000}.pixel-modal strong{color:#000000;font-weight:700;background-color:rgba(0,0,0,.1);padding:0 3px}.pixel-modal .term{text-decoration:underline;text-decoration-style:dotted;cursor:help;position:relative;display:inline-block}.pixel-modal .term:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#000000;color:#ffffff;padding:5px 10px;border:1px solid #000000;border-radius:4px;font-size:14px;white-space:nowrap;z-index:100}.pixel-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:2px solid #000000;padding-bottom:10px;position:sticky;top:0;background-color:#ffffff;z-index:10}.toc-item{cursor:pointer;transition:transform .2s;display:block;margin-bottom:5px}.toc-item:hover{transform:translateX(5px);font-weight:700}.toc-item.active{font-weight:700;text-decoration:underline}.pixel-modal-title{font-size:18px;font-weight:700;color:#000000;letter-spacing:2px;position:relative;padding:0 10px}.pixel-modal-title:after,.pixel-modal-title:before{content:"[";position:absolute;left:-5px}.pixel-modal-title:after{content:"]";position:absolute;right:-5px}.pixel-modal-close{background:none;border:2px solid #000000;font-size:16px;cursor:pointer;color:#000000;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.pixel-modal-close:hover{background-color:#000000;color:#ffffff}.pixel-modal-content{line-height:1.5}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:999;backdrop-filter:blur(2px);&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.3}}.corner-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:2px 4px 0 rgba(0,0,0,.3)}.corner-button:active{background-color:#e0e0e0;transform:translateY(0);box-shadow:1px 1px 0 rgba(0,0,0,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pixel-button:hover{background-color:#f0f0f0;transform:translateX(-50%) translateY(-2px);box-shadow:3px 5px 0 rgba(0,0,0,.3)}.pixel-button:active{background-color:#e0e0e0;transform:translateX(-50%) translateY(0);box-shadow:1px 1px 0 rgba(0,0,0,.2)}.notification{position:fixed;bottom:20px;left:20px;background-color:rgba(0,0,0,.8);color:white;padding:10px 20px;border-radius:4px;font-family:PixelFont,monospace;z-index:1000;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;text-transform:lowercase}.notification.show{opacity:1;transform:translateY(0)}.pixel-logo{image-rendering:pixelated;width:500px!important;height:auto!important;position:fixed;top:100px;left:50%;transform:translateX(-50%);animation:floatLogo 3s ease-in-out infinite}@keyframes floatLogo{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}to{transform:translateX(-50%) translateY(0)}}.pixel-text{font-family:PixelFont,monospace;image-rendering:pixelated;text-transform:lowercase;font-size:24px!important;color:black;position:fixed;top:500px;left:50%;transform:translateX(-50%);width:100%;text-align:center}.end-cursor,.typing-cursor{display:inline-block;width:2px;height:1em;background-color:black;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle;position:relative;top:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fixed-content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}