.pacman-game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#111;padding:10px;box-sizing:border-box;overflow:hidden}.pacman-canvas{border:2px solid #01ff27;box-shadow:0 0 20px #01ff274d;max-width:100%;max-height:calc(100% - 150px);width:auto;height:auto;object-fit:contain}.game-controls{margin-bottom:10px;flex-shrink:0;width:100%;display:flex;justify-content:center;align-items:center}.close-button{background-color:transparent;border:2px solid #01ff27;color:#01ff27;padding:10px 20px;font-family:Fira Code,monospace;font-size:14px;cursor:pointer;transition:all .3s;border-radius:4px;-webkit-tap-highlight-color:rgba(1,255,39,.3);tap-highlight-color:rgba(1,255,39,.3);min-height:44px;min-width:44px}.close-button:hover{background-color:#01ff27;color:#000;box-shadow:0 0 10px #01ff27}.close-button:active{transform:scale(.95)}.game-instructions{margin-top:10px;text-align:center;font-family:Fira Code,monospace;color:#01ff27;font-size:14px;padding:0 10px}.game-instructions p{margin:5px 0}@media (min-width: 1024px){.pacman-game-wrapper{padding:15px}.pacman-canvas{max-height:calc(100% - 180px)}.close-button{padding:12px 24px;font-size:15px}.game-instructions{font-size:15px;margin-top:15px}}@media (min-width: 768px) and (max-width: 1023px){.pacman-game-wrapper{padding:12px}.pacman-canvas{max-height:calc(100% - 170px)}.close-button{padding:11px 22px;font-size:14px}.game-instructions{font-size:14px;margin-top:12px}}@media (min-width: 481px) and (max-width: 767px){.pacman-game-wrapper{padding:8px}.pacman-canvas{max-height:calc(100% - 140px);max-width:100%}.close-button{padding:10px 18px;font-size:13px;min-height:40px}.game-instructions{font-size:12px;margin-top:8px}.game-instructions p{margin:4px 0}}@media (min-width: 390px) and (max-width: 480px){.pacman-game-wrapper{padding:6px}.pacman-canvas{max-height:calc(100% - 130px);max-width:100%}.game-controls{margin-bottom:8px}.close-button{padding:8px 16px;font-size:12px;min-height:44px;min-width:100px}.game-instructions{font-size:11px;margin-top:6px;padding:0 8px}.game-instructions p{margin:3px 0}}@media (max-width: 389px){.pacman-game-wrapper{padding:5px}.pacman-canvas{max-height:calc(100% - 120px);max-width:100%}.game-controls{margin-bottom:6px}.close-button{padding:7px 14px;font-size:11px;min-height:44px;min-width:90px}.game-instructions{font-size:10px;margin-top:5px;padding:0 6px}.game-instructions p{margin:2px 0;line-height:1.3}}@media (max-height: 500px) and (orientation: landscape){.pacman-game-wrapper{padding:4px;flex-direction:row;flex-wrap:wrap;gap:5px}.game-controls{order:1;width:auto;margin-bottom:0;margin-right:10px}.pacman-canvas{order:2;max-height:calc(100vh - 60px);max-width:calc(100vw - 120px)}.game-instructions{order:3;width:100%;margin-top:4px;font-size:10px}.close-button{padding:6px 12px;font-size:11px;min-height:36px}}.mobile-controls{display:none;position:fixed;bottom:20px;right:50%;transform:translate(50%);z-index:1000;user-select:none;-webkit-user-select:none}.control-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;width:100%}.control-button{background-color:#000000b3;border:2px solid #01ff27;color:#01ff27;width:60px;height:60px;font-size:28px;font-family:Fira Code,monospace;cursor:pointer;transition:all .2s;border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(1,255,39,.3);tap-highlight-color:rgba(1,255,39,.3);touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:0 0 10px #01ff2733}.control-button:active{background-color:#01ff27;color:#000;transform:scale(.9);box-shadow:0 0 15px #01ff2780}@media (max-width: 1024px){.mobile-controls{display:block}.game-instructions{margin-bottom:100px}}@media (hover: none) and (pointer: coarse){.close-button{-webkit-tap-highlight-color:rgba(1,255,39,.3);tap-highlight-color:rgba(1,255,39,.3)}.close-button:active{background-color:#01ff27;color:#000}.game-instructions p:first-child{display:none}}@media (max-width: 480px){.mobile-controls{bottom:15px;right:50%;transform:translate(50%)}.control-button{width:50px;height:50px;font-size:24px}.control-row{gap:6px;margin-bottom:6px}.game-instructions{margin-bottom:120px}}@media (max-width: 389px){.mobile-controls{bottom:10px;right:50%;transform:translate(50%)}.control-button{width:45px;height:45px;font-size:20px}.control-row{gap:5px;margin-bottom:5px}.game-instructions{margin-bottom:110px}}@media (max-height: 500px) and (orientation: landscape){.mobile-controls{bottom:10px;right:50%;transform:translate(50%)}.control-button{width:40px;height:40px;font-size:18px}.control-row{gap:4px;margin-bottom:4px}.game-instructions{margin-bottom:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,monospace;background:#000;background-image:radial-gradient(circle at 20% 50%,rgba(120,80,200,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(80,120,200,.06) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(200,100,150,.04) 0%,transparent 50%);color:#fff;height:100vh;height:100dvh;overflow:hidden;overflow-x:hidden;position:relative;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 5% 10%,#fff,transparent),radial-gradient(1px 1px at 10% 20%,#fff,transparent),radial-gradient(2px 2px at 15% 5%,#fff,transparent),radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 25% 15%,#fff,transparent),radial-gradient(1px 1px at 30% 40%,#fff,transparent),radial-gradient(2px 2px at 35% 25%,#fff,transparent),radial-gradient(1px 1px at 40% 50%,#fff,transparent),radial-gradient(2px 2px at 45% 35%,#fff,transparent),radial-gradient(1px 1px at 50% 60%,#fff,transparent),radial-gradient(2px 2px at 55% 45%,#fff,transparent),radial-gradient(1px 1px at 60% 70%,#fff,transparent),radial-gradient(2px 2px at 65% 55%,#fff,transparent),radial-gradient(1px 1px at 70% 80%,#fff,transparent),radial-gradient(2px 2px at 75% 65%,#fff,transparent),radial-gradient(1px 1px at 80% 90%,#fff,transparent),radial-gradient(2px 2px at 85% 75%,#fff,transparent),radial-gradient(1px 1px at 90% 95%,#fff,transparent),radial-gradient(2px 2px at 95% 85%,#fff,transparent),radial-gradient(1px 1px at 8% 45%,#fff,transparent),radial-gradient(2px 2px at 12% 60%,#fff,transparent),radial-gradient(1px 1px at 18% 75%,#fff,transparent),radial-gradient(2px 2px at 22% 50%,#fff,transparent),radial-gradient(1px 1px at 28% 65%,#fff,transparent),radial-gradient(2px 2px at 32% 80%,#fff,transparent),radial-gradient(1px 1px at 38% 55%,#fff,transparent),radial-gradient(2px 2px at 42% 70%,#fff,transparent),radial-gradient(1px 1px at 48% 85%,#fff,transparent),radial-gradient(2px 2px at 52% 60%,#fff,transparent),radial-gradient(1px 1px at 58% 75%,#fff,transparent),radial-gradient(2px 2px at 62% 90%,#fff,transparent),radial-gradient(1px 1px at 68% 55%,#fff,transparent),radial-gradient(2px 2px at 72% 70%,#fff,transparent),radial-gradient(1px 1px at 78% 85%,#fff,transparent),radial-gradient(2px 2px at 82% 60%,#fff,transparent),radial-gradient(1px 1px at 88% 75%,#fff,transparent),radial-gradient(2px 2px at 92% 50%,#fff,transparent),radial-gradient(1px 1px at 3% 25%,#fff,transparent),radial-gradient(2px 2px at 7% 40%,#fff,transparent),radial-gradient(1px 1px at 11% 55%,#fff,transparent),radial-gradient(2px 2px at 17% 70%,#fff,transparent),radial-gradient(1px 1px at 23% 85%,#fff,transparent),radial-gradient(2px 2px at 27% 30%,#fff,transparent),radial-gradient(1px 1px at 33% 45%,#fff,transparent),radial-gradient(2px 2px at 37% 60%,#fff,transparent),radial-gradient(1px 1px at 43% 75%,#fff,transparent),radial-gradient(2px 2px at 47% 90%,#fff,transparent),radial-gradient(1px 1px at 53% 35%,#fff,transparent),radial-gradient(2px 2px at 57% 50%,#fff,transparent),radial-gradient(1px 1px at 63% 65%,#fff,transparent),radial-gradient(2px 2px at 67% 80%,#fff,transparent),radial-gradient(1px 1px at 73% 45%,#fff,transparent),radial-gradient(2px 2px at 77% 60%,#fff,transparent),radial-gradient(1px 1px at 83% 75%,#fff,transparent),radial-gradient(2px 2px at 87% 90%,#fff,transparent),radial-gradient(1px 1px at 93% 25%,#fff,transparent),radial-gradient(2px 2px at 97% 40%,#fff,transparent),radial-gradient(1px 1px at 6% 65%,#fff,transparent),radial-gradient(2px 2px at 14% 80%,#fff,transparent),radial-gradient(1px 1px at 26% 95%,#fff,transparent),radial-gradient(2px 2px at 34% 10%,#fff,transparent),radial-gradient(1px 1px at 46% 25%,#fff,transparent),radial-gradient(2px 2px at 54% 40%,#fff,transparent),radial-gradient(1px 1px at 66% 55%,#fff,transparent),radial-gradient(2px 2px at 74% 70%,#fff,transparent),radial-gradient(1px 1px at 86% 85%,#fff,transparent),radial-gradient(2px 2px at 94% 20%,#fff,transparent);background-repeat:repeat;background-size:100% 100%;opacity:1;animation:sparkle 20s linear infinite;pointer-events:none;z-index:0}@keyframes sparkle{0%{transform:translate(0);opacity:.8}50%{opacity:.4}to{transform:translate(-100px,-100px);opacity:.8}}.stars-container,.shooting-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle-drift var(--duration, 20s) linear infinite;box-shadow:0 0 2px #fffc}@keyframes twinkle-drift{0%{opacity:.3;transform:translate(0) scale(1)}25%{opacity:1;transform:translate(calc(var(--move-x, 100px) * .25),calc(var(--move-y, 100px) * .25)) scale(1.2)}50%{opacity:.3;transform:translate(calc(var(--move-x, 100px) * .5),calc(var(--move-y, 100px) * .5)) scale(1)}75%{opacity:1;transform:translate(calc(var(--move-x, 100px) * .75),calc(var(--move-y, 100px) * .75)) scale(1.2)}to{opacity:.3;transform:translate(var(--move-x, 100px),var(--move-y, 100px)) scale(1)}}.shooting-star{position:absolute;width:2px;height:60px;background:linear-gradient(to bottom,#fffc,#fff0);transform-origin:top center;animation:shoot linear;box-shadow:0 0 10px #fffc}.shooting-star:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff}@keyframes shoot{0%{opacity:1;transform:translate(0) rotate(45deg)}to{opacity:0;transform:translate(var(--end-x, 100%),var(--end-y, 100%)) rotate(45deg)}}.app-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:100%;position:relative;z-index:1;overflow-x:hidden;box-sizing:border-box}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;width:100%;max-width:100%;padding:0 15px;box-sizing:border-box;overflow-x:hidden}.console-text{white-space:pre-wrap;font-size:18px;line-height:1.5;text-align:center;margin:0 10px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.console-line{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box;margin-bottom:1em}.console-line a{word-break:break-word;display:inline}.console-cursor{display:inline-block;animation:blink-caret .6s step-end infinite}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}h1{font-family:Orbitron,sans-serif;font-size:32px;margin:20px 0;text-align:center;color:#01ff27}.profile-image{width:120px;height:120px;margin-bottom:10px;cursor:pointer;transition:transform .2s;border-radius:50%;object-fit:cover;border:2px solid #01ff27;box-shadow:0 0 10px #01ff274d}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 15px #01ff2780}.hint{font-family:Fira Code,monospace;color:#01ff27;font-size:14px;text-align:center;margin-bottom:20px}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.background-animation:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(120,80,200,.12) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(80,120,200,.1) 0%,transparent 40%),radial-gradient(circle at 50% 20%,rgba(200,100,150,.08) 0%,transparent 35%);animation:nebula-drift 30s ease-in-out infinite alternate;filter:blur(60px)}.background-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 60% 80%,rgba(100,150,200,.08) 0%,transparent 50%),radial-gradient(circle at 20% 30%,rgba(150,100,200,.06) 0%,transparent 45%);animation:nebula-drift 25s ease-in-out infinite alternate-reverse;filter:blur(80px)}@keyframes nebula-drift{0%{transform:translate(0) scale(1);opacity:.3}50%{opacity:.4}to{transform:translate(100px,100px) scale(1.1);opacity:.3}}a{color:#01ff27;text-decoration:none;transition:color .3s,text-shadow .3s;word-break:break-word;-webkit-tap-highlight-color:rgba(1,255,39,.3);tap-highlight-color:rgba(1,255,39,.3)}a:hover{text-shadow:0 0 5px #01ff27}@media (hover: none) and (pointer: coarse){a{min-height:44px;display:inline-block;padding:2px 4px;margin:-2px -4px}}.game-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:#111;overflow:hidden;z-index:1000}.game-container.active{display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-width: 1024px){.main-content{padding:20px;max-width:1200px}h1{font-size:clamp(28px,3vw,36px);margin:24px 0}.console-text{font-size:clamp(16px,1.8vw,20px)}.console-line{white-space:nowrap;word-wrap:normal;overflow-wrap:normal}.profile-image{width:clamp(120px,12vw,140px);height:clamp(120px,12vw,140px)}}@media (min-width: 1280px){.main-content{max-width:1400px}.console-text{font-size:clamp(18px,1.5vw,22px)}}@media (min-width: 1920px){.main-content{max-width:1600px}.console-text{font-size:clamp(20px,1.2vw,24px)}.profile-image{width:clamp(120px,12vw,140px);height:clamp(120px,12vw,140px)}}@media (min-width: 768px) and (max-width: 1023px){.main-content{padding:20px;max-width:700px}h1{font-size:clamp(26px,3.5vw,32px);margin:22px 0}.console-text{font-size:clamp(15px,2vw,18px);line-height:1.6}.profile-image{width:clamp(110px,11vw,130px);height:clamp(110px,11vw,130px);margin-bottom:15px}.hint{font-size:clamp(12px,1.5vw,14px);margin-bottom:18px}}@media (min-width: 481px) and (max-width: 767px){.main-content{padding:15px;max-width:100%}h1{font-size:clamp(22px,4vw,28px);margin:18px 0}.console-text{font-size:clamp(14px,2.5vw,16px);line-height:1.5;margin:0 15px}.profile-image{width:clamp(100px,15vw,120px);height:clamp(100px,15vw,120px);margin-bottom:12px}.hint{font-size:clamp(11px,2vw,13px);margin-bottom:15px}}@media (min-width: 390px) and (max-width: 480px){.main-content{padding:12px;max-width:100%}h1{font-size:clamp(20px,5.5vw,24px);margin:16px 0}.console-text{font-size:clamp(13px,3.5vw,15px);line-height:1.4;margin:0 12px}.profile-image{width:clamp(90px,20vw,110px);height:clamp(90px,20vw,110px);margin-bottom:10px}.hint{font-size:clamp(10px,2.8vw,12px);margin-bottom:12px}}@media (max-width: 389px){.main-content{padding:10px;max-width:100%}h1{font-size:clamp(18px,5vw,22px);margin:14px 0}.console-text{font-size:clamp(12px,3.5vw,14px);line-height:1.3;margin:0 10px}.profile-image{width:clamp(80px,22vw,100px);height:clamp(80px,22vw,100px);margin-bottom:8px}.hint{font-size:clamp(9px,2.5vw,11px);margin-bottom:10px}}@media (max-height: 500px) and (orientation: landscape){.main-content{padding:8px}h1{font-size:clamp(18px,3vh,24px);margin:10px 0}.console-text{font-size:clamp(12px,2.5vh,14px);line-height:1.3}.profile-image{width:clamp(70px,12vh,90px);height:clamp(70px,12vh,90px);margin-bottom:5px}.hint{font-size:clamp(9px,2vh,11px);margin-bottom:8px}}@media (hover: none) and (pointer: coarse){.profile-image{transition:transform .2s}.profile-image:active{transform:scale(.95)}a{-webkit-tap-highlight-color:rgba(1,255,39,.3);tap-highlight-color:rgba(1,255,39,.3)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}