*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#181f2b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.app{position:relative;width:100%;height:100%}.app canvas{display:block}.world-label{padding:3px 10px;border-radius:6px;background:#121822d1;color:#dfe6ee;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.world-label.warn{background:#b42018eb;color:#fff;animation:pulse 1.2s ease-in-out infinite}.world-label.green{color:#7dedaa}.brand-sign{color:#fff;font-size:15px;font-weight:800;letter-spacing:.18em;white-space:nowrap;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;color:#eef2f6}.hud-panel{position:absolute;background:#0e131cb8;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-top-left{top:16px;left:16px;max-width:340px}.hud-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e63329;margin-bottom:6px}.hud-objective{font-size:15px;font-weight:600;line-height:1.35}.hud-tool{margin-top:6px;font-size:13px}.hud-label{color:#9fb0c0;font-weight:400}.tool-owned{color:#ffd166;font-weight:700}.tool-none{color:#6b7a89}.hud-controls{bottom:16px;left:16px;font-size:12px;line-height:1.9;color:#c3cedb}kbd{display:inline-block;min-width:18px;padding:1px 5px;margin-right:3px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;font-family:inherit;font-size:11px;font-weight:700;text-align:center}.hud-prompt{position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:999px;background:#e63329eb;font-size:16px;font-weight:700;box-shadow:0 4px 18px #0006}.hud-message{position:absolute;top:90px;left:50%;transform:translate(-50%);padding:9px 20px;border-radius:8px;background:#0e131ce0;border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:600;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.hud-progress{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:300px;text-align:center}.hud-progress-label{font-size:14px;font-weight:700;margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.hud-progress-track{height:14px;border-radius:999px;background:#0e131ccc;border:1px solid rgba(255,255,255,.18);overflow:hidden}.hud-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#f59a23);transition:width .08s linear}.hud-progress-fill.test{background:linear-gradient(90deg,#7dedaa,#2ecc71)}.hud-victory{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e148c;pointer-events:auto;animation:fadeInFlat .4s ease-out}@keyframes fadeInFlat{0%{opacity:0}to{opacity:1}}.hud-victory-box{text-align:center;padding:40px 60px;border-radius:16px;background:#101620f0;border:2px solid #2ecc71;box-shadow:0 10px 50px #0009}.hud-victory-title{font-size:38px;font-weight:800;color:#2ecc71}.hud-victory-sub{margin-top:8px;font-size:18px;color:#c3cedb}.hud-button{margin-top:26px;padding:12px 34px;border:none;border-radius:999px;background:#e63329;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .1s ease,background .15s ease}.hud-button:hover:not(:disabled){background:#ff4437;transform:scale(1.04)}.hud-button:disabled{opacity:.45;cursor:not-allowed}.hud-button.small{padding:7px 18px;font-size:13px;margin-top:0}.hud-button.tiny{padding:4px 12px;font-size:11px;margin-top:8px}.hud-button.secondary{background:#2e5ea8}.hud-button.secondary:hover:not(:disabled){background:#3a74cc}.hud-button.ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.hud-button.ghost:hover:not(:disabled){background:#ffffff29}.hud-button.danger{background:#7a1410;border:1px solid #e63329}.hud-top-right{top:16px;right:16px;text-align:right}.hud-clock{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.hud-stats{display:flex;gap:12px;justify-content:flex-end;margin-top:4px;font-size:13px;font-weight:700}.stat-money{color:#ffd166}.stat-level{color:#7db8ff}.stat-rep{color:#7dedaa}.hud-deadline{margin-top:5px;font-size:13px}.mute-btn{margin-left:10px;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff12;font-size:13px;cursor:pointer;pointer-events:auto}.xp-bar{margin-top:7px;height:5px;border-radius:999px;background:#ffffff1a;overflow:hidden}.xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4aa3ff,#7db8ff);transition:width .3s ease}.hud-idle{position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hud-clickable{pointer-events:auto}.urgent{color:#ff6a5e;font-weight:700}.good{color:#7dedaa}.hud-tools{bottom:16px;right:16px;display:flex;gap:8px;padding:10px 12px}.tool-slot{min-width:62px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;font-size:12px;font-weight:700;text-align:center;color:#c3cedb}.tool-slot.active{border-color:#ffd166;color:#ffd166;background:#ffd1661a}.tool-slot.big{min-width:130px;padding:12px;font-size:13px}.tool-slot-key{display:block;font-size:10px;opacity:.6;margin-bottom:2px}.hud-tutorial{position:absolute;top:110px;left:16px;max-width:320px;padding:14px 16px;border-radius:10px;background:#2e5ea8eb;border:1px solid rgba(255,255,255,.25);font-size:13.5px;line-height:1.45;font-weight:600}.hud-tutorial-title{font-size:10px;letter-spacing:.14em;opacity:.8;margin-bottom:6px}.hud-levelup{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:34px;font-weight:800;color:#ffd166;text-shadow:0 2px 16px rgba(0,0,0,.7);animation:fadeIn .3s ease-out}.hud-dayover{position:absolute;top:62px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:8px;background:#e63329d9;font-size:13px;font-weight:700}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e1473;pointer-events:auto;animation:fadeInFlat .15s ease-out}.panel-overlay.dark{background:#0a0e14b3}.panel{width:min(560px,92vw);max-height:86vh;overflow-y:auto;padding:22px 26px;border-radius:14px;background:#101620f7;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 50px #0009}.panel.tablet{width:min(860px,94vw)}.panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.panel-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e63329}.order-number{font-size:14px;font-weight:700;color:#9fb0c0}.panel-actions{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.panel-hint{font-size:12px;color:#7a8aa0}.panel-hint.center{text-align:center;margin-top:10px}.order-rows{display:flex;flex-direction:column;gap:7px}.order-row{display:flex;justify-content:space-between;gap:14px;font-size:14px}.order-row span{color:#9fb0c0}.order-row.bonus b{color:#7dedaa}.order-row.penalty b{color:#ff6a5e}.order-row.total{border-top:1px solid rgba(255,255,255,.15);padding-top:8px;margin-top:4px;font-size:16px}.order-row.total b{color:#ffd166}.order-quote{margin-top:14px;padding:12px 14px;border-left:3px solid #e63329;background:#ffffff0a;font-style:italic;font-size:15px;border-radius:0 8px 8px 0}.order-quote.small{font-size:13px;margin-top:10px}.diag-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diag-item{padding:10px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:13px}.diag-item.done{border-color:#7dedaa59}.diag-item-head{display:flex;justify-content:space-between;margin-bottom:6px}.diag-cost{font-size:11px;color:#7a8aa0}.diag-result{color:#7dedaa;font-size:12.5px;line-height:1.4}.diag-missing{color:#ff9d8f;font-size:12px}.tablet-header .tablet-clock{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.tablet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tablet-section{margin-bottom:16px}.tablet-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7a8aa0;margin-bottom:8px}.tablet-row{font-size:13.5px;margin-bottom:4px}.tablet-row span{color:#9fb0c0}.tablet-test{font-size:12.5px;line-height:1.45;margin-bottom:6px;padding:6px 9px;background:#ffffff0a;border-radius:6px}.tablet-muted{font-size:13px;color:#7a8aa0;margin-bottom:8px}.tablet-warn{margin-top:8px;font-size:12.5px;color:#ff9d8f}.tablet-empty{padding:30px 0;text-align:center;color:#7a8aa0}.diagnosis-list{display:flex;flex-direction:column;gap:7px}.diagnosis-btn{padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#eef2f6;font-family:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}.diagnosis-btn:hover:not(:disabled){border-color:#e63329;background:#e633291f}.diagnosis-btn.chosen{border-color:#ffd166;color:#ffd166}.diagnosis-btn:disabled{opacity:.45;cursor:not-allowed}.tool-slots-row{display:flex;gap:10px;margin-bottom:14px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-take{padding:11px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#eef2f6;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.tool-take:hover:not(:disabled){border-color:#ffd166}.tool-take.carried{opacity:.5;cursor:default}.parts-list{display:flex;flex-direction:column;gap:9px}.parts-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#ffffff0a}.parts-name{flex:1;display:flex;flex-direction:column;font-size:13.5px}.parts-name span{font-size:11.5px;color:#7a8aa0}.parts-carried{font-size:12px;color:#7dedaa;min-width:90px;text-align:right}.panel.minigame{width:min(420px,92vw);text-align:center}.panel.minigame.leveling{width:min(520px,92vw)}.minigame-help{font-size:13px;color:#c3cedb;margin-bottom:12px;line-height:1.5}.minigame-canvas{border-radius:10px;border:1px solid rgba(255,255,255,.15);display:block;margin:0 auto}.belt-gauge{position:relative;height:30px;border-radius:999px;overflow:hidden;background:#10151d;border:1px solid rgba(255,255,255,.15);margin:12px 0}.belt-zone{position:absolute;top:0;bottom:0}.belt-zone.loose{background:#3a4149}.belt-zone.good{background:#1d7a45}.belt-zone.warn{background:#8a6d1a}.belt-zone.over{background:#7a1410}.belt-needle{position:absolute;top:-3px;bottom:-3px;width:4px;margin-left:-2px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fffc;transition:left .04s linear}.belt-readout{font-size:18px;font-weight:800;margin-bottom:4px}.belt-readout.loose{color:#9fb0c0}.belt-readout.good{color:#7dedaa}.belt-readout.warn{color:#ffd166}.belt-readout.over{color:#ff6a5e}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-corner{padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.level-corner.ok{border-color:#7dedaa80}.level-name{font-size:12px;color:#9fb0c0;margin-bottom:4px}.level-value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:8px}.level-buttons{display:flex;gap:8px;justify-content:center}.summary-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.summary-money{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;background:#ffffff0a}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#24304a,#12161f 70%);overflow-y:auto}.menu-box{text-align:center;padding:44px 60px;border-radius:18px;background:#101620e6;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 60px #00000080;color:#eef2f6;max-width:92vw}.menu-box.wide{width:min(760px,94vw);padding:34px 44px}.menu-logo{font-size:15px;font-weight:800;letter-spacing:.3em;color:#e63329}.menu-title{font-size:44px;font-weight:800;margin-top:4px}.menu-sub{color:#7a8aa0;font-size:13px;margin-bottom:22px}.menu-save-info{font-size:13px;color:#c3cedb;padding:9px 14px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.menu-buttons{display:flex;flex-direction:column;gap:10px;align-items:stretch}.menu-buttons.row{flex-direction:row;justify-content:center;margin-top:20px}.menu-buttons .hud-button{margin-top:0}.menu-touch-warn{margin-top:14px;padding:9px 14px;border-radius:8px;background:#e633292e;border:1px solid rgba(230,51,41,.5);font-size:12.5px;color:#ff9d8f}.day-record{margin-top:8px;font-size:16px;font-weight:800;color:#ffd166}.menu-controls{margin-top:24px;font-size:11.5px;color:#7a8aa0;line-height:2}.day-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.day-stat{padding:12px;border-radius:10px;background:#ffffff0d;display:flex;flex-direction:column;gap:4px}.day-stat span{font-size:11px;color:#9fb0c0;text-transform:uppercase;letter-spacing:.06em}.day-stat b{font-size:19px}.shop-title{font-size:15px;font-weight:800;margin:8px 0 12px;text-align:left}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;text-align:left}.shop-item{padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.shop-item.owned{border-color:#7dedaa66}.shop-item-name{font-weight:700;font-size:13.5px}.shop-item-desc{font-size:12px;color:#9fb0c0;flex:1}.shop-owned{color:#7dedaa;font-size:13px;font-weight:700}