:root{--grass-base:#4ea832;--grass-light:#59be39;--grass-dark:#3e8a26;--grass-deep:#2c631b;--wood-bg:#9e6338;--wood-highlight:#c88b56;--wood-shadow:#542d13;--wood-border:#301708;--parchment-bg:#f8edd1;--parchment-highlight:#fff9e6;--parchment-shadow:#d8c292;--parchment-border:#4a2b16;--parchment-text:#3d2010;--parchment-muted:#6b472e;--soil-bg:#5a341b;--soil-highlight:#7a4a27;--soil-shadow:#3a1f0e;--soil-border:#231207;--btn-green-bg:#449e37;--btn-green-hi:#6ecc5a;--btn-green-sh:#25661d;--btn-gold-bg:#e69d20;--btn-gold-hi:#ffd352;--btn-gold-sh:#965e0b;--btn-blue-bg:#2979d4;--btn-blue-hi:#5ca6ff;--btn-blue-sh:#164785;--btn-red-bg:#d94338;--btn-red-hi:#ff6e63;--btn-red-sh:#872018;--font-pixel:"Press Start 2P", cursive;--font-silkscreen:"Silkscreen", monospace;--font-mono:"VT323", monospace;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}html,body{background-color:var(--grass-base);background-image:linear-gradient(45deg, var(--grass-dark) 25%, transparent 25%), linear-gradient(-45deg, var(--grass-dark) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--grass-dark) 75%), linear-gradient(-45deg, transparent 75%, var(--grass-dark) 75%);color:#fff;min-height:100vh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px;font-size:15px;line-height:1.5}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#331d10;border:2px solid #1f1109}::-webkit-scrollbar-thumb{background:#8e542c;border:2px solid #c48350;box-shadow:inset -2px -2px #4d2811}::-webkit-scrollbar-thumb:hover{background:#aa683a}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.pixel-text{font-family:var(--font-pixel);letter-spacing:-.5px}.silk-text{font-family:var(--font-silkscreen);letter-spacing:.5px}.retro-mono{font-family:var(--font-mono);font-size:20px;line-height:1}.wood-board{background-color:var(--wood-bg);border:4px solid var(--wood-border);box-shadow:inset 4px 4px 0px 0px var(--wood-highlight), inset -4px -4px 0px 0px var(--wood-shadow), 4px 6px 0px 0px #0f080473;border-radius:4px;position:relative}.wood-board-dark{background-color:#784521;border:4px solid #291206;border-radius:4px;box-shadow:inset 4px 4px #9e5f33,inset -4px -4px #42220e,4px 6px #0f080480}.iron-nails:before,.iron-nails:after{content:"";background:#50555e;border:2px solid #202328;border-radius:1px;width:8px;height:8px;position:absolute;box-shadow:inset 1px 1px #888d96}.iron-nails:before{top:8px;left:8px}.iron-nails:after{top:8px;right:8px}.parchment-panel{background-color:var(--parchment-bg);color:var(--parchment-text);border:4px solid var(--parchment-border);box-shadow:inset 4px 4px 0px 0px var(--parchment-highlight), inset -4px -4px 0px 0px var(--parchment-shadow), 5px 7px 0px 0px #190c0566;border-radius:4px}.soil-bed{background-color:var(--soil-bg);border:3px solid var(--soil-border);box-shadow:inset 3px 3px 0px 0px var(--soil-shadow), inset -3px -3px 0px 0px var(--soil-highlight);background-image:radial-gradient(#4a2712 20%,#0000 20%),radial-gradient(#4a2712 20%,#0000 20%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:4px}.pixel-btn{font-family:var(--font-silkscreen);text-transform:uppercase;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform 50ms;display:inline-flex;position:relative}.pixel-btn:active{transform:translate(2px,3px)}.pixel-btn-green{background-color:var(--btn-green-bg);box-shadow:inset 3px 3px 0px 0px var(--btn-green-hi), inset -3px -3px 0px 0px var(--btn-green-sh), 2px 4px 0px 0px #0006;text-shadow:1px 2px #163d12;border:3px solid #163d12}.pixel-btn-green:active{box-shadow:inset 3px 3px 0px 0px var(--btn-green-sh), inset -3px -3px 0px 0px var(--btn-green-hi)}.pixel-btn-gold{background-color:var(--btn-gold-bg);color:#3b2102;box-shadow:inset 3px 3px 0px 0px var(--btn-gold-hi), inset -3px -3px 0px 0px var(--btn-gold-sh), 2px 4px 0px 0px #0006;text-shadow:1px 1px #ffe599;border:3px solid #4a2c05}.pixel-btn-gold:active{box-shadow:inset 3px 3px 0px 0px var(--btn-gold-sh), inset -3px -3px 0px 0px var(--btn-gold-hi)}.pixel-btn-blue{background-color:var(--btn-blue-bg);box-shadow:inset 3px 3px 0px 0px var(--btn-blue-hi), inset -3px -3px 0px 0px var(--btn-blue-sh), 2px 4px 0px 0px #0006;text-shadow:1px 2px #0d284a;border:3px solid #0d284a}.pixel-btn-blue:active{box-shadow:inset 3px 3px 0px 0px var(--btn-blue-sh), inset -3px -3px 0px 0px var(--btn-blue-hi)}.pixel-btn-wood{text-shadow:1px 2px #361a06;background-color:#8c5227;border:3px solid #361a06;box-shadow:inset 3px 3px #b87544,inset -3px -3px #522b10,2px 4px #0006}.pixel-btn-wood:active{box-shadow:inset 3px 3px #522b10,inset -3px -3px #b87544}.pixel-btn-sm{padding:6px 12px;font-size:11px}.pixel-badge{font-family:var(--font-silkscreen);text-transform:uppercase;border:2px solid #241407;border-radius:2px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.pixel-badge-green{color:#e5ffe0;background:#398e2c;box-shadow:inset 1px 1px #67cf55,inset -1px -1px #1d5214}.pixel-badge-gold{color:#fff9e6;background:#d68f18;box-shadow:inset 1px 1px #ffcf54,inset -1px -1px #784c04}.pixel-badge-blue{color:#e6f3ff;background:#256bbd;box-shadow:inset 1px 1px #5ca5ff,inset -1px -1px #133a6b}.pixel-badge-purple{color:#fae8ff;background:#7e3ea8;box-shadow:inset 1px 1px #b66fe6,inset -1px -1px #441861}.pixel-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0a140cbf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pixel-modal-window{background-color:var(--parchment-bg);border:5px solid var(--parchment-border);box-shadow:inset 5px 5px 0px 0px var(--parchment-highlight), inset -5px -5px 0px 0px var(--parchment-shadow), 8px 12px 0px 0px #0a050299;width:100%;max-width:640px;max-height:90vh;color:var(--parchment-text);border-radius:4px;position:relative;overflow-y:auto}.pixel-input{color:#2e180b;width:100%;font-family:var(--font-silkscreen);background:#fffcee;border:3px solid #5a361e;outline:none;padding:10px 14px;font-size:13px;box-shadow:inset 2px 2px #c2ae84}.pixel-input:focus{background:#fff;border-color:#226b1c}.pixel-ocean-header{background:#2b7ddb;border-bottom:5px solid #134580;box-shadow:0 4px #0e3059}@media (width<=640px){.app-container{padding:0 12px}.wood-board{padding:18px 14px!important}.pixel-modal-window{max-height:92vh;padding:20px 14px!important}.pixel-btn{padding:8px 12px;font-size:11px}.mobile-scroll-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:4px;display:flex!important;overflow-x:auto!important}.mobile-scroll-tabs::-webkit-scrollbar{display:none}}