:root{--bg:#0c0e14;--green:#4ade80;--green-glow:#4ade801f;--blue:#60a5fa;--text:#c4c9d4;--text-dim:#6b7280;--bezel:#1a1e28;--phone-w:380px;--phone-h:812px;--frame-radius:28px;--frame-border:4px}*{box-sizing:border-box;margin:0;padding:0}body>lynx-view{display:none!important}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#4ade800a 1px,#0000 1px),linear-gradient(90deg,#4ade800a 1px,#0000 1px);background-size:60px 60px;position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#4ade8026 0%,#0000 65%);width:520px;height:640px;position:fixed;top:50%;left:50%;transform:translate(-68%,-50%)}.container{z-index:1;align-items:center;gap:56px;max-width:1060px;padding:32px;animation:.5s ease-out fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-panel{flex-shrink:0}.phone-frame{width:var(--phone-w);height:var(--phone-h);border-radius:var(--frame-radius);border:var(--frame-border)solid var(--bezel);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden;box-shadow:0 6px 28px #00000080}.info-panel{flex-direction:column;gap:24px;max-width:360px;display:flex}.info-panel h1{color:var(--green);font-family:"Press Start 2P",monospace;font-size:20px;line-height:1.7;animation:.5s ease-out .1s both fadeIn}.info-panel .desc{color:var(--text-dim);font-size:15px;font-weight:300;line-height:1.8;animation:.5s ease-out .2s both fadeIn}.info-panel a{color:var(--blue);font-weight:400;text-decoration:none;transition:color .2s}.info-panel a:hover{color:var(--green)}.qr-card{background:linear-gradient(168deg,#1a1e28cc 0%,#0c0e1499 100%);border:1px solid #4ade801a;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 24px 16px;animation:.5s ease-out .3s both fadeIn;display:flex}.qr-canvas canvas,.qr-canvas svg{border-radius:6px;display:block}.qr-label{color:var(--text);margin-top:2px;font-size:13px;font-weight:500}.qr-hint{color:var(--text-dim);font-size:12px;line-height:1.5}.qr-hint a{color:var(--blue);font-weight:400;text-decoration:none;transition:color .2s}.qr-hint a:hover{color:var(--green)}.source-link{font-size:14px;animation:.5s ease-out .4s both fadeIn}.mobile-info-btn,.drawer-backdrop{display:none}@media (max-width:768px){body{background:#000;padding:0;display:block}body:before,body:after{display:none}.container{padding:0;animation:none;display:block}.info-panel{display:none}.game-panel{position:fixed;top:0;bottom:0;left:0;right:0}.phone-frame{width:100%;height:100%;box-shadow:none;border:none;border-radius:0}.mobile-info-btn{z-index:90;-webkit-backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;background:#0c0e14b3;border:1px solid #4ade8040;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s,border-color .2s;display:flex;position:fixed;bottom:16px;right:16px}.mobile-info-btn:active{color:#fff;border-color:var(--green)}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-end;animation:.2s ease-out backdropIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.drawer{width:100%;max-width:420px;max-height:85vh;padding:28px 24px calc(env(safe-area-inset-bottom,20px) + 24px);background:linear-gradient(#1a1e28 0%,#0c0e14 100%);border-top:1px solid #4ade801f;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:16px;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlide;display:flex;position:relative;overflow-y:auto}@keyframes drawerSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;line-height:0;transition:color .2s;position:absolute;top:12px;right:12px}.drawer-close:active{color:var(--text)}.drawer-qr-card{background:#1a1e2880;border:1px solid #4ade801a;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:20px 24px 16px;display:flex}.drawer-divider{background:#4ade801f;width:40px;height:1px}.drawer-desc{color:var(--text-dim);text-align:center;font-size:14px;font-weight:300;line-height:1.7}.drawer-desc a{color:var(--blue);font-weight:400;text-decoration:none}.drawer-title{color:var(--green);letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:11px}.drawer-source{color:var(--blue);font-size:13px;font-weight:400;text-decoration:none}}