@font-face{font-family:Game;src:local("Press Start 2P")}:root{--sky-top: #70b8ff;--sky-bot: #b0e0ff;--sun: #fff070;--cloud: #f0f0f0;--hill-back: #3a8828;--hill-front: #50a030;--ui-bg: #ffffff;--ui-border: #484848;--ui-text: #383838;--menu-bg: #ffffff;--menu-selected: #d8e8f8;--hud-bg: #f86858;--hud-border: #f8f8f8;--hud-text: #f8f8f8;--hud-dark: #c04038;--xp-bar: #58c858;--xp-bg: #203020}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:"Press Start 2P",Game,monospace;background:#0a0a0a;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.crt-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.game-screen{position:relative;width:100%;max-width:1200px;aspect-ratio:16 / 10;max-height:calc(100vh - 24px);border:6px solid #222;border-radius:4px;overflow:hidden;box-shadow:0 0 0 2px #444,0 0 0 6px #111,0 0 60px #64c86414,inset 0 0 80px #0003}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 6px);mix-blend-mode:multiply}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(255,248,230,.04) 0%,transparent 50%,rgba(255,248,230,.04) 100%)}.game-world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;padding:4px;box-sizing:border-box}.sky{position:absolute;top:0;left:0;right:0;height:52%;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 100%)}.sun{position:absolute;top:8%;right:12%;width:48px;height:48px;background:var(--sun);border-radius:50%;box-shadow:0 0 0 4px #ffe040,0 0 0 8px #fff0704d,0 0 40px #fff07066;animation:sunGlow 3s ease-in-out infinite alternate}@keyframes sunGlow{0%{box-shadow:0 0 0 4px #ffe040,0 0 0 8px #fff0704d,0 0 40px #fff07066}to{box-shadow:0 0 0 6px #ffe040,0 0 0 12px #fff07066,0 0 60px #fff07080}}.cloud{position:absolute;background:var(--cloud);height:16px;border-radius:2px;image-rendering:pixelated}.cloud:before,.cloud:after{content:"";position:absolute;background:var(--cloud);border-radius:2px}.cloud:before{width:60%;height:12px;top:-10px;left:20%}.cloud:after{width:35%;height:8px;top:-14px;left:40%}.c1{width:64px;top:12%;left:5%;animation:drift 35s linear infinite}.c2{width:48px;top:22%;left:40%;animation:drift 28s linear infinite;animation-delay:-12s}.c3{width:56px;top:8%;left:70%;animation:drift 32s linear infinite;animation-delay:-6s}@keyframes drift{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 120px))}}.hills{position:absolute;top:34%;left:0;right:0;height:22%;z-index:0}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0}.hill-back{width:55%;height:100%;left:-5%;background:var(--hill-back)}.hill-front{width:45%;height:80%;right:-5%;background:var(--hill-front)}.ground{position:absolute;bottom:0;left:0;right:0;height:50%;background-image:url(/sprites/grass.png);background-size:32px 32px;background-repeat:repeat;background-position:0 0;image-rendering:pixelated;z-index:0}.ground:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,200,.04) 0%,transparent 15%,transparent 85%,rgba(0,0,0,.08) 100%);pointer-events:none}.ground-path{position:absolute;bottom:0;left:50%;transform:translate(-35%);width:80px;height:36%;background-image:url(/sprites/path.png);background-size:32px 32px;background-repeat:repeat;image-rendering:pixelated;z-index:1;border-radius:4px 4px 0 0}.sprite{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:fill;object-position:bottom center;transform:translateZ(0);backface-visibility:hidden}.house{left:50%;bottom:30%;width:432px;height:384px;transform:translate(-50%);z-index:2;filter:drop-shadow(0 4px 2px rgba(0,0,0,.15))}.tree-back-left{width:96px;height:192px;left:2%;bottom:32%;z-index:1;filter:drop-shadow(0 3px 1px rgba(0,0,0,.12))}.tree-back-right{width:96px;height:192px;right:2%;bottom:30%;z-index:1;transform:scaleX(-1) translateZ(0);filter:drop-shadow(0 3px 1px rgba(0,0,0,.12))}.tree-mid-right{width:96px;height:192px;right:12%;bottom:32%;z-index:3;filter:drop-shadow(0 3px 1px rgba(0,0,0,.12))}.tree-fore-right{width:96px;height:192px;right:4%;bottom:10%;z-index:3;filter:drop-shadow(0 3px 1px rgba(0,0,0,.12))}.outdoor-setup{position:absolute;left:12%;bottom:18%;z-index:3}.desk-img{width:96px;height:96px;position:relative}.laptop{position:absolute;bottom:62px;left:12px}.laptop-screen{width:52px;height:36px;background:#0a1e10;border:3px solid #555;border-bottom:2px solid #444;position:relative;overflow:hidden;border-radius:2px 2px 0 0}.laptop-screen:before{content:"";position:absolute;top:4px;left:4px;width:16px;height:2px;background:#50ff70;box-shadow:6px 5px #40d060,0 10px #50ff70,10px 15px #40d060;animation:codeType 2.5s steps(4) infinite}@keyframes codeType{0%{width:0px}50%{width:16px}to{width:16px}}.laptop-screen:after{content:"";position:absolute;bottom:4px;left:4px;width:4px;height:2px;background:#50ff70;animation:cursor-blink 1s steps(2) infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.laptop-base{width:58px;height:5px;background:#666;margin-left:-3px;border-radius:0 0 2px 2px;box-shadow:0 1px #555}.coffee{position:absolute;bottom:62px;right:-8px;width:14px;height:12px;background:#e8e0d0;border-radius:0 0 4px 4px;border:2px solid #c8b898;border-top:none}.coffee:before{content:"";position:absolute;top:-3px;left:-2px;width:18px;height:4px;background:#d8d0c0;border-radius:2px}.coffee:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:5px;background:#3a1800;border-radius:0 0 2px 2px}.coffee-steam{position:absolute;bottom:12px;left:2px}.steam{position:absolute;width:2px;background:#ffffff80;border-radius:50%;animation:rise 1.8s ease-out infinite}.s1{left:0;height:5px;animation-delay:0s}.s2{left:5px;height:4px;animation-delay:.6s}@keyframes rise{0%{transform:translateY(0) scaleX(1);opacity:0}20%{opacity:.6}to{transform:translateY(-16px) scaleX(1.5);opacity:0}}.rock-1{width:64px;height:64px;left:34%;bottom:9%;z-index:3}.bush-1{width:64px;height:64px;left:8%;bottom:9%;z-index:3}.flower{width:32px;height:32px;z-index:3}.fl-1{left:22%;bottom:24%}.fl-2{left:46%;bottom:11%}.fl-3{right:38%;bottom:15%}.fl-4{left:40%;bottom:7%}.fl-5{left:12%;bottom:16%}.kapybara{width:96px;height:96px;right:14%;bottom:11%;z-index:4;animation:kapy-breathe 3s ease-in-out infinite}@keyframes kapy-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.97) translateY(1px)}}.br-flag-pole{position:absolute;bottom:24%;right:34%;z-index:3}.flag-pole{width:4px;height:42px;background:#999;border-radius:2px;box-shadow:1px 0 #777}.flag-pole:before{content:"";position:absolute;top:-4px;left:-2px;width:8px;height:5px;background:#ccc;border-radius:50%}.flag-cloth{position:absolute;top:2px;left:4px;width:26px;height:18px;background:#009739;overflow:hidden;animation:flagWave 2s ease-in-out infinite;box-shadow:1px 1px 2px #0003}.flag-cloth:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px;background:#f0c030}.flag-cloth:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#002776;border-radius:50%}@keyframes flagWave{0%,to{transform:skewY(0)}50%{transform:skewY(-2deg)}}.character{position:absolute;bottom:17%;left:calc(50% - 48px);z-index:5;transition:none}.char-shadow{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:36px;height:10px;background:#0000002e;border-radius:50%}.char-sprite{width:96px;height:96px;background-image:url(/sprites/character_sprite.png);background-repeat:no-repeat;background-size:2304px 96px;background-position:0px 0px;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.click-target{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none;z-index:4;opacity:0;transform:translate(-50%,-50%) scale(1);transition:opacity .3s,transform .5s}.click-target.show{opacity:1;animation:clickPulse .6s ease-out forwards}@keyframes clickPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.game-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.game-ui>*{pointer-events:auto}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;overflow:auto}.popup-overlay.popup-open{opacity:1;visibility:visible}.popup-inner{background:var(--ui-bg);border:2px solid var(--ui-bg);border-radius:8px;box-shadow:0 2px 0 2px #484848,inset 0 2px 0 2px #e0e0e0,0 0 0 2px #484848,inset 0 0 0 2px #484848;width:100%;max-width:640px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;font-family:"Press Start 2P",monospace}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:2px solid #484848;flex-shrink:0}.popup-title{font-size:10px;color:#303030;letter-spacing:1px}.popup-close{font-family:"Press Start 2P",monospace;font-size:10px;width:32px;height:32px;border:2px solid #484848;background:#fff;cursor:pointer;border-radius:4px;line-height:1;padding:0;flex-shrink:0}.popup-close:hover{background:#d8e8f8}.popup-body{padding:20px 24px 28px;overflow-y:auto;font-size:8px;line-height:1.9;color:#383838;letter-spacing:.5px}.popup-body h3{font-size:9px;margin-top:20px;margin-bottom:10px;color:#303030}.popup-body p{margin-bottom:14px}.popup-body a{color:#2060b0;text-decoration:underline}.popup-body a:hover{color:#3080e0}.popup-body ul{list-style:none;margin-bottom:14px}.popup-body li{margin-bottom:8px;padding-left:14px;position:relative}.popup-body li:before{content:">";position:absolute;left:0;color:#f86858}.popup-body .blog-list{list-style:none}.popup-body .blog-list li:before{content:none;padding-left:0}.popup-body .blog-list a{font-size:9px;color:#303030}.popup-body .blog-list .meta{font-size:6px;color:#888;display:block;margin-top:4px}.popup-body .popup-back{display:inline-block;margin-bottom:16px;font-size:8px;color:#383838}.popup-body .popup-back:hover{color:#f86858}@media(max-width:700px){.popup-overlay{padding:12px}.popup-inner{max-height:calc(100vh - 24px)}.popup-body{padding:14px 16px 20px;font-size:7px}.popup-title{font-size:8px}}.menu-box,.dialog-inner{background:var(--ui-bg);border:2px solid var(--ui-bg);border-radius:8px;position:relative;box-shadow:0 2px 0 2px #484848,inset 0 2px 0 2px #484848,0 0 0 2px #484848,inset 0 0 0 2px #484848;image-rendering:pixelated}.plate-box{background:var(--hud-bg);border:2px solid var(--hud-bg);border-radius:8px;position:relative;box-shadow:0 2px 0 2px #802820,inset 0 2px 0 2px #802820,0 0 0 2px #802820,inset 0 0 0 2px #802820;image-rendering:pixelated}.game-menu{position:absolute;top:16px;right:16px}.menu-box{padding:8px 16px 8px 8px;min-width:140px}.menu-list{list-style:none}.menu-item{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;transition:background .05s}.menu-item:hover,.menu-item.active{background:var(--menu-selected);border-radius:4px}.menu-item .arrow{font-size:8px;color:var(--ui-text);opacity:0;width:12px;text-align:center;transition:opacity .05s}.menu-item.active .arrow{opacity:1;animation:arrowBounce .6s steps(2) infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.menu-item a{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--ui-text);text-decoration:none;letter-spacing:1px}.dialog-box{position:absolute;bottom:16px;left:16px;right:16px;min-height:80px;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.dialog-box.dialog-dismissed{opacity:0;pointer-events:none;transform:translateY(8px)}.dialog-inner{padding:14px 18px;min-height:68px;position:relative}.dialog-text{font-family:"Press Start 2P",monospace;font-size:11px;line-height:2.2;color:#303030;letter-spacing:.5px;min-height:2.4em}.dialog-arrow{position:absolute;bottom:8px;right:14px;font-size:8px;color:#303030;animation:pokeBounce .5s ease-in-out infinite alternate;opacity:0}.dialog-arrow.visible{opacity:1}@keyframes pokeBounce{0%{transform:translateY(0)}to{transform:translateY(3px)}}.name-plate{position:absolute;top:16px;left:16px}.plate-box{padding:10px 16px;min-width:150px}.plate-label{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--hud-text);letter-spacing:2px;display:block;margin-bottom:4px;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.plate-subtitle{font-family:"Press Start 2P",monospace;font-size:7px;color:#ffd0c0;letter-spacing:1px}@media(max-width:700px){.game-screen{aspect-ratio:9 / 16;max-width:100%;border-width:3px}.game-menu{top:8px;right:8px}.menu-box{padding:6px 10px 6px 6px;min-width:110px}.menu-item{padding:4px 6px}.menu-item a{font-size:8px}.dialog-box{left:8px;right:8px;bottom:8px}.dialog-inner{padding:10px 14px;min-height:60px}.dialog-text{font-size:8px;line-height:1.8}.name-plate{top:8px;left:8px}.plate-label{font-size:9px}.plate-subtitle{font-size:6px}.plate-box{padding:6px 10px;min-width:100px}.sun{width:32px;height:32px}.house{width:288px;height:256px}.tree-back-left,.tree-back-right,.tree-mid-right,.tree-fore-right{width:64px;height:128px}.char-sprite{width:64px;height:64px;background-size:1536px 64px}}@media(max-width:480px){.menu-item a,.dialog-text{font-size:7px}.plate-label{font-size:8px}}