*{box-sizing:border-box;margin:0;padding:0}html,body{background:#1a1f3a;width:100%;height:100%;overflow:hidden}#game{width:100%;height:100%;display:block}#hud{pointer-events:none;color:#fff;font-family:system-ui,sans-serif;position:fixed;inset:0}#hud-title{text-shadow:0 2px 4px #00000080;font-size:18px;font-weight:700;position:absolute;top:12px;left:16px}#hud-stats{background:#00000073;border-radius:12px;flex-direction:column;gap:6px;min-width:190px;padding:12px 14px;display:flex;position:absolute;top:44px;left:16px}#hud-money{color:#ffc247;text-shadow:0 2px 4px #00000080;font-size:26px;font-weight:800}.hud-bar-label{opacity:.9;width:78px;font-size:12px;font-weight:600;display:inline-block}.hud-bar{align-items:center;gap:6px;display:flex}.hud-bar-track{background:#fff3;border-radius:5px;flex:1;height:10px;overflow:hidden}.hud-bar-fill{border-radius:5px;height:100%;transition:width .3s}.hud-bar[data-stat=hunger] .hud-bar-fill{background:#e06a5a}.hud-bar[data-stat=energy] .hud-bar-fill{background:#6fd06a}.hud-bar[data-stat=education] .hud-bar-fill{background:#5d8fd9}#hud-time{background:#00000073;border-radius:12px;gap:12px;padding:8px 16px;font-size:20px;font-weight:700;display:flex;position:absolute;top:12px;right:16px}#hud-job{opacity:.9;font-size:13px;font-weight:600}#hud-home,#hud-rent{opacity:.8;font-size:12px}#hud-attributes{color:#ffc247;letter-spacing:.5px;font-size:11px;font-weight:700}.hud-warning{color:#ff8a7a;font-weight:700;opacity:1!important}#menu{pointer-events:auto;background:#0a0c188c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu-panel{background:#1a1f3af7;border:2px solid #ffc247;border-radius:16px;flex-direction:column;width:min(440px,92vw);max-height:80vh;padding:18px;display:flex}#menu-title{color:#ffc247;text-align:center;margin-bottom:12px;font-size:24px;font-weight:800}#menu-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.menu-item{color:#fff;text-align:left;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;justify-content:space-between;gap:10px;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.menu-item:hover:not(:disabled){background:#ffc24759}.menu-item:disabled{opacity:.45;cursor:default}.menu-item-sub{opacity:.75;white-space:nowrap;font-size:12px}#menu-close{color:#1a1f3a;cursor:pointer;background:#ffc247;border:none;border-radius:10px;margin-top:12px;padding:10px;font-family:inherit;font-size:15px;font-weight:800}#toast{background:#1a1f3ae6;border:2px solid #ffc247;border-radius:12px;max-width:320px;padding:12px 16px;font-size:15px;font-weight:600;position:absolute;top:64px;right:16px}.hidden{display:none!important}#crosshair{background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #00000080}#prompt{white-space:nowrap;background:#0000008c;border-radius:10px;padding:10px 20px;font-size:18px;font-weight:600;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}#overlay{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1f3abf;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}#overlay h1{letter-spacing:4px;color:#ffc247;text-shadow:0 4px 12px #0009;font-size:56px}#overlay .play-hint{font-size:24px;font-weight:600}#overlay .controls-hint{opacity:.8;font-size:14px}#online-panel{cursor:default;background:#00000073;border:1px solid #ffc24780;border-radius:14px;flex-direction:column;gap:8px;width:min(400px,90vw);margin-top:26px;padding:14px 16px;display:flex}#online-title{color:#ffc247;font-size:16px;font-weight:800}#online-status{opacity:.9;font-size:13px}#online-actions{flex-direction:column;gap:6px;display:flex}.online-row{gap:6px;display:flex}.online-input{color:#fff;background:#ffffff26;border:none;border-radius:8px;flex:1;min-width:0;padding:8px 10px;font-family:inherit;font-size:13px}.online-input::placeholder{color:#ffffff80}.online-btn{color:#1a1f3a;cursor:pointer;white-space:nowrap;background:#ffc247;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700}.online-btn:hover{background:#ffd47a}