*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,monospace;overflow:hidden}canvas{display:block}.panel{color:#e0e0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0a1eeb;border:1px solid #0ff;border-radius:8px;width:min(500px,90vw);max-height:80vh;padding:2rem;transition:opacity .3s,transform .3s,width .3s,padding .3s;position:fixed;top:50%;right:2rem;overflow-y:auto;transform:translateY(-50%);box-shadow:0 0 30px #00ffff4d}.panel.hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(30px)}.panel.enlarged{width:min(900px,92vw);max-height:90vh;padding:2.5rem 3rem;left:50%;right:auto;transform:translate(-50%,-50%)}.panel.enlarged.hidden{transform:translate(-50%,-50%)translate(30px)}.panel.enlarged h2{font-size:2.4rem}.panel.enlarged h3{margin:1.8rem 0 .7rem;font-size:1.55rem}.panel.enlarged p,.panel.enlarged li{font-size:1.15rem;line-height:1.75}.panel.enlarged .panel-nav-btn{padding:.8rem 1.2rem;font-size:1.05rem}.panel-close{color:#f0f;cursor:pointer;background:0 0;border:1px solid #f0f;border-radius:50%;width:32px;height:32px;font-size:1rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.panel-close:hover{color:#0a0a2e;background:#f0f}.panel-expand{color:#0ff;cursor:pointer;background:0 0;border:1px solid #0ff;border-radius:50%;width:32px;height:32px;font-size:.95rem;line-height:1;transition:all .2s;position:absolute;top:1rem;right:3.5rem}.panel-expand:hover,.panel.enlarged .panel-expand{color:#0a0a2e;background:#0ff}.panel h2{color:#0ff;text-shadow:0 0 10px #0ff;margin-bottom:1rem;font-size:1.8rem}.panel h3{color:#f0f;margin:1.5rem 0 .5rem;font-size:1.2rem}.panel p{margin-bottom:1rem;line-height:1.6}.panel ul{padding-left:0;list-style:none}.panel li{padding:.3rem 0 .3rem 1.5rem;position:relative}.panel li:before{content:">";color:#0fa;position:absolute;left:0}.panel code{color:#0fa;background:#00ffff14;border:1px solid #00ffff40;border-radius:3px;padding:.05rem .35rem;font-size:.9em}.panel strong{color:#ff8aff}.panel-nav{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.panel-nav-btn{color:#0ff;cursor:pointer;background:0 0;border:1px solid #0ff;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.panel-nav-btn:hover{color:#0a0a2e;background:#0ff;box-shadow:0 0 15px #0ff6}.panel-nav-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.hint{color:#0fa;opacity:.7;pointer-events:none;z-index:5;font-size:.9rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.loader{color:#0fa;z-index:1000;background:#05050a;justify-content:center;align-items:center;font-family:Courier New,monospace;transition:opacity .8s;display:flex;position:fixed;inset:0}.loader.fade-out{opacity:0;pointer-events:none}.loader-content{width:min(600px,90vw);padding:2rem}.loader-title{color:#0ff;text-shadow:0 0 20px #0ff,0 0 40px #0ff;letter-spacing:.3rem;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;animation:3s infinite glitch}.loader-subtitle{color:#f0f;margin-bottom:2rem;font-size:1rem}.loader-log{background:#00ffaa0d;border-left:2px solid #0fa;height:180px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.6;overflow:hidden}.loader-log .log-line{opacity:0;animation:.3s forwards appear}.loader-bar-container{background:#00ffff1a;border:1px solid #0ff;width:100%;height:10px;position:relative;overflow:hidden}.loader-bar{background:linear-gradient(90deg,#0ff,#f0f);width:0%;height:100%;transition:width .2s;box-shadow:0 0 15px #0ff}.loader-percent{text-align:right;color:#0ff;margin-top:.5rem;font-size:1.1rem}.loader-enter{color:#f0f;letter-spacing:.2rem;cursor:pointer;text-shadow:0 0 10px #f0f;background:0 0;border:2px solid #f0f;width:100%;margin-top:2rem;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s;display:none}.loader-enter.visible{animation:.5s forwards appear;display:block}.loader-enter:hover{color:#05050a;text-shadow:none;background:#f0f;box-shadow:0 0 30px #f0f}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%,92%,to{transform:translate(0)}93%{color:#f0f;transform:translate(-2px)}94%{color:#0ff;transform:translate(2px)}95%{transform:translate(-1px)}}@media (width<=768px){.panel{border-radius:12px 12px 0 0;width:100%;max-height:70vh;padding:1.5rem;inset:auto 0 0;transform:translateY(0)}.panel.hidden{transform:translateY(100%)}.panel-expand{display:none}.panel h2{font-size:1.4rem}.panel h3{font-size:1.1rem}.panel p,.panel li{font-size:.95rem}.hint{text-align:center;padding:0 1rem;font-size:.8rem;bottom:1rem}.loader-log{height:140px;font-size:.8rem}.loader-subtitle{font-size:.9rem}.loader-enter{padding:.8rem;font-size:.95rem}}