@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.game-header[data-v-0019681b]{height:var(--header-h);border-bottom:var(--pixel-border);background:linear-gradient(#deb887 0%,#c9a66b 100%);justify-content:space-between;align-items:center;padding:0 20px;display:flex;box-shadow:0 2px 4px #5a3e2833}.header-left[data-v-0019681b],.header-center[data-v-0019681b],.header-right[data-v-0019681b]{align-items:center;gap:12px;display:flex}.title[data-v-0019681b]{font-size:14px;font-family:var(--font);color:var(--text);letter-spacing:1px}.time-display[data-v-0019681b]{background:var(--bg);border:var(--pixel-border);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 12px;display:flex}.time-emoji[data-v-0019681b]{font-size:18px}.time-text[data-v-0019681b]{color:var(--text);font-size:12px}.time-season[data-v-0019681b]{font-size:14px}.world-time[data-v-0019681b]{color:var(--text3);font-size:10px}.panel[data-v-b84ad7ec]{background:var(--bg2);border:2px solid var(--border);box-shadow:var(--pixel-shadow);margin-bottom:12px;padding:12px}.panel-title[data-v-b84ad7ec]{color:var(--green);letter-spacing:2px;margin-bottom:12px;font-size:11px}label[data-v-b84ad7ec]{color:var(--text3);letter-spacing:1px;margin:10px 0 4px;font-size:9px;display:block}input[data-v-b84ad7ec]{background:var(--bg);border:2px solid var(--border);width:100%;color:var(--text);font-size:11px;font-family:var(--font);letter-spacing:1px;outline:none;padding:8px 10px}input[data-v-b84ad7ec]:focus{border-color:var(--green)}.btn-row[data-v-b84ad7ec]{gap:8px;margin-top:12px;display:flex}.px-btn[data-v-b84ad7ec]{font-size:10px;font-family:var(--font);color:var(--text);background:var(--bg3);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--pixel-shadow);flex:1;padding:8px}.px-btn[data-v-b84ad7ec]:active{box-shadow:none;transform:translate(2px,2px)}.px-btn-green[data-v-b84ad7ec]{background:var(--green-dark);color:var(--bg);border-color:var(--green)}.status-msg[data-v-b84ad7ec]{letter-spacing:1px;border:1px solid;margin-top:8px;padding:6px 10px;font-size:9px}.status-msg.ok[data-v-b84ad7ec]{color:var(--green);border-color:var(--green);background:var(--green-light)}.status-msg.err[data-v-b84ad7ec]{color:var(--red);border-color:var(--red);background:#1a0000}.app-shell[data-v-15cbd9bc]{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-body[data-v-15cbd9bc]{flex:1;min-height:0;display:flex;overflow:hidden}.nav-sidebar[data-v-15cbd9bc]{background:var(--bg2);border-right:var(--pixel-border);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:64px;padding:8px 0;display:flex}.nav-item[data-v-15cbd9bc]{border-radius:var(--radius);width:56px;color:var(--text2);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;text-decoration:none;transition:all .15s;display:flex}.nav-item[data-v-15cbd9bc]:hover{background:var(--bg3);color:var(--text)}.nav-item.active[data-v-15cbd9bc]{background:var(--wood-light);color:var(--text);box-shadow:var(--pixel-shadow)}.nav-icon[data-v-15cbd9bc]{font-size:18px;line-height:1}.nav-label[data-v-15cbd9bc]{letter-spacing:1px;white-space:nowrap;font-size:8px}.nav-spacer[data-v-15cbd9bc]{flex:1}.nav-user[data-v-15cbd9bc]{opacity:.7;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.page-content[data-v-15cbd9bc]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=768px){.shell-body[data-v-15cbd9bc]{flex-direction:column}.nav-sidebar[data-v-15cbd9bc]{border-right:none;border-bottom:var(--pixel-border);flex-direction:row;order:-1;width:100%;height:48px;padding:0 8px}.nav-item[data-v-15cbd9bc]{width:auto;padding:4px 12px}.nav-spacer[data-v-15cbd9bc]{display:none}}@font-face{font-family:Zpix;src:url(https://cdn.jsdelivr.net/gh/SolidZORO/zpix-pixel-font@master/dist/Zpix.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f5e6c8;--bg2:#e8d4a8;--bg3:#d4bc8a;--text:#5a3e28;--text2:#8b6914;--text3:#a08060;--grass:#7cba3d;--grass-dark:#5a8a2d;--dirt:#c9a66b;--wood:#8b5a2b;--wood-light:#deb887;--water:#5b9bd5;--water-dark:#3a7abd;--sky:#87ceeb;--green:#4a9e28;--blue:#5b9bd5;--amber:#f4a460;--red:#cd5c5c;--purple:#9370db;--cyan:#20b2aa;--pink:#f08080;--orange:#e9967a;--radius:4px;--header-h:48px;--sidebar-w:240px;--bottom-h:180px;--font:"Zpix", "Press Start 2P", monospace;--font-en:"Press Start 2P", monospace;--pixel-border:2px solid var(--wood);--pixel-shadow:3px 3px 0 #5a3e284d;--panel-bg:#f5e6c8f2}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:12px;line-height:1.6;overflow:hidden}#app{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--wood);border-radius:var(--radius)}button{font-family:var(--font);cursor:pointer;transition:all .1s}button:active{transform:translate(1px,1px)}.px-btn{font-size:11px;font-family:var(--font);background:var(--wood-light);color:var(--text);border:var(--pixel-border);border-radius:var(--radius);box-shadow:var(--pixel-shadow);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.px-btn:hover{background:var(--dirt)}.px-btn-green{background:var(--grass);color:#fff;border-color:var(--grass-dark)}.px-btn-green:hover{background:var(--grass-dark)}.panel{background:var(--panel-bg);border:var(--pixel-border);border-radius:var(--radius);box-shadow:var(--pixel-shadow)}::selection{background:var(--grass);color:#fff}.glow-green{text-shadow:0 0 8px var(--grass)}.glow-amber{text-shadow:0 0 8px var(--amber)}.glow-cyan{text-shadow:0 0 8px var(--cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blink{animation:1.5s ease-in-out infinite blink}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:4px 4px #5a3e2866}