.heart-container{position:absolute;bottom:100px;right:-50px;z-index:2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.heart-container .heart-image{width:100%;height:auto;pointer-events:none;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}@media (min-width: 768px){.heart-container{bottom:150px;right:-75px}}@media (min-width: 1024px){.heart-container{bottom:200px;right:-100px}}.heart-particle{position:absolute;font-size:20px;pointer-events:none;image-rendering:pixelated;animation:particle-explode 2s ease-out forwards}@keyframes particle-explode{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(720deg) scale(0);opacity:0}}.pixel-message{position:absolute;top:-80px;left:50%;transform:translate(-50%);text-align:center;background:#000;border:4px solid #ff1493;padding:12px 20px;white-space:nowrap;animation:pixel-message-appear 3s ease-out forwards;box-shadow:0 0 20px #ff149399,inset 0 0 10px #ff14934d;image-rendering:pixelated;pointer-events:none}.pixel-message-text{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#ff1493;text-shadow:2px 2px 0 #000,-1px -1px 0 #fff;letter-spacing:2px;margin-bottom:4px}.pixel-message-subtext{font-family:Courier New,monospace;font-size:14px;color:#fff;text-shadow:1px 1px 0 #000}@keyframes pixel-message-appear{0%{opacity:0;transform:translate(-50%) scale(0) rotate(-10deg)}15%{opacity:1;transform:translate(-50%) scale(1.2) rotate(5deg)}30%{transform:translate(-50%) scale(1) rotate(-2deg)}40%{transform:translate(-50%) scale(1) rotate(0)}70%{opacity:1;transform:translate(-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-20px)}}.game-modal-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.game-modal-container{width:90%;max-width:900px;height:85vh;max-height:700px;background:#000;border:1px solid #333;position:relative;animation:modal-slide-in .4s ease-out}@keyframes modal-slide-in{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#333;border:1px solid #666;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.game-modal-close:hover{background:#555;border-color:#888}.cli-robot-play-btn{transition:all .1s ease;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cli-robot-play-btn:hover{transform:scale(1.05);filter:brightness(1.2)}.cli-robot-play-btn:active{transform:scale(.95) translate(2px,2px);filter:brightness(.8);box-shadow:2px 2px #0000004d}.cli-robot-play-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none;z-index:-1}.cli-robot-play-btn:active:before{width:120%;height:120%;background:#0f86;border:2px solid #00ff88;box-shadow:0 0 20px #0f89}.game-modal-iframe{width:100%;height:100%;border:none;display:block;background:#000}@media (max-width: 1024px){.game-modal-container{width:95%;max-width:800px;height:80vh;max-height:600px}}@media (max-width: 768px){.game-modal-container{width:98%;height:75vh;max-height:500px;border-width:4px}.pixel-message{top:-60px;padding:8px 12px}.pixel-message-text{font-size:12px}.pixel-message-subtext{font-size:10px}.heart-particle{font-size:16px}}@media (max-width: 480px){.game-modal-container{width:100%;height:70vh;max-height:450px;border-width:3px;border-radius:0}.pixel-message{top:-50px;padding:6px 10px;border-width:3px}.pixel-message-text{font-size:10px;letter-spacing:1px}.pixel-message-subtext{font-size:9px}.heart-particle{font-size:14px}}@media (hover: none) and (pointer: coarse){.heart-container{cursor:grab}.heart-container:active{cursor:grabbing}.heart-image{padding:10px;margin:-10px}.cli-robot-play-btn{padding:5px;margin:-5px;touch-action:manipulation}.cli-robot-play-btn:active{transform:scale(.9) translate(1px,1px)}}@media (prefers-contrast: high){.game-modal-container{border-width:8px}.pixel-message{border-width:5px}}@media (prefers-reduced-motion: reduce){.heart-particle,.pixel-message,.game-modal-overlay,.game-modal-container{animation:none}.heart-particle{display:none}}.unlocks-section{background:#191a23;color:#e5e7eb;padding:clamp(40px,8vw,80px) 0}.unlocks-section .unlocks-inner{max-width:1920px;margin:0 auto;padding:0 clamp(20px,5vw,80px);gap:clamp(25px,5vw,45px);align-items:flex-start;display:flex;flex-wrap:wrap}.unlocks-section .left{align-self:stretch;flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:space-between}.unlocks-section .left .left-inner{gap:clamp(16px,3vw,24px);display:flex;flex-direction:column;padding-top:clamp(8px,1.5vw,13px)}.unlocks-section .left .eyebrow{color:#b6b7c1;font-family:DIN Condensed;font-size:clamp(18px,3vw,30px);font-style:normal;font-weight:700;line-height:1.2;letter-spacing:1px;margin-bottom:0}.unlocks-section .left .title{color:#fff;font-family:DIN Condensed;font-size:clamp(32px,6vw,80px);font-style:normal;font-weight:700;line-height:1.1;letter-spacing:-2px}.unlocks-section .left .controls{display:flex;gap:clamp(12px,2vw,16px);margin-top:clamp(6px,1vw,8px)}.unlocks-section .left .ctrl{width:clamp(40px,5vw,48px);height:clamp(40px,5vw,48px);border:none;background:#2a2e3b;color:#c7c9d1;font-size:clamp(14px,2vw,18px);display:flex;align-items:center;justify-content:center;border-radius:4px;background:#6c4dff;cursor:pointer;opacity:1}.unlocks-section .left .ctrl.disabled{opacity:.4;cursor:not-allowed}.unlocks-section .right{flex:1;min-width:300px;background:transparent}.unlocks-section .right .card{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,20px)}.unlocks-section .right .card-title{color:#d2d3e0;font-family:Alimama FangYuanTi VF;font-size:clamp(18px,2.5vw,24px);font-style:normal;font-weight:700;line-height:1.3}.unlocks-section .right .card-cover{width:100%;border-radius:clamp(8px,1.5vw,12px);display:block;object-fit:cover;background:#0000009c}.unlocks-section .right .card-footer{display:flex;gap:clamp(16px,2.5vw,20px);flex-direction:column;align-items:flex-end;padding:clamp(16px,3vw,24px);border-radius:clamp(6px,1vw,8px);border:1px solid #4c4f6b;background:#191a23}.unlocks-section .right .desc{flex:1;color:#d2d3e0;font-family:Alimama FangYuanTi VF;font-size:clamp(14px,2vw,16px);font-style:normal;font-weight:400;line-height:1.5}.unlocks-section .right .preview{cursor:pointer;color:#d2d3e0;font-family:Alimama FangYuanTi VF;font-size:clamp(12px,1.8vw,14px);font-style:normal;font-weight:700;line-height:1.5;letter-spacing:-.42px;border-radius:clamp(6px,1vw,8px);border:1px solid rgba(210,211,224,.4);background:#191a23;display:flex;padding:clamp(10px,2vw,14px) clamp(16px,2.5vw,20px);align-items:center;gap:clamp(3px,.5vw,4px);transition:all .3s ease}.unlocks-section .right .preview:hover{border-color:#d2d3e099;background:#1f2029}.unlocks-section pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.unlocks-section .terminal-card::-webkit-scrollbar-track{background:transparent!important}.unlocks-section .terminal-card::-webkit-scrollbar-thumb{background:transparent!important}.unlocks-section .terminal-card::-webkit-scrollbar-thumb:hover{background:transparent!important}@media (max-width: 1024px){.unlocks-section .unlocks-inner{gap:clamp(20px,4vw,35px)}.unlocks-section .left{flex:1;min-width:280px}.unlocks-section .left .title{font-size:clamp(28px,5vw,60px)}.unlocks-section .left .eyebrow{font-size:clamp(16px,2.5vw,24px)}}@media (max-width: 768px){.unlocks-section{padding:clamp(30px,6vw,60px) 0}.unlocks-section .unlocks-inner{flex-direction:column;gap:clamp(30px,6vw,40px)}.unlocks-section .left{min-width:auto;width:100%}.unlocks-section .left .left-inner{text-align:center}.unlocks-section .left .title{font-size:clamp(24px,4.5vw,48px);letter-spacing:0px}.unlocks-section .left .eyebrow{font-size:clamp(14px,2.2vw,20px)}.unlocks-section .left .controls{justify-content:center;margin-top:clamp(16px,3vw,24px)}.unlocks-section .right{width:100%}.unlocks-section .right .card-title{text-align:center;font-size:clamp(16px,2.2vw,20px)}.unlocks-section .right .card-footer{align-items:center;text-align:center}.unlocks-section .right .card-footer .desc{text-align:center;font-size:clamp(13px,1.8vw,15px)}.unlocks-section .right .card-footer .preview{align-self:center}}@media (max-width: 480px){.unlocks-section{padding:clamp(20px,5vw,40px) 0}.unlocks-section .unlocks-inner{gap:clamp(25px,5vw,35px)}.unlocks-section .left .title{font-size:clamp(20px,4vw,36px)}.unlocks-section .left .eyebrow{font-size:clamp(12px,2vw,18px)}.unlocks-section .left .controls{margin-top:clamp(12px,2.5vw,20px)}.unlocks-section .left .controls .ctrl{width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);font-size:clamp(12px,1.8vw,16px)}.unlocks-section .right .card{gap:clamp(12px,2vw,16px)}.unlocks-section .right .card-title{font-size:clamp(14px,2vw,18px)}.unlocks-section .right .card-cover{border-radius:clamp(6px,1.2vw,10px)}.unlocks-section .right .card-footer{padding:clamp(12px,2.5vw,20px);gap:clamp(12px,2vw,16px)}.unlocks-section .right .card-footer .desc{font-size:clamp(12px,1.6vw,14px)}.unlocks-section .right .card-footer .preview{font-size:clamp(11px,1.6vw,13px);padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px)}}@media (max-width: 360px){.unlocks-section{padding:clamp(16px,4vw,30px) 0}.unlocks-section .unlocks-inner{gap:clamp(20px,4vw,30px)}.unlocks-section .left .title{font-size:clamp(18px,3.5vw,30px)}.unlocks-section .left .eyebrow{font-size:clamp(11px,1.8vw,16px)}.unlocks-section .left .controls .ctrl{width:clamp(32px,3.5vw,40px);height:clamp(32px,3.5vw,40px);font-size:clamp(10px,1.6vw,14px)}.unlocks-section .right .card-title{font-size:clamp(13px,1.8vw,16px)}.unlocks-section .right .card-footer{padding:clamp(10px,2vw,16px)}.unlocks-section .right .card-footer .desc{font-size:clamp(11px,1.4vw,13px)}.unlocks-section .right .card-footer .preview{font-size:clamp(10px,1.4vw,12px);padding:clamp(6px,1.2vw,10px) clamp(10px,1.8vw,14px)}}