.site-header{position:fixed;top:0;left:0;width:100%;height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;background-color:#1b0f2a;box-sizing:border-box;z-index:10000;box-shadow:0 4px 12px rgb(255 0 255 / .2)}.site-header .left,.site-header .center,.site-header .right{display:flex;align-items:center}.site-header .left{justify-content:flex-start;gap:16px}.site-header .center{justify-content:center}.site-header .right{justify-content:flex-end;gap:16px}.night-toggle{display:inline-flex;align-items:center;gap:6px;font-size:18px;margin-left:16px;user-select:none}.night-toggle input[type="checkbox"]{width:40px;height:20px;appearance:none;background:#333;border-radius:10px;position:relative;cursor:pointer;transition:all 0.3s ease}.night-toggle input[type="checkbox"]::before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform 0.2s ease}.night-toggle input[type="checkbox"]:checked{background:#a300ff}.night-toggle input[type="checkbox"]:checked::before{transform:translateX(20px)}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.logo-img{width:100px;height:auto;object-fit:contain}.header-gif-wrapper{position:relative;width:120px;height:120px}.jojo-gif{position:absolute;top:0;left:0;width:120px;height:120px;object-fit:contain;transition:opacity 0.2s ease}.blink{opacity:0;pointer-events:none}.header-gif-wrapper:hover .idle{opacity:0}.header-gif-wrapper:hover .blink{opacity:1}.extra-header-icons{display:flex;align-items:center;gap:12px}.header-icon{width:50px;height:50px;cursor:pointer;transition:transform 0.2s ease}.header-icon:hover{transform:scale(1.1)}.header-link{color:#fcf;font-weight:700;font-size:15px;cursor:pointer;transition:color 0.2s ease}.header-link:hover{color:#fff}.wallet-box{display:flex;align-items:center;gap:8px;background:rgb(255 255 255 / .05);padding:6px 12px;border-radius:10px;font-size:13px;color:#eaeaea;box-shadow:0 0 8px rgb(255 0 255 / .1)}.wallet-box button{background:none;border:none;color:#fcf;font-size:14px;cursor:pointer;font-family:monospace}.wallet-box button:hover{text-decoration:underline}.phantom-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6f00ff,#9c27b0);color:#fff;font-weight:700;padding:12px 20px;border:none;border-radius:14px;font-size:15px;cursor:pointer;box-shadow:0 0 16px #c084fc88,0 0 32px #f0f4;transition:all 0.2s ease-in-out;font-family:'Courier New',monospace;text-shadow:0 0 4px #000}.phantom-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #e879f9,0 0 40px #d946efcc;background:linear-gradient(135deg,#8e44ad,#d500f9)}.phantom-icon{width:22px;height:22px;filter:drop-shadow(0 0 2px #fff)}.disconnect-btn{background:none;border:1px dashed #f9c;color:#f9c;font-size:13px;padding:4px 10px;margin-left:10px;border-radius:6px;cursor:pointer;font-family:'Courier New',monospace;transition:all 0.2s ease}.disconnect-btn:hover{background:#f9c3;color:#fff}.command-header-input{flex:1;min-width:0;padding:10px;background:#000;border:1px solid #555;border-radius:8px;color:#fff;font-size:14px;font-family:'Courier New',monospace;box-shadow:inset 0 0 6px rgb(255 0 255 / .15);transition:box-shadow 0.3s ease}.command-header-input::placeholder{color:#aaa;font-style:italic}.command-header-input:focus{outline:none;box-shadow:0 0 6px #a300ff;border-color:#a300ff}.btn-jojo-wall{background:linear-gradient(45deg,#a300ff,#5400ff);color:#fff;border:none;padding:10px 24px;font-weight:700;font-family:'Courier New',monospace;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #a300ffaa;transition:all 0.3s ease;font-size:16px;white-space:nowrap}.btn-jojo-wall:hover{background:linear-gradient(45deg,#5400ff,#a300ff);box-shadow:0 0 15px #f0fc;transform:scale(1.05)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .7);display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-overflow-scrolling:touch}.modal.hidden{display:none}.modal-content{position:relative;width:90vw;height:90vh;background:#0e0e0e;border-radius:10px;border:1.2px solid rgb(163 0 255 / .9);overflow:hidden;box-shadow:0 0 20px rgb(163 0 255 / .6);transition:box-shadow 0.3s ease}.modal-content:hover{box-shadow:0 0 30px rgb(255 0 255 / .8)}.modal-iframe{width:100%;height:100%;border:none;background:#0e0e0e}.modal-close{position:absolute;top:8px;right:8px;background:#a300ff;border:none;color:#fff;font-size:22px;cursor:pointer;border-radius:6px;padding:2px 8px;z-index:10;transition:background 0.3s ease}.modal-close:hover{background:#f0f}.mobile-header{display:none!important}@media (max-width:768px){.site-header{display:none!important}.mobile-header{display:block!important;width:100%;background:#1b0f2a;padding:12px;box-sizing:border-box}.mobile-header-row.top-row{display:flex;align-items:center;gap:12px}.mascot{flex:1;display:flex;align-items:center}.mascot-img{width:48px;height:auto}.jojo-logo-img{height:28px;object-fit:contain}.mobile-night-toggle{display:flex;align-items:center;gap:6px;margin-left:4px;font-size:16px;user-select:none}.mobile-night-toggle input[type="checkbox"]{width:36px;height:18px;appearance:none;background:#333;border-radius:10px;position:relative;cursor:pointer;transition:all 0.3s ease}.mobile-night-toggle input[type="checkbox"]::before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform 0.2s ease}.mobile-night-toggle input[type="checkbox"]:checked{background:#a300ff}.mobile-night-toggle input[type="checkbox"]:checked::before{transform:translateX(18px)}.wallet{flex:3;display:flex;justify-content:flex-end}.phantom-btn{padding:10px 14px;font-size:13px;border-radius:12px;box-shadow:0 0 10px #c084fc88}.phantom-btn.disconnect{background:#fff0;border:1px dashed #f9c;color:#f9c}.phantom-btn.disconnect:hover{background:#f9c3;color:#fff}.phantom-icon{width:18px;height:18px}.mobile-header-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:8px 0 12px;border-bottom:2px solid #f0f;padding:0;width:100%;box-sizing:border-box}.mobile-header-icons img{width:100%;max-width:40px;height:40px;padding:6px;border-radius:10px;margin:0 auto}.mobile-command-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.command-header-input{font-size:13px}.btn-jojo-wall{padding:10px 14px;font-size:13px;flex-shrink:0}.modal{background:#0e0e0e;padding:0}.modal-content{width:100vw;height:100vh;border-radius:0;border:none}.modal-close{top:15px;right:15px;background:rgb(163 0 255 / .9);padding:8px 12px;font-size:24px;z-index:999999}}.hidden{display:none!important}