*{margin:0;padding:0;box-sizing:border-box}:root{--grass-top: #5D9B3D;--grass-side: #8B6914;--dirt: #8B5A2B;--stone: #7F7F7F;--sky-day-top: #7BA4D9;--sky-day-bottom: #B5D6F7;--sky-sunset-top: #FF7E47;--sky-sunset-bottom: #FFB88C;--sky-night-top: #0B1026;--sky-night-bottom: #1B2838;--text-primary: #FFFFFF;--text-shadow: #000000;--ui-bg: rgba(0, 0, 0, .6);--ui-border: rgba(255, 255, 255, .15)}html,body{width:100%;height:100%;overflow:hidden;font-family:"Press Start 2P",system-ui,sans-serif;background:#1a1a2e}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2d1b0e,#1a0f08);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .8s ease,visibility .8s ease}#loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo{width:200px;height:60px;margin-bottom:40px;image-rendering:pixelated}.loading-content{text-align:center}.loading-title{color:#aaa;font-size:12px;margin-bottom:16px;letter-spacing:2px}.loading-bar-container{width:320px;height:28px;background:#1a1a1a;border:4px solid #3d3d3d;padding:4px;image-rendering:pixelated}.loading-bar{height:100%;background:#3d3d3d;position:relative;overflow:hidden}.loading-progress{height:100%;width:0%;background:linear-gradient(180deg,#7cbd6b,#5a9a4a,#4a8a3a);transition:width .3s ease;position:relative}.loading-progress:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:#ffffff4d}.loading-tip{color:#666;font-size:8px;margin-top:24px;max-width:300px;line-height:1.6}#game-container{width:100%;height:100%;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.ui-corner{position:absolute;pointer-events:auto}.ui-top-right{top:20px;right:20px;display:flex;gap:8px}.ui-top-left{top:20px;left:20px}.ui-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.ui-btn{width:44px;height:44px;background:var(--ui-bg);border:3px solid var(--ui-border);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.ui-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.ui-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.ui-btn:active{transform:translateY(0);background:#000000b3}.ui-btn.active{background:#5a9a4a99;border-color:#5a9a4acc}.time-display{background:var(--ui-bg);border:3px solid var(--ui-border);padding:8px 16px;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:8px}.time-icon{font-size:14px}#tooltip{position:fixed;background:linear-gradient(180deg,#2d0f4e,#1a0a2e);color:#fff;padding:10px 14px;font-size:10px;border:3px solid #5D2D8E;pointer-events:none;z-index:200;white-space:nowrap;box-shadow:0 4px 12px #00000080;transform:translate(10px,10px)}#tooltip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#fff3}#tooltip.hidden{display:none}.tooltip-name{color:gold;margin-bottom:4px}.tooltip-desc{color:#aaa;font-size:8px}.hotbar{display:flex;gap:2px;background:#0006;padding:4px;border:3px solid rgba(0,0,0,.6)}.hotbar-slot{width:48px;height:48px;background:#8b8b8b4d;border:2px solid rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;position:relative}.hotbar-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.1);border-bottom-color:#0003;border-right-color:#0003;pointer-events:none}.hotbar-slot.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.hotbar-slot:hover{background:#ffffff1a}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%);z-index:50}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);z-index:51;opacity:.5}.ambient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;transition:background 2s ease}.ambient-overlay.night{background:#0a0f284d}.ambient-overlay.sunset{background:#ff64321a}.watermark{position:absolute;bottom:20px;right:20px;color:#ffffff4d;font-size:8px;pointer-events:none}@media (max-width: 768px){.loading-bar-container{width:260px}.loading-title{font-size:10px}.ui-btn{width:40px;height:40px;font-size:16px}.ui-top-right{top:12px;right:12px}.hotbar{transform:scale(.8)}.time-display{font-size:8px;padding:6px 10px}}@media (max-width: 480px){.hotbar{display:none}.ui-btn{width:36px;height:36px;font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ui-btn:focus-visible{outline:3px solid #FFD700;outline-offset:2px}.hotbar-slot:focus-visible{outline:2px solid #FFD700;outline-offset:1px}.click-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:12px 24px;font-size:12px;border:2px solid rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite;pointer-events:none;z-index:100}.click-hint.hidden{display:none}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}