html{background:#f4f7f2}body{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7f2;min-width:320px;min-height:100svh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100svh}*{box-sizing:border-box}.app-shell{min-height:100svh;padding:36px}.hud{z-index:12;background:#f8fafcf5;border:1px solid #cbd5e1;border-radius:8px;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:16px;max-width:1120px;margin:0 auto 24px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:sticky;top:16px;box-shadow:0 16px 32px #0f172a1f}.hud:hover{border-color:#94a3b8;box-shadow:0 18px 38px #0f172a24}.hud-meta{color:#f8fafc;background:#0f172a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:12px;display:grid}.hud-meta span{color:#bae6fd;text-transform:uppercase;font-size:12px;font-weight:800}.hud-meta span:last-child{color:#dcfce7;grid-area:1/2/span 2}.hud-meta strong{font-size:24px;line-height:1}.hud-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hud-stat{gap:8px;min-width:0;display:grid}.hud-stat__label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hud-stat__label span{color:#334155;text-transform:uppercase;font-size:12px;font-weight:800}.hud-stat__label strong{color:#111827;font-size:14px}.hud-stat__track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.hud-stat__fill{border-radius:inherit;background:#22c55e;height:100%;transition:width .18s;display:block}.hud-stat[data-stat=hunger] .hud-stat__fill{background:#f97316}.hud-stat[data-stat=sleep] .hud-stat__fill{background:#6366f1}.hud-stat[data-stat=hygiene] .hud-stat__fill{background:#06b6d4}.hud-stat[data-stat=mood] .hud-stat__fill{background:#22c55e}.hud-help-button{color:#422006;cursor:pointer;font:inherit;white-space:nowrap;background:#fef3c7;border:1px solid #facc15;border-radius:8px;min-height:42px;padding:9px 13px;font-size:14px;font-weight:900;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .12s}.hud-help-button:hover{background:#fde68a;transform:translateY(-1px);box-shadow:0 10px 18px #facc152e}.hud-help-button:active{box-shadow:none;transform:translateY(0)scale(.98)}.hud-help-button:focus-visible{outline:none;box-shadow:0 0 0 3px #facc1557}.scene-shell{gap:24px;max-width:1120px;margin:0 auto;display:grid}.scene-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.eyebrow{color:#2563eb;letter-spacing:0;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}h1{color:#111827;margin:0;font-size:36px;font-weight:800;line-height:1}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.apartment-grid{background:linear-gradient(90deg,#33415529 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#33415524 1px,#0000 1px) 0 0/100% 33.333%,linear-gradient(#e8edf0 0 34%,#d4c7aa 34% 100%);border:2px solid #334155;border-radius:8px;grid-template-rows:repeat(3,minmax(140px,1fr));grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;min-height:640px;padding:20px;display:grid;box-shadow:0 22px 50px #0f172a29}.apartment-object{color:#111827;cursor:pointer;background:#f8fafcf0;border:1px solid #64748b;border-radius:8px;align-content:center;justify-items:center;gap:12px;min-height:128px;padding:16px;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:grid;position:relative}.apartment-object:not(:disabled):hover{background:#fff;border-color:#2563eb;transform:translateY(-3px);box-shadow:0 18px 34px #2563eb33}.apartment-object:not(:disabled):active{transform:translateY(0)scale(.99);box-shadow:0 8px 18px #0f172a29}.apartment-object:disabled{cursor:not-allowed;opacity:.72}.apartment-object:disabled:hover{box-shadow:none;border-color:#64748b;transform:none}.apartment-object:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb3d}.object-visual{border:2px solid #334155;width:min(100%,128px);height:64px;transition:box-shadow .16s,filter .16s,transform .16s;display:block}.apartment-object:not(:disabled):hover .object-visual{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.object-name{font-size:16px;font-weight:800;line-height:1.1}.object-action{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1}.apartment-object--shower{grid-area:1/1}.apartment-object--shower .object-visual{background:linear-gradient(#38bdf8 0 0) 50% 12px/52px 4px no-repeat,linear-gradient(90deg,#0000 18%,#2563eb33 18% 22%,#0000 22% 38%,#2563eb33 38% 42%,#0000 42% 58%,#2563eb33 58% 62%,#0000 62% 78%,#2563eb33 78% 82%,#0000 82%),#e0f2fe;border-radius:8px}.apartment-object--fridge{grid-area:1/4}.apartment-object--fridge .object-visual{background:linear-gradient(#334155 0 0) 16px/4px 32px no-repeat,linear-gradient(#f8fafc 0 50%,#dbeafe 50% 100%);border-radius:6px;width:72px;height:88px}.apartment-object--computer{grid-area:2/2/auto/span 2}.apartment-object--computer .object-visual{background:linear-gradient(#334155 0 0) center bottom 10px/48px 5px no-repeat,linear-gradient(#334155 0 0) bottom/72px 6px no-repeat,linear-gradient(135deg,#bfdbfe,#22c55e);border-radius:6px}.apartment-object--bed{grid-area:3/1/auto/span 2}.apartment-object--bed .object-visual{background:linear-gradient(90deg,#bfdbfe 0 26%,#0000 26%),linear-gradient(#f8fafc 0 28%,#60a5fa 28% 100%);border-radius:8px 8px 5px 5px;width:min(100%,180px)}.apartment-object--door{grid-area:3/4}.apartment-object--door .object-visual{background:radial-gradient(circle at 78% 52%,#facc15 0 4px,#0000 5px),linear-gradient(90deg,#9a5b25,#b97835);border-radius:5px 5px 0 0;width:72px;height:92px}.control-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;gap:18px;padding:20px;display:grid;box-shadow:0 18px 34px #0f172a1a}.control-panel h2,.door-section h3{color:#111827;margin:0;font-size:20px;line-height:1}.door-section h3{color:#334155;text-transform:uppercase;font-size:13px;font-weight:900}.clock-card{color:#f8fafc;background:#0f172a;border-radius:8px;gap:6px;padding:14px;display:grid}.clock-card span{color:#bae6fd;text-transform:uppercase;font-size:13px;font-weight:800}.clock-card strong{font-size:28px;line-height:1}.task-panel,.sleep-panel,.food-panel,.bills-panel,.door-panel,.history-panel{gap:12px;display:grid}.sleep-control{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;gap:10px;padding:10px;display:grid}.sleep-control span{color:#312e81;text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:900;display:flex}.sleep-control strong{color:#1e1b4b;font-size:14px}.sleep-control input{accent-color:#4f46e5;width:100%}.active-task{color:#1e1b4b;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;gap:8px;padding:12px;display:grid}.active-task>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.active-task span{text-transform:uppercase;font-size:12px;font-weight:900}.active-task strong{font-size:15px}.active-task__track{background:#c7d2fe;border-radius:999px;height:10px;overflow:hidden}.active-task__track span{border-radius:inherit;background:#4f46e5;height:100%;transition:width .18s;display:block}.task-list{gap:10px;display:grid}.task-card{color:#0f172a;cursor:pointer;text-align:left;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;gap:6px;min-height:96px;padding:10px;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s;display:grid}.task-card[data-category=work]{background:#ecfeff;border-color:#67e8f9}.task-card[data-category=side]{background:#f0fdf4;border-color:#86efac}.task-card__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.task-card strong{font-size:14px}.task-card span,.task-card em{font-size:12px;font-style:normal;font-weight:800}.task-card>span:not(.task-card__header){color:#475569}.task-card em{color:#2563eb;text-transform:uppercase}.task-card:not(:disabled):hover{background:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 18px #2563eb24}.task-card:not(:disabled):active{transform:translateY(0)scale(.99);box-shadow:0 0 0 3px #2563eb1f}.task-card:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.task-card:disabled>span:not(.task-card__header),.task-card:disabled em{color:#64748b}.task-card:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb47}.food-options{gap:10px;display:grid}.food-option{color:#431407;cursor:pointer;text-align:left;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:4px;min-height:58px;padding:10px;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s;display:grid}.food-option strong{font-size:14px}.food-option span{font-size:12px;font-weight:800}.food-option span:first-of-type{color:#9a3412}.food-option[data-selected=true]{background:#ffedd5;border-color:#fb923c;box-shadow:0 0 0 3px #fb923c2e}.food-option:not(:disabled):hover{background:#ffedd5;transform:translateY(-1px);box-shadow:0 10px 18px #fb923c24}.food-option:not(:disabled):active{transform:translateY(0)scale(.99);box-shadow:0 0 0 3px #fb923c1f}.food-option:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.food-option:disabled span:first-of-type{color:#64748b}.food-option:focus-visible{outline:none;box-shadow:0 0 0 3px #fb923c47}.consume-button{color:#7c2d12;cursor:pointer;font:inherit;background:#fed7aa;border:1px solid #fb923c;border-radius:8px;min-height:42px;padding:10px 12px;font-size:15px;font-weight:800;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s}.consume-button:not(:disabled):hover{background:#fdba74;transform:translateY(-1px);box-shadow:0 10px 18px #fb923c29}.consume-button:not(:disabled):active{box-shadow:none;transform:translateY(0)scale(.98)}.consume-button:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.consume-button:focus-visible{outline:none;box-shadow:0 0 0 3px #fb923c47}.bill-list{gap:12px;display:grid}.bill-row{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding-bottom:12px;display:grid}.bill-row>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bill-row strong{color:#334155;text-transform:uppercase;font-size:13px}.bill-row span span{color:#111827;font-weight:800}.bill-row em{color:#475569;text-align:right;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:900}.bill-row[data-unpaid=true] em{color:#b91c1c}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.door-section{gap:10px;display:grid}.door-actions{gap:8px;display:grid}.door-actions button,.event-button,.panel-title-row button,.sleep-button,.reset-button{color:#0f172a;cursor:pointer;font:inherit;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:6px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:800;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s}.door-actions button{justify-content:space-between;align-items:center;gap:10px;display:flex}.door-actions button strong{font-size:13px}.door-actions button span{font-size:12px}.door-actions button:not(:disabled):hover,.event-button:not(:disabled):hover,.panel-title-row button:hover,.sleep-button:not(:disabled):hover,.reset-button:hover{background:#bae6fd;transform:translateY(-1px);box-shadow:0 8px 16px #0ea5e924}.door-actions button:not(:disabled):active,.event-button:not(:disabled):active,.panel-title-row button:active,.sleep-button:not(:disabled):active,.reset-button:active{box-shadow:none;transform:translateY(0)scale(.96)}.door-actions button:disabled,.event-button:disabled,.sleep-button:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}.door-actions button:focus-visible,.event-button:focus-visible,.panel-title-row button:focus-visible,.sleep-button:focus-visible,.reset-button:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e947}.event-button{color:#312e81;background:#e0e7ff;border-color:#a5b4fc}.event-button:not(:disabled):hover{background:#c7d2fe}.empty-note{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;margin:0;padding:10px;font-size:13px;font-weight:800}.history-panel{border-top:1px solid #e2e8f0;padding-top:2px}.history-panel summary{color:#111827;cursor:pointer;font-size:20px;font-weight:800;line-height:1}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.history-filters label{gap:5px;display:grid}.history-filters span{color:#334155;text-transform:uppercase;font-size:11px;font-weight:900}.history-filters select{color:#0f172a;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;min-width:0;padding:6px;font-size:12px;font-weight:800}.history-list{gap:8px;max-height:260px;padding-right:2px;display:grid;overflow:auto}.history-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:9px;display:grid}.history-entry span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900}.history-entry strong{color:#111827;font-size:13px}.history-entry p{color:#475569;margin:0;font-size:12px;font-weight:700;line-height:1.35}.reset-button{background:#fef3c7;border-color:#facc15}.reset-button:hover{background:#fde68a}.event-popup{pointer-events:none;z-index:10;justify-items:end;width:min(360px,100vw - 48px);display:grid;position:fixed;bottom:24px;right:24px}.event-popup__content{color:#f8fafc;pointer-events:auto;background:#111827;border:1px solid #475569;border-radius:8px;gap:10px;padding:18px;animation:.18s ease-out popup-enter;display:grid;box-shadow:0 22px 45px #0f172a47}.event-popup__content>span{color:#facc15;text-transform:uppercase;font-size:12px;font-weight:800}.event-popup__content h2{color:#f8fafc;margin:0;font-size:22px;line-height:1}.event-popup__content p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.45}.event-popup__content button{color:#422006;cursor:pointer;font:inherit;background:#facc15;border:1px solid #fde68a;border-radius:6px;justify-self:start;min-height:34px;padding:6px 12px;font-size:13px;font-weight:800;transition:background-color .16s,box-shadow .16s,transform .12s}.event-popup__content button:hover{background:#fde047;transform:translateY(-1px);box-shadow:0 8px 16px #facc152e}.event-popup__content button:active{box-shadow:none;transform:translateY(0)scale(.98)}.event-popup__content button:focus-visible{outline:none;box-shadow:0 0 0 3px #facc1557}.help-modal{z-index:40;background:#0f172ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-modal__panel{color:#111827;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;gap:16px;width:min(100%,520px);max-width:520px;padding:24px;animation:.18s ease-out modal-enter;display:grid;box-shadow:0 24px 60px #0f172a52}.help-modal__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.help-modal__header h2{color:#111827;margin:0;font-size:24px;line-height:1}.help-modal__header button{color:#0f172a;cursor:pointer;font:inherit;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:6px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:800;transition:background-color .16s,box-shadow .16s,transform .12s}.help-modal__header button:hover{background:#bae6fd;transform:translateY(-1px);box-shadow:0 8px 16px #0ea5e924}.help-modal__header button:active{box-shadow:none;transform:translateY(0)scale(.96)}.help-modal__header button:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e947}.help-modal__panel ul{color:#334155;gap:10px;margin:0;padding-left:22px;line-height:1.45;display:grid}.help-modal__panel li{padding-left:2px}.game-over-screen,.victory-screen{z-index:30;background:#0f172ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-over-card,.victory-card{color:#111827;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;gap:16px;width:min(100%,460px);max-width:460px;padding:24px;animation:.18s ease-out modal-enter;display:grid;box-shadow:0 24px 60px #0f172a52}.game-over-card>span,.victory-card>span{text-transform:uppercase;font-size:13px;font-weight:900}.game-over-card>span{color:#b91c1c}.victory-card>span{color:#15803d}.game-over-card h2,.victory-card h2{color:#111827;margin:0;font-size:36px;line-height:1}.game-over-card p,.victory-card p{color:#475569;margin:0;font-size:16px;line-height:1.45}.game-over-stats,.victory-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.game-over-stats div,.victory-stats div{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.game-over-stats span,.victory-stats span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:800}.game-over-stats strong,.victory-stats strong{color:#111827;font-size:18px;line-height:1}.game-over-card button,.victory-card button{cursor:pointer;font:inherit;border-radius:8px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:900;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .12s}.game-over-card button{color:#fef2f2;background:#b91c1c;border:1px solid #ef4444}.victory-card button{color:#f0fdf4;background:#15803d;border:1px solid #22c55e}.game-over-card button:hover{background:#991b1b;transform:translateY(-1px);box-shadow:0 12px 22px #b91c1c2e}.victory-card button:hover{background:#166534;transform:translateY(-1px);box-shadow:0 12px 22px #15803d2e}.game-over-card button:active,.victory-card button:active{box-shadow:none;transform:translateY(0)scale(.98)}.game-over-card button:focus-visible{outline:none;box-shadow:0 0 0 4px #f8717157}.victory-card button:focus-visible{outline:none;box-shadow:0 0 0 4px #22c55e52}@keyframes popup-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=760px){.app-shell{padding:18px}.hud{grid-template-columns:1fr;top:10px}.hud-help-button{justify-self:stretch}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-header{flex-direction:column;align-items:start;gap:8px}h1{font-size:30px}.game-layout{grid-template-columns:1fr}.apartment-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:auto;padding:14px}.apartment-object--shower,.apartment-object--fridge,.apartment-object--computer,.apartment-object--bed,.apartment-object--door{grid-area:auto}.event-popup{width:min(360px,100vw - 32px);bottom:16px;right:16px}.game-over-card,.victory-card,.help-modal__panel{padding:20px}.game-over-card h2,.victory-card h2{font-size:30px}}