:root{--bg:#0f1419;--card:#1b232c;--card2:#243040;--text:#e8eef4;--muted:#90a4ae;--primary:#42a5f5;--ok:#43a047;--bad:#e53935;--border:#2f3d4c;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}h1,h2,h3{margin:0 0 8px}p{margin:6px 0;line-height:1.4}.muted{color:var(--muted)}.small{font-size:12px}kbd{background:#37474f;border-radius:4px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:12px}.screen{width:100%;height:100%}.center{justify-content:center;align-items:center;padding:16px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.card.inner{background:var(--card2);margin-top:12px}.card.auth{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input{color:var(--text);border:1px solid var(--border);background:#0f1419;border-radius:8px;padding:10px;font-size:15px}input:focus{outline:2px solid var(--primary)}.error{color:#ff8a80;font-size:13px}.btn{background:var(--card2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);color:#06283d;border-color:#0000;font-weight:600}.btn.small{padding:6px 10px;font-size:13px}.btn.ghost{background:0 0}.tabs{gap:6px;display:flex}.tabs button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px}.tabs button.active{background:var(--card2);color:var(--text);border-color:var(--primary)}.gender{gap:10px;display:flex}.gender-opt{background:var(--card2);border:2px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px;display:flex}.gender-opt span{font-size:40px}.gender-opt.active{border-color:var(--primary)}.game{width:100%;height:100%;position:relative;overflow:hidden}.phaser-root{position:absolute;inset:0}.phaser-root canvas{display:block}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.hud.top{top:0}.hud.bottom{justify-content:center;bottom:0}.hud-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);background:#0f1419cc;border-radius:12px;min-width:300px;padding:10px 14px}.hud-name{margin-bottom:4px;font-size:15px}.hud-row{flex-wrap:wrap;gap:14px;margin-top:6px;font-size:14px;display:flex}.hud-right{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--border);background:#0f1419cc;border-radius:999px;padding:6px 10px;font-size:13px}.bar{background:#263238;border-radius:3px;height:6px;overflow:hidden}.bar-fill{height:100%}.bar-fill.exp{background:#ffca28}.prompt{color:var(--text);border:1px solid var(--primary);cursor:pointer;background:#0f1419dd;border-radius:999px;padding:10px 18px;font-size:15px}.prompt.hint{border-color:var(--border);color:var(--muted);cursor:default;font-size:13px}.overlay{z-index:20;background:#0008;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex}.panel.wide{max-width:760px}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-head h2{margin:0;font-size:18px}.panel-body{padding:16px 18px;overflow:auto}.job-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}.job{background:var(--card2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.job.locked{opacity:.7}.job.current{border-color:var(--ok)}.job-head{align-items:center;gap:10px;display:flex}.job-icon{font-size:28px}.job-title{font-weight:600}.job-pay{color:#ffca28;text-align:right;margin-left:auto;font-weight:600}.job-pay small{color:var(--muted);font-weight:400;display:block}.req{flex-wrap:wrap;gap:6px;display:flex}.req span{background:#0f1419;border-radius:6px;padding:3px 8px;font-size:12px}.missing{color:#ff8a80;font-size:12px}.job-actions{justify-content:flex-end;display:flex}.edu-path{flex-wrap:wrap;gap:6px;display:flex}.edu{background:var(--card2);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;flex:1;gap:2px;min-width:70px;padding:8px;display:flex}.edu small{color:var(--muted);font-size:11px}.edu.done{border-color:var(--ok)}.edu.progress{border-color:#ffca28}.profile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-grid div{background:var(--card2);border-radius:10px;flex-direction:column;padding:10px;display:flex}.profile-grid small{color:var(--muted)}.mg{flex-direction:column;gap:12px;display:flex}.mg-order{background:var(--card2);border-radius:12px;padding:12px}.mg-customer{margin-bottom:8px}.mg-dish{align-items:center;gap:12px;display:flex}.mg-dish-icon{font-size:44px}.mg-dish-name{font-size:18px;font-weight:700}.mg-dish-ings{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.mg-dish-ings span{background:#0f1419;border-radius:6px;padding:3px 8px;font-size:13px}.mg-dish-ings span.done{background:var(--ok);color:#fff}.mg-timer{background:#263238;border-radius:9px;height:18px;margin-top:10px;position:relative;overflow:hidden}.mg-timer-bar{height:100%;transition:width .25s linear}.mg-timer span{text-align:center;color:#fff;font-size:12px;line-height:18px;position:absolute;inset:0}.mg-pantry{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mg-ing{background:var(--card2);border:2px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.mg-ing span{font-size:28px}.mg-ing small{color:var(--muted);font-size:11px}.mg-ing.selected{border-color:var(--primary);background:#1e3a5f}.mg-plate{background:var(--card2);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mg-result{border-radius:10px;padding:10px 12px;font-size:14px}.mg-result.ok{background:#1b5e20}.mg-result.bad{background:#7f1d1d}.mg-stats{color:var(--muted);text-align:right;font-size:12px}.mg-tired{background:#7f1d1d;border-radius:12px;padding:14px}.mg-room{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mg-cell{aspect-ratio:1;cursor:default;background:#e0e0e0;border:2px solid #bdbdbd;border-radius:10px;font-size:32px}.mg-cell.dirty{cursor:pointer;background:#d7ccc8;border-color:#8d6e63}.mg-cell.dirty:hover{background:#bcaaa4}.toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:70px;right:16px}.toast{border:1px solid var(--border);border-left:4px solid var(--primary);background:#0f1419ee;border-radius:10px;max-width:360px;padding:10px 14px;font-size:14px;animation:.2s ease-out slide}.toast.success{border-left-color:var(--ok)}.toast.error{border-left-color:var(--bad)}@keyframes slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media (width<=640px){.hud-card{min-width:0}.mg-pantry,.mg-room{grid-template-columns:repeat(4,1fr)}}