body,html{margin:0;padding:0;height:100%;background-color:#000;color:#fff;font-family:Courier New,monospace;overflow:hidden;display:flex;flex-direction:column}#game-container{height:100vh;width:100%;display:flex;flex-direction:column}#terminal{flex-grow:1;min-height:0;padding:10px;overflow-y:auto;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#333 #111;background-color:#000}#input-area{display:flex;padding:10px;background-color:#111;border-top:1px solid #333}#prompt{color:#0f0;margin-right:5px}#user-input{flex-grow:1;background-color:transparent;border:none;color:#fff;font-family:Courier New,monospace;font-size:16px;outline:none}.text-white{color:#fff}.text-green{color:#0f0}.text-red{color:red}.text-yellow{color:#ff0}.text-gray{color:#999}.text-dark-gray{color:#666}.text-magenta{color:#f0f}.text-cyan{color:#0ff}.centered{text-align:center}.ascii-block{display:inline-block;text-align:left;white-space:pre}#snake-image{position:fixed;right:120px;top:50%;transform:translateY(-50%);max-width:320px;max-height:60vh;opacity:0;pointer-events:none;z-index:50;mix-blend-mode:screen;filter:brightness(1.15) saturate(1.2);transition:opacity 1.5s ease-in-out}#snake-image.visible{opacity:.85}#game-over{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:red;display:none;justify-content:center;align-items:center;font-size:3em;z-index:100}