:root{font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;color:#21362e;background:#dfe9df;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% 12%,#f5f1e8 0,#d8e5db 58%,#c6d5ca);overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid #f3b94f;outline-offset:3px}.factory-page{min-height:100vh;display:grid;place-items:center}.factory-game{position:relative;width:min(100vw,430px);height:min(100dvh,860px);min-height:700px;overflow:hidden;background:#f7f0df;box-shadow:0 24px 70px #2643373d;isolation:isolate}.visual-host,.visual-host canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block}.visual-tutorial-button{position:absolute;z-index:5;top:4.7%;left:61.4%;border:1px solid #bfd3c8;border-radius:9px;padding:4px 10px;color:#426b59;background:#edf5efeb;box-shadow:0 2px 7px #52675b1f;font-size:9px;font-weight:900;cursor:pointer}.factory-game:has(.tutorial-overlay:not([hidden])) .visual-tutorial-button{opacity:0;pointer-events:none}.factory-hud{position:absolute;z-index:4;inset:0 0 auto;min-height:78px;padding:max(12px,env(safe-area-inset-top)) 14px 10px;color:#20352d;background:linear-gradient(#fffdf5f2 70%,#fffdf500);pointer-events:none}.factory-hud__eyebrow{margin:0 0 3px;color:#47705f;font-size:10px;font-weight:900;letter-spacing:.14em}.factory-hud__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.factory-hud h1{margin:0;font-size:19px;letter-spacing:-.04em}.factory-hud__stats{display:flex;gap:6px}.hud-pill{min-width:64px;padding:5px 8px;border:1px solid #b9d2c1;border-radius:12px;background:#f7fff8d9;text-align:right}.hud-pill small{display:block;color:#658171;font-size:9px;font-weight:800}.hud-pill strong{display:block;font-size:14px}.factory-status{position:absolute;z-index:4;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 11px;border:1px solid #d6c9aa;border-radius:16px;background:#fffaf0ed;box-shadow:0 8px 24px #6c5b3826}.factory-status p{margin:0;font-size:11px;line-height:1.45}.factory-status strong{color:#2a604a}.factory-status__actions{display:flex;gap:6px}.factory-status button{border:0;border-radius:11px;padding:9px 11px;color:#fff;background:#3c755b;font-size:11px;font-weight:900;cursor:pointer}.factory-status button.is-secondary{color:#3c755b;background:#e6f0e8}.tutorial-overlay{position:absolute;z-index:10;inset:0;display:flex;align-items:flex-end;padding:12px 12px max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent 48%,#182a2233);pointer-events:none}.tutorial-overlay[hidden]{display:none}.tutorial-overlay.is-transitioning{background:transparent;pointer-events:none}.tutorial-overlay.is-transitioning .tutorial-card{opacity:0;transform:translateY(14px)}.factory-game:has(.tutorial-overlay.is-transitioning) .factory-status{opacity:0;pointer-events:none}.tutorial-card{width:100%;padding:12px 16px 14px;border:1px solid #e2d7bc;border-radius:23px;background:#fffcf5f5;box-shadow:0 16px 48px #31473b3d;pointer-events:auto;transition:opacity .18s ease,transform .18s ease}.tutorial-card__top{min-height:27px;display:grid;grid-template-columns:64px 1fr 34px 58px;align-items:center;gap:5px}.tutorial-back{border:0;padding:5px 6px;border-radius:9px;color:#35634f;background:#e9f4e9;font-size:10px;font-weight:900;cursor:pointer}.tutorial-back:disabled{visibility:hidden}.tutorial-kicker{color:#4c765f;font-size:9px;font-weight:900;text-align:center;letter-spacing:.07em}.tutorial-step{color:#7e837c;font-size:9px;text-align:right}.tutorial-skip{border:1px solid #ddd5c4;border-radius:9px;padding:5px 6px;color:#716c62;background:#f7f3e9;font-size:9px;font-weight:900;cursor:pointer}.tutorial-card h2{margin:6px 0;color:#26372f;font-size:21px;line-height:1.22;letter-spacing:-.045em;text-align:center}.tutorial-card p{max-width:350px;margin:0 auto 11px;color:#667169;font-size:12px;line-height:1.55;text-align:center;word-break:keep-all}.tutorial-next{width:100%;min-height:44px;border:0;border-radius:14px;color:#fff;background:#377359;font-weight:900;cursor:pointer;box-shadow:0 6px 14px #2c62412c}.tutorial-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:1px 0 10px;color:#6a6049;font-size:10px;font-weight:800}.tutorial-note i{width:7px;height:7px;border-radius:50%;background:#49a36f;animation:quiet-pulse 1.2s infinite}.toast-stack{position:absolute;z-index:20;top:90px;left:50%;translate:-50% 0;width:min(86%,340px);pointer-events:none}.toast{margin-bottom:6px;padding:9px 12px;border-radius:12px;background:#263d34e8;color:#fff;font-size:11px;text-align:center;animation:toast-in .2s ease-out}.manage-overlay{position:absolute;z-index:15;inset:0;display:flex;align-items:flex-end;padding:12px;background:#1f2e2747}.manage-overlay[hidden]{display:none}.manage-card{width:100%;max-height:78%;overflow:auto;padding:16px;border:1px solid #ddd1b7;border-radius:24px;background:#fffaf0;box-shadow:0 20px 60px #263d3447}.manage-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.manage-title span{display:grid;gap:2px}.manage-title small{color:#5e806f;font-size:9px;font-weight:900;letter-spacing:.1em}.manage-title strong{font-size:20px}.manage-title button{border:0;border-radius:10px;padding:7px 10px;color:#406050;background:#e7f0e8;font-weight:900;cursor:pointer}.manager-guide{margin:0 0 9px;padding:10px 12px;border-radius:12px;color:#315c4a;background:#e7f2e9;font-size:11px;font-weight:800;line-height:1.45;text-align:center}.manager-resources{display:flex;justify-content:center;gap:7px;margin-bottom:8px}.manager-resources span{padding:6px 10px;border-radius:999px;color:#6a6f69;background:#f0ece3;font-size:10px}.manager-resources strong{color:#315c4a}.chance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.chance-row span{padding:7px 3px;border-radius:9px;color:#52645b;background:#e9f1eb;font-size:10px;font-weight:900;text-align:center}.manager-list{display:grid;gap:7px}.manager-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #dfd9ca;border-radius:13px;background:#fff}.manager-row>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#315c4a;background:#d8e9de}.manager-row span{display:grid;gap:2px}.manager-row span strong{font-size:12px}.manager-row span small{color:#767b76;font-size:9px;line-height:1.35}.manager-row button{border:0;border-radius:9px;padding:8px 9px;color:#fff;background:#387158;font-size:10px;font-weight:900;cursor:pointer}.manager-row button:disabled{color:#949b95;background:#e5e8e4;cursor:default}.manager-row.is-tutorial-focus{border-color:#d0a849;box-shadow:0 0 0 3px #efd47b55;animation:manager-focus 1.1s ease-in-out infinite}.manager-row.is-tutorial-focus button:not(:disabled){background:#28744f;box-shadow:0 0 0 4px #6fc18f47}.manager-row em{color:#b55356;font-size:10px;font-style:normal;font-weight:900}.manager-row.is-danger{border-color:#e2bab7;background:#fff5f3}.manager-row.is-danger>b{color:#fff;background:#b85c60}.replay-button,.reset-button{width:100%;margin-top:9px;border:0;border-radius:11px;padding:10px;color:#3f6755;background:#e7f0e8;font-size:10px;font-weight:900;cursor:pointer}.reset-button{margin-top:5px;color:#95585a;background:#f4e6e3}@keyframes quiet-pulse{50%{transform:scale(1.5);opacity:.45}}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}}@keyframes manager-focus{50%{box-shadow:0 0 0 5px #efd47b33}}@media(max-height:740px){.factory-game{min-height:100dvh}.tutorial-card{padding:9px 13px 11px}.tutorial-card h2{font-size:18px;margin-block:3px 4px}.tutorial-card p{font-size:11px;margin-bottom:7px}.tutorial-next{min-height:39px}}.factory-status button.is-gold{background:#f0b44c;color:#4a3a12}.factory-game.is-campaign .visual-host,.factory-game.is-campaign .factory-status,.factory-game.is-campaign .visual-tutorial-button{display:none}.campaign-game{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;background:linear-gradient(#f5f1e8,#e8efe6)}.campaign-game[hidden]{display:none}.campaign-scroll{flex:1;overflow-y:auto;display:grid;gap:9px;align-content:start;padding:max(14px,env(safe-area-inset-top)) 12px 12px}.campaign-eyebrow{color:#47705f;font-size:10px;font-weight:900;letter-spacing:.14em}.campaign-head h1{margin:2px 0 6px;color:#26372f;font-size:22px;letter-spacing:-.04em}.campaign-chips{display:flex;gap:5px}.campaign-chips span{flex:1;padding:5px 0;border:1px solid #d8d2c0;border-radius:8px;color:#8b877b;background:#fffdf5;font-size:9px;font-weight:900;text-align:center}.campaign-chips span.is-active{color:#2a604a;border-color:#9ec6ad;background:#eaf6ee}.campaign-chips span.is-cleared{color:#fff;border-color:#377359;background:#377359}.campaign-progress{padding:11px 12px;border:1px solid #dfd9ca;border-radius:15px;background:#fffaf0}.campaign-meter{height:10px;overflow:hidden;border-radius:999px;background:#e7e2d4}.campaign-meter i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#57a377,#2f7d55);transition:width .3s ease}.campaign-meter-label{margin:6px 0 0;color:#5b6b60;font-size:10.5px;font-weight:800}.campaign-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.campaign-stats span{padding:6px 2px;border-radius:9px;color:#52645b;background:#eef3ec;font-size:9px;font-weight:800;text-align:center}.campaign-stats strong{display:block;color:#2a604a;font-size:12px}.campaign-lobby{padding:10px 12px;border:1px solid #e2bab7;border-radius:15px;background:#fff5f3}.campaign-lobby .campaign-meter{height:8px;background:#f0d9d6}.campaign-lobby .campaign-meter i{background:linear-gradient(90deg,#d4797c,#b85c60)}.campaign-lobby p{margin:6px 0 0;color:#8a5a5c;font-size:10.5px;font-weight:800}.campaign-lobby.is-defeated{border-color:#bfd3c8;background:#eef6f0}.campaign-lobby.is-defeated .campaign-meter{background:#dcebe1}.campaign-lobby.is-defeated .campaign-meter i{background:linear-gradient(90deg,#57a377,#2f7d55)}.campaign-lobby.is-defeated p{color:#4c765f}.campaign-lobby-hint{margin:4px 0 0;color:#a06a6c;font-size:9.5px;font-weight:700}.campaign-section-title{margin:5px 0 -2px;color:#5e806f;font-size:10px;font-weight:900;letter-spacing:.1em}.manager-row.is-done{opacity:.74;background:#f3f8f2}.manager-row.is-done button{background:#7fa892}.campaign-foot{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 2px 2px;background:linear-gradient(#f5f1e800,#f5f1e8 40%)}.campaign-foot button{min-height:44px;border:0;border-radius:13px;color:#fff;background:#377359;font-weight:900;cursor:pointer}.campaign-foot button.is-secondary{color:#3c755b;background:#e6f0e8}.campaign-foot button:disabled{color:#949b95;background:#e5e8e4;cursor:default}.campaign-advance-note{min-height:15px;margin:2px 2px 0;color:#6a7a6f;font-size:10px;font-weight:700;text-align:center}.campaign-ending{position:absolute;z-index:16;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#1f2e27cc}.campaign-ending[hidden]{display:none}.campaign-ending__card{text-align:center}.campaign-ending__card h2{margin:6px 0 10px;color:#26372f;font-size:22px;letter-spacing:-.04em}.campaign-ending__card p{margin:0 0 14px;color:#667169;font-size:12px;line-height:1.6;word-break:keep-all}