@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:"Press Start 2P",monospace;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}#menu-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background-color:#6b4226;background-image:repeating-conic-gradient(#5a3720 0% 25%,transparent 0% 50%) 0 0 / 8px 8px,repeating-conic-gradient(#7a5033 0% 25%,transparent 0% 50%) 4px 4px / 8px 8px,repeating-conic-gradient(#4e2f1a 0% 25%,transparent 0% 50%) 2px 6px / 8px 8px}#menu-container:before{content:"";position:absolute;inset:0;background:#00000073;pointer-events:none}#menu-container:not(:empty)~#canvas{display:none}#menu-container.hidden{display:none}canvas{display:block;width:100%;height:100%;touch-action:none}.menu{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:1;width:100%;max-width:600px;padding:16px}.menu-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.menu-logo{display:flex;flex-direction:column;align-items:center;line-height:1;-webkit-user-select:none;user-select:none}.menu-logo-line1,.menu-logo-line2{font-family:"Press Start 2P",monospace;font-weight:700;letter-spacing:6px;color:#b0b0b0;text-shadow:3px 3px 0 #5a5a5a,4px 4px 0 #3a3a3a,5px 5px 0 #1a1a1a,-1px -1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222,1px 1px 0 #222,2px 0 0 #888,0 2px 0 #888;-webkit-text-stroke:1px #333}.menu-logo-line1{font-size:clamp(36px,9vw,64px)}.menu-logo-line2{font-size:clamp(36px,9vw,64px);margin-top:-4px}.menu-splash{position:absolute;right:-10px;bottom:10px;transform:rotate(-15deg) scale(1);transform-origin:center center;color:#ff0;font-size:11px;font-family:"Press Start 2P",monospace;text-shadow:2px 2px 0 #3f3f00,1px 1px 0 #3f3f00;white-space:nowrap;animation:splash-bounce .8s ease-in-out infinite alternate;pointer-events:none}@keyframes splash-bounce{0%{transform:rotate(-15deg) scale(1)}to{transform:rotate(-15deg) scale(1.15)}}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.menu-buttons-row{display:flex;gap:6px;width:100%;max-width:400px}.menu-btn{flex:1;min-width:0;padding:10px 16px;font-size:11px;font-family:"Press Start 2P",monospace;color:#e0e0e0;text-shadow:2px 2px 0 #3f3f3f;background:linear-gradient(180deg,#8b8b8b,#737373 10%,#6b6b6b,#585858 90%,#4a4a4a);border:3px solid;border-color:#aaa #555 #444 #999;cursor:pointer;transition:border-color .08s,color .08s;image-rendering:pixelated;outline:none;white-space:nowrap;text-align:center}.menu-btn:hover{color:#ffffa0;border-color:#6295ed #2a3f6e #1e2d52 #5585d8;background:linear-gradient(180deg,#5a6da0,#4a5c8c 10%,#3e5080,#334470 90%,#283660)}.menu-btn:active{transform:translateY(1px)}.menu-btn:disabled{color:#666;text-shadow:2px 2px 0 #2a2a2a;cursor:not-allowed;opacity:.65}.menu-btn:disabled:hover{border-color:#aaa #555 #444 #999;background:linear-gradient(180deg,#8b8b8b,#737373 10%,#6b6b6b,#585858 90%,#4a4a4a);color:#666}.menu-btn-full{max-width:400px;width:100%}.menu-version{position:fixed;bottom:8px;left:8px;font-size:8px;font-family:"Press Start 2P",monospace;color:#aaa;text-shadow:1px 1px 0 #000;z-index:20}.menu-copyright{position:fixed;bottom:8px;right:8px;font-size:7px;font-family:"Press Start 2P",monospace;color:#777;text-shadow:1px 1px 0 #000;z-index:20}#game-hud{position:fixed;inset:0;pointer-events:none;z-index:30}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-family:monospace;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.5);line-height:1;-webkit-user-select:none;user-select:none}.hotbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:#0000008c;border:2px solid #444;border-radius:2px;image-rendering:pixelated;pointer-events:auto}.hotbar-slot{position:relative;width:48px;height:48px;background:#50505099;border:2px solid #555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .1s}.hotbar-slot.active{border-color:#eee;box-shadow:0 0 4px #fff9,inset 0 0 3px #ffffff26;background:#78787880}.hotbar-slot:hover:not(.active){border-color:#888}.hotbar-icon{width:32px;height:32px;image-rendering:pixelated}.hotbar-number{position:absolute;bottom:1px;right:2px;font-size:7px;font-family:"Press Start 2P",monospace;color:#ffffff59;-webkit-user-select:none;user-select:none;pointer-events:none}.mobile-controls{position:fixed;inset:0;pointer-events:none;z-index:25;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.mobile-controls.visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-controls.visible>*{pointer-events:auto}.mobile-controls .mobile-look-zone{flex:1;min-height:120px}.mobile-controls .mobile-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 12px 80px}.mobile-arrows{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;width:120px;height:120px}.mobile-arrow-up{grid-column:2;grid-row:1}.mobile-arrow-left{grid-column:1;grid-row:2}.mobile-arrow-down{grid-column:2;grid-row:3}.mobile-arrow-right{grid-column:3;grid-row:2}.mobile-arrow{min-width:40px;min-height:40px;font-size:20px;font-family:"Press Start 2P",monospace;color:#e0e0e0;background:#00000080;border:2px solid #555;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-arrow:active{background:#505050b3}.mobile-action{min-width:56px;min-height:56px;font-size:8px;font-family:"Press Start 2P",monospace;color:#e0e0e0;background:#00000080;border:2px solid #555;border-radius:8px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-action:active{background:#505050b3}.mobile-actions{display:flex;flex-direction:column;gap:8px;align-self:flex-end}.mobile-look-zone{touch-action:none}