:root{--bg: #10151c;--panel: #1a222d;--panel-light: #232e3c;--border: #33404f;--text: #dbe4ee;--text-dim: #8b9ab0;--accent: #4fc3f7;--success: #66bb6a;--warning: #ffb74d;--error: #ef5350;--urgent: #e53935;--high: #fb8c00;--medium: #fdd835;--low: #42a5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;font-size:13px}#app{width:100%;height:100%}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}button{font-family:inherit}.btn{background:var(--panel-light);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;transition:background .15s}.btn:hover:not(:disabled){background:#2d3b4c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#1565c0;border-color:#1e88e5}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-danger{background:#7f2222;border-color:#a33}.btn-success{background:#2e7d32;border-color:#43a047}.btn-small{padding:3px 8px;font-size:12px}.btn-large{padding:12px 24px;font-size:16px}#menu-screen{display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 70% 20%,#16283a 0%,transparent 60%),radial-gradient(900px 500px at 20% 80%,#14212e 0%,transparent 55%),var(--bg);z-index:50}.menu-box{text-align:center;padding:40px;max-width:560px}.menu-title{font-size:34px;line-height:1.3;letter-spacing:2px;margin-bottom:8px}.menu-subtitle{color:var(--text-dim);margin-bottom:24px}.menu-stats{margin-bottom:24px;color:var(--text-dim);font-size:13px;line-height:1.8}.menu-buttons{display:flex;flex-direction:column;gap:10px;width:280px;margin:0 auto 16px}.menu-note{color:var(--text-dim);font-size:11px}#game-screen{display:flex;flex-direction:column;z-index:10}#top-bar{height:44px;flex:0 0 44px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 12px;z-index:20;white-space:nowrap;overflow-x:auto}.topbar-item{display:flex;align-items:center;gap:5px;font-size:13px}.topbar-item .label{color:var(--text-dim);font-size:11px}.topbar-item .value{font-weight:700;font-variant-numeric:tabular-nums}.speed-buttons{display:flex;gap:4px;margin-left:auto}.speed-buttons .btn.active{background:#1565c0;border-color:#42a5f5}#main-area{flex:1 1 auto;display:flex;min-height:0}.side-panel{width:215px;flex:0 0 215px;background:var(--panel);overflow-y:auto;padding:8px;z-index:15}#employee-panel{border-right:1px solid var(--border)}#task-panel{width:265px;flex:0 0 265px;border-left:1px solid var(--border)}#game-container{flex:1 1 auto;min-width:0;position:relative;background:#0a0e13}#game-container canvas{display:block}.panel-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:4px 2px 8px}.emp-card{background:var(--panel-light);border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:8px;cursor:pointer}.emp-card:hover{border-color:var(--accent)}.emp-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.emp-card .emp-head{display:flex;align-items:center;gap:7px;margin-bottom:4px}.emp-color{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.emp-name{font-weight:700}.emp-state{font-size:11px;padding:1px 6px;border-radius:4px;background:#30435a;margin-left:auto}.emp-state.busy{background:#6d4c11}.emp-state.idle{background:#2e5d33}.emp-state.called{background:#4a3862}.emp-info{color:var(--text-dim);font-size:11px;line-height:1.5}.fatigue-bar{height:5px;background:#0d1218;border-radius:3px;overflow:hidden;margin-top:4px}.fatigue-bar .fill{height:100%;background:var(--success);transition:width .3s}.fatigue-bar .fill.mid{background:var(--warning)}.fatigue-bar .fill.high{background:var(--error)}.task-card{background:var(--panel-light);border:1px solid var(--border);border-left:4px solid var(--medium);border-radius:8px;padding:8px;margin-bottom:8px;cursor:pointer}.task-card:hover{border-color:var(--accent)}.task-card.selected{box-shadow:0 0 0 1px var(--accent)}.task-card.p-urgent{border-left-color:var(--urgent)}.task-card.p-high{border-left-color:var(--high)}.task-card.p-medium{border-left-color:var(--medium)}.task-card.p-low{border-left-color:var(--low)}.task-head{display:flex;align-items:center;gap:6px}.task-title{font-weight:700;font-size:12px;flex:1}.chip{font-size:10px;padding:1px 6px;border-radius:4px;color:#10151c;font-weight:700;flex:0 0 auto}.chip.p-urgent{background:var(--urgent);color:#fff}.chip.p-high{background:var(--high)}.chip.p-medium{background:var(--medium)}.chip.p-low{background:var(--low)}.task-meta{color:var(--text-dim);font-size:11px;line-height:1.55;margin-top:4px}.task-meta .deadline-near{color:var(--warning);font-weight:700}.task-meta .deadline-over{color:var(--error);font-weight:700}.progress-bar{height:6px;background:#0d1218;border-radius:3px;overflow:hidden;margin-top:5px}.progress-bar .fill{height:100%;background:var(--accent);transition:width .2s}.task-actions{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.task-state-label{font-size:11px;color:var(--accent)}#detail-panel{flex:0 0 118px;height:118px;background:var(--panel);border-top:1px solid var(--border);padding:8px 12px;overflow-y:auto;z-index:15;font-size:12px}.detail-columns{display:flex;gap:24px}.detail-col{min-width:160px;line-height:1.6}.detail-col h4{color:var(--accent);font-size:12px;margin-bottom:2px}.detail-col .dim{color:var(--text-dim)}.detail-empty{color:var(--text-dim);padding-top:30px;text-align:center}#smartphone-button{position:absolute;right:285px;bottom:132px;width:52px;height:52px;border-radius:50%;font-size:24px;background:#1565c0;border:2px solid #42a5f5;cursor:pointer;z-index:30;box-shadow:0 2px 10px #00000080}#smartphone-button:hover{background:#1976d2}.badge{position:absolute;top:-4px;right:-4px;background:var(--error);color:#fff;font-size:11px;min-width:18px;height:18px;line-height:18px;border-radius:9px;text-align:center;font-weight:700}.phone-modal{width:420px;max-width:92vw;height:540px;max-height:86vh;background:#0d1319;border:2px solid var(--border);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.phone-header{padding:10px 14px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.phone-tabs{display:flex;border-bottom:1px solid var(--border)}.phone-tabs button{flex:1;background:none;border:none;color:var(--text-dim);padding:8px 2px;cursor:pointer;font-size:12px;border-bottom:2px solid transparent}.phone-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.phone-body{flex:1;overflow-y:auto;padding:10px}.phone-item{background:var(--panel-light);border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:8px;font-size:12px;line-height:1.5}.phone-item .dim{color:var(--text-dim);font-size:11px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;width:520px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:700}.modal-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer}.modal-body{padding:14px 16px;overflow-y:auto;line-height:1.7}.modal-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;align-items:center}.modal-footer .reason{margin-right:auto;color:var(--warning);font-size:12px}.select-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.select-item{display:flex;align-items:center;gap:8px;background:var(--panel-light);border:1px solid var(--border);border-radius:6px;padding:7px 10px;cursor:pointer}.select-item:hover:not(.disabled){border-color:var(--accent)}.select-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.select-item.disabled{opacity:.45;cursor:not-allowed}.check-list{font-family:Consolas,monospace;background:#0d1319;border-radius:8px;padding:10px 14px;margin:8px 0;line-height:1.9}.check-list .ok:before{content:"✓ ";color:var(--success);font-weight:700}.check-list .ng:before{content:"✗ ";color:var(--error);font-weight:700}.check-list .ng{color:var(--error)}.sheet-table{width:100%;border-collapse:collapse;font-size:12px}.sheet-table th,.sheet-table td{border:1px solid var(--border);padding:5px 9px;text-align:left}.sheet-table th{color:var(--text-dim);width:120px;font-weight:400;background:var(--panel-light)}.raid-info{margin:5px 0;padding:5px 7px;background:#0d1620;border:1px solid #24425e;border-radius:6px;font-size:11px;line-height:1.6}.raid-line{display:flex;justify-content:space-between;gap:8px}.raid-line span{color:var(--text-dim)}.raid-monitoring{color:var(--accent);margin-top:3px}.raid-rebuild-bar{height:6px;background:#05090d;border-radius:3px;overflow:hidden;margin:3px 0}.raid-rebuild-bar .fill{height:100%;background:linear-gradient(90deg,#29b6f6,#66bb6a);transition:width .3s}.raid-state-optimal{color:var(--success)}.raid-state-degraded{color:var(--warning)}.raid-state-rebuilding{color:var(--accent)}.raid-state-failed,.raid-state-offline{color:var(--error)}.raid-state-foreign{color:#ce93d8}.raid-state-initializing{color:var(--text-dim)}.modal.raid-terminal{width:640px;max-width:95vw}.raid-banner{background:#101a12;border:1px solid #2e5d33;color:#8fd694;text-align:center;padding:6px;border-radius:6px;font-size:12px;letter-spacing:1px;margin-bottom:8px}.raid-banner span{color:var(--warning);font-size:11px}.raid-status{font-size:12px;line-height:1.6;background:#0d1319;border:1px solid var(--border);border-radius:6px;padding:7px 10px;margin-bottom:8px}.raid-console{height:240px;overflow-y:auto;background:#05090d;border:1px solid var(--border);border-radius:6px;padding:8px;font-family:Consolas,Courier New,monospace;font-size:12px;color:#b9c7d6}.raid-cmd-line{color:#6fd08c}.raid-out{margin:2px 0 8px;white-space:pre-wrap;word-break:break-word;color:#b9c7d6}.raid-quick{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.raid-quick-btn{font-family:Consolas,monospace;font-size:11px}.raid-input-row{display:flex;align-items:center;gap:6px}.raid-prompt{color:#6fd08c;font-family:Consolas,monospace}.raid-cmd{flex:1;background:#05090d;border:1px solid var(--border);border-radius:5px;color:var(--text);padding:6px 8px;font-family:Consolas,monospace;font-size:13px}#toast-container{position:fixed;top:52px;right:275px;z-index:90;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:320px}.toast{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:12px;box-shadow:0 3px 10px #00000080;animation:toast-in .25s ease}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--error)}.toast.urgent{border-left-color:var(--urgent);background:#33171a}@keyframes toast-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}#debug-panel{position:absolute;left:225px;bottom:132px;background:#141c26eb;border:1px dashed #6a5;border-radius:8px;padding:8px;z-index:30;display:flex;flex-wrap:wrap;gap:5px;max-width:420px}#debug-panel .debug-title{width:100%;color:#8c6;font-size:11px}#result-screen{display:flex;align-items:center;justify-content:center;background:#060a0ef0;z-index:60}.result-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px 36px;width:560px;max-width:94vw;max-height:92vh;overflow-y:auto}.result-rank{font-size:64px;font-weight:700;text-align:center;line-height:1.1}.result-rank.rank-S{color:#ffd54f}.result-rank.rank-A{color:#81c784}.result-rank.rank-B{color:#4fc3f7}.result-rank.rank-C{color:#ffb74d}.result-rank.rank-D{color:#ef5350}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin:18px 0;font-size:13px}.result-grid .row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:3px 0}.result-grid .row .k{color:var(--text-dim)}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}#small-screen-notice{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:200;padding:40px 24px;text-align:center;font-size:15px;line-height:1.8}@media(max-width:900px){#small-screen-notice{display:flex;align-items:center;justify-content:center}}@media(max-height:800px){#detail-panel{flex-basis:100px;height:100px}#smartphone-button,#debug-panel{bottom:112px}}