:root{--pink: #ff4fa3;--blue: #4fa3ff;--black: #111;--white: #fff;--dark-gray: #2a2a2a;--ui-gray: #3a3a3a}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Courier New,monospace;background:#000;color:var(--white);height:100vh;display:flex;flex-direction:column;overflow:hidden}#top-banner{background:#000;display:flex;justify-content:center;align-items:center;padding:10px}#banner-wrapper{display:flex;width:100%;max-width:1200px;margin:0 auto}#banner-left{flex:1}#banner-center{flex:0 0 auto;display:flex;justify-content:center}#banner-right{flex:1}#banner-img{max-width:80%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}#game-container{flex:1;display:flex;height:calc(100vh - 120px);overflow:hidden;max-width:1400px;margin:0 auto;width:100%}#game{flex:2;display:flex;align-items:center;justify-content:center;background:#000;position:relative}canvas{background:#000;image-rendering:pixelated;image-rendering:crisp-edges}#ui{flex:1;display:flex;flex-direction:column;padding:1rem;gap:.5rem;background:var(--ui-gray);border-left:2px solid #555;min-width:250px}#ui-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--dark-gray);border:1px solid #555}#ui-header strong{color:var(--white);font-size:1.1rem}#score{color:var(--white);font-family:Courier New,monospace;font-size:.9rem}#sound-toggle{background:var(--ui-gray);border:1px solid #555;color:var(--white);cursor:pointer;padding:.3rem .6rem;font-size:.9rem;font-family:Courier New,monospace;margin-left:.5rem;transition:background .2s}#sound-toggle:hover{background:#555}#sound-toggle.muted{opacity:.5}#run{padding:.75rem;background:var(--pink);border:none;cursor:pointer;font-weight:700;color:var(--white);font-size:1rem;font-family:Courier New,monospace;transition:background .2s}#run:hover:not(:disabled){background:#ff6fb8}#run:active:not(:disabled){background:#ff2d8f}#run:disabled{background:#555;cursor:not-allowed;opacity:.6}#status{min-height:1.5rem;padding:.5rem;color:var(--white);font-family:Courier New,monospace;text-align:center}#terminal-container{flex:1;display:flex;flex-direction:column;background:var(--black);border:1px solid #555;padding:0;position:relative;min-height:0}#terminal{flex:1;background:var(--black);color:#0f0;border:none;padding:.5rem;font-family:Courier New,monospace;font-size:.9rem;resize:none;outline:none;overflow-y:auto;white-space:pre;min-height:0}#terminal:before{content:"";position:absolute;left:.5rem;top:.5rem;bottom:.5rem;width:1rem;pointer-events:none;background:linear-gradient(to right,var(--black) 0%,transparent 100%);z-index:1}.terminal-line{position:relative;padding-left:1rem}.terminal-line:before{content:">";position:absolute;left:0;color:#0f0;pointer-events:none}#terminal::-webkit-scrollbar{width:8px}#terminal::-webkit-scrollbar-track{background:var(--black)}#terminal::-webkit-scrollbar-thumb{background:#555;border-radius:4px}#nav-buttons{position:fixed;bottom:20px;left:20px;display:flex;gap:10px;z-index:1000}.nav-btn{width:48px;height:48px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center}#home-btn{background-color:var(--pink);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>')}#prev-btn{background-color:#0f00ff;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>')}#password-btn{background-color:var(--white);color:var(--black);font-size:3rem;font-weight:700}.nav-btn:hover:not(:disabled){opacity:.8;transform:scale(1.05)}#home-btn:hover:not(:disabled){background-color:#ff6fb8}#prev-btn:hover:not(:disabled){background-color:#4a8fff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c}.modal-content{background-color:var(--ui-gray);margin:5% auto;padding:2rem;border:2px solid var(--pink);width:90%;max-width:400px;position:relative}.modal-content--wide{max-width:500px}.modal-content--medium{max-width:450px}.close{color:var(--white);float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px}.close:hover{color:var(--pink)}.modal-content h2{color:var(--white);margin-top:0;font-family:Courier New,monospace}.modal-body{text-align:center;padding:20px}.modal-body--compact{padding:0}.modal-body--spacious{padding:30px}.modal-title{color:var(--white);margin-bottom:15px}.modal-title--tight{margin-bottom:10px}.modal-text{color:var(--white);font-size:16px;line-height:1.6}.modal-text--muted{color:#888;font-size:14px;margin-bottom:20px}.modal-text--small{color:#888;font-size:13px}.modal-text--highlight{color:var(--white)}.modal-text--accent{color:var(--pink)}.intro-image{width:400px;height:auto;image-rendering:pixelated}.intro-button{margin-top:10px;padding:10px 30px;font-size:16px;cursor:pointer;background:#0f00ff;color:#ff6fb8;border:none;border-radius:4px}.form-group{text-align:left;margin-bottom:15px}.form-group--checkbox{margin-top:20px;margin-bottom:20px}.form-label{color:var(--white);font-size:14px;display:block;margin-bottom:5px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--white);font-size:13px;line-height:1.4}.form-checkbox{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(--pink);cursor:pointer}.checkbox-text{color:#aaa}.form-input{width:100%;padding:12px;background:var(--black);border:1px solid #555;color:var(--white);font-family:Courier New,monospace;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--pink)}.form-input--username{font-size:18px;text-align:center;letter-spacing:.5em;text-transform:uppercase}.form-error{color:#f44;min-height:20px;margin-bottom:10px;font-size:13px}.modal-btn{width:100%;padding:12px;border:none;cursor:pointer;font-family:Courier New,monospace;font-size:14px;margin-bottom:10px}.modal-btn--primary{background:var(--pink);color:var(--white);font-weight:700}.modal-btn--secondary{background:transparent;border:1px solid var(--pink);color:var(--pink);font-size:13px}.modal-btn--tertiary{background:transparent;border:1px solid #555;color:#888;font-size:13px}.modal-btn--inline{width:auto;margin-top:20px;padding:12px 30px}.modal-btn:disabled{opacity:.6;cursor:not-allowed}#password-input{width:100%;padding:.75rem;margin:1rem 0;background:var(--black);border:1px solid #555;color:var(--white);font-family:Courier New,monospace;font-size:1rem}#password-input:focus{outline:none;border-color:var(--pink)}#password-submit{width:100%;padding:.75rem;background:var(--pink);border:none;color:var(--white);font-weight:700;cursor:pointer;font-family:Courier New,monospace;font-size:1rem}#password-submit:hover{background:#ff6fb8}#password-error{color:#f44;margin-top:.5rem;min-height:1.5rem;font-family:Courier New,monospace}#highscores-panel{flex:0 0 200px;display:flex;flex-direction:column;padding:1rem;background:var(--ui-gray);border-left:2px solid #555;overflow-y:auto}#highscores-panel h2{color:var(--white);font-family:Courier New,monospace;font-size:1rem;margin:0 0 1rem;text-align:center}#highscores-list{display:flex;flex-direction:column;gap:.5rem}.highscore-entry{display:flex;justify-content:space-between;font-family:Courier New,monospace;font-size:.85rem;color:var(--white)}.highscore-rank{color:#888;margin-right:8px}.highscore-rank--top{color:var(--pink)}.highscore-code{color:var(--white)}.highscore-code--current{color:var(--white);font-weight:700}.highscore-score{color:var(--pink)}.highscore-empty{color:#888;font-size:.8rem;text-align:center;padding:1rem}.highscore-level{color:#888;font-size:.8em}.leaderboard-loading,.leaderboard-empty{color:#888;text-align:center;padding:2rem}#player-status{margin-bottom:20px;padding:15px;background:var(--dark-gray);border-radius:4px;display:none}#player-status p{margin:0;color:#888;font-size:14px}#player-name{color:var(--pink)}#player-score{float:right}#level-password{font-size:14px;color:#888;margin-left:10px}.ui-header-right{display:flex;align-items:center}@media(max-width:768px){body{height:100vh;height:100dvh;overflow:hidden;position:relative}#top-banner{display:none}#mobile-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--dark-gray);border-bottom:2px solid #555;flex-shrink:0}#mobile-header-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}#mobile-logo{height:44px;width:auto;object-fit:contain}#mobile-header-title{font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:var(--white);flex-shrink:0}#mobile-nav-buttons{display:flex;gap:8px}#game-container{flex-direction:column;height:calc(100vh - 50px);height:calc(100dvh - 50px);max-width:100%;overflow:hidden;position:relative}#game{flex:0 0 35vh;flex:0 0 35dvh;width:100%;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;position:relative;min-height:200px}canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}#ui{flex:1 1 auto;min-height:0;border-left:none;border-top:2px solid #555;padding:.5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:var(--ui-gray)}#ui-header{flex-shrink:0;font-size:.85rem;padding:.4rem}#ui-header strong{font-size:.95rem}#ui-header span{font-size:.75rem!important}#score{font-size:.75rem}#sound-toggle{padding:.2rem .4rem;font-size:.8rem}#terminal-container{flex:1 1 auto;min-height:100px;max-height:30vh;display:flex;flex-direction:column;overflow:hidden}#terminal{font-size:.8rem;padding:.4rem;line-height:1.4}#run{flex-shrink:0;padding:.75rem;font-size:1rem;font-weight:700;margin-top:.5rem;background:var(--pink);color:var(--black);border:none;border-radius:4px}#status{flex-shrink:0;font-size:.75rem;padding:.3rem;min-height:1rem;margin-bottom:.25rem}#highscores-panel,#nav-buttons{display:none}.mobile-nav-btn{width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0}.mobile-nav-btn.home{background-color:var(--pink);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>')}.mobile-nav-btn.prev{background-color:#0f00ff;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>')}.mobile-nav-btn.password{background-color:var(--white);color:var(--black);font-size:1.5rem;font-weight:700;font-family:Courier New,monospace}.modal-content{width:95%;margin:10% auto;padding:1.5rem;max-width:90vw}#intro-celebrate-img{max-width:100%;width:100%;height:auto;display:block;margin:0 auto}#terminal{display:none}#terminal-drop-zone{display:flex;flex-direction:column;flex:1 1 auto;min-height:150px;background:var(--black);border:1px solid #555;padding:.5rem;overflow-y:auto;gap:.25rem}.command-chip{background:var(--ui-gray);border:1px solid #555;color:#0f0;padding:.4rem .6rem;font-family:Courier New,monospace;font-size:.85rem;display:flex;align-items:center;gap:.2rem;border-radius:4px;cursor:pointer}.command-chip .command-text{color:#0f0}.command-chip .command-param{background:var(--black);border:1px solid #555;color:#0f0;font-family:Courier New,monospace;font-size:.85rem;width:1ch;min-width:1ch;max-width:3ch;padding:.15rem .2rem;text-align:center;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.command-chip .command-param:not(:placeholder-shown),.command-chip .command-param:focus{width:auto;min-width:1.5ch;max-width:3ch}.command-chip .command-param:focus{border-color:var(--pink);background:#1a1a1a}.command-chip .remove-btn{background:transparent;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:0 .25rem;margin-left:auto;line-height:1}.command-chip .remove-btn:hover{color:#fff}.command-chip.dragging{opacity:.5}.command-chip.drag-over{border-color:var(--pink);background:#ff5fa81a}.command-while-body.drag-over,.command-while-body[style*=border-color]{border-color:#0f0!important;background-color:#00ff001a!important}.command-while{background:var(--dark-gray);border:2px solid #555;border-radius:4px;margin:.25rem 0;padding:.5rem}.command-while .while-header{background:#2a4a2a;border-color:#0a5a0a}.command-while .while-footer{background:transparent;border:none;padding:.2rem .6rem}.command-while-body{margin:.5rem 0;padding:.5rem .5rem .5rem 1rem;border:1px dashed transparent;border-left:2px dashed #555;display:flex;flex-direction:column;gap:.25rem;min-height:2rem;border-radius:4px;transition:background-color .2s,border-color .2s}.command-while-body .command-chip{margin-left:.5rem}.command-while-body .while-body-hint{color:#666;font-size:.75rem;font-style:italic;padding:.25rem .5rem}.command-chip--nested{background:var(--ui-gray);margin-left:0}.add-to-while-btn{background:transparent;border:1px dashed #555;color:#888;padding:.4rem .6rem;font-family:Courier New,monospace;font-size:.75rem;border-radius:4px;cursor:pointer;margin-left:.5rem;margin-top:.25rem}.add-to-while-btn:hover,.add-to-while-btn:active{border-color:var(--pink);color:var(--pink);background:#ff4fa31a}#command-palette{position:fixed;bottom:0;left:0;right:0;background:var(--ui-gray);border-top:2px solid #555;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;z-index:100;box-shadow:0 -2px 10px #00000080}.command-btn{background:var(--dark-gray);border:2px solid #555;color:#0f0;padding:.6rem 1rem;font-family:Courier New,monospace;font-size:.85rem;cursor:pointer;border-radius:4px;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .15s;-webkit-tap-highlight-color:transparent}.command-btn--while{background:#2a4a2a;border-color:#0a5a0a;color:#0f0}.command-btn:active{background:#555;transform:scale(.95)}.command-btn--while:active{background:#3a5a3a}.command-btn.dragging{opacity:.5}.command-chip--while-start,.command-chip--while-end{background:#2a4a2a;border-color:#0a5a0a}#ui{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}#run{position:sticky;bottom:0;z-index:50;margin-top:auto;margin-bottom:.5rem;background:var(--pink)}#mobile-highscores-modal{display:none}#mobile-highscores-modal.show{display:block}#mobile-highscores-modal .modal-content{max-height:80vh;overflow-y:auto}#mobile-highscores-modal .highscore-entry{display:flex;justify-content:space-between;padding:.5rem;font-family:Courier New,monospace;border-bottom:1px solid #333}#mobile-highscores-modal .highscore-rank{color:#888;width:30px}#mobile-highscores-modal .highscore-rank--top{color:var(--pink)}#mobile-highscores-modal .highscore-code{flex:1;color:var(--white)}#mobile-highscores-modal .highscore-code--current{color:var(--white);font-weight:700}#mobile-highscores-modal .highscore-score{color:var(--pink)}}@media(min-width:769px){#mobile-header,#terminal-drop-zone,#command-palette{display:none}}