:root{--color-bg-primary: #FDFDFD;--color-bg-sidebar: #F1F5F9;--color-bg-console: rgba(15, 23, 42, .95);--color-border: #E2E8F0;--color-border-dark: #CBD5E1;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-light: #94A3B8;--color-accent-blue: #3B82F6;--color-accent-orange: #F59E0B;--color-stress-low: #10B981;--color-stress-mid: #F59E0B;--color-stress-high: #EF4444;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-unit: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-y:auto!important;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000005;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.screen-container{flex:1;height:100vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.app-container{display:flex;min-height:100vh;width:100vw}.stats-sidebar{width:25%;height:100vh;background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:calc(var(--spacing-unit) * 3);gap:calc(var(--spacing-unit) * 2);overflow-y:auto;overflow-x:hidden}.profile-card{background:#fff;border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-soft);text-align:center}.profile-icon{font-size:48px;margin-bottom:calc(var(--spacing-unit) * 2)}.profile-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit))}.profile-subtitle{font-size:14px;color:var(--color-text-secondary)}.attributes-card{background:#fff;border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-soft);flex:1;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.attribute-item{display:flex;flex-direction:column;gap:calc(var(--spacing-unit))}.attribute-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.attribute-value{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-text-primary)}.progress-bar-container{height:8px;background-color:var(--color-border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background-color:var(--color-accent-blue);transition:width .3s ease,background-color .3s ease;border-radius:999px}.progress-bar.stress-low{background-color:var(--color-stress-low)}.progress-bar.stress-mid{background-color:var(--color-stress-mid)}.progress-bar.stress-high{background-color:var(--color-stress-high)}.project-tutor-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);height:100%;overflow:hidden}.project-header{margin-bottom:calc(var(--spacing-unit))}.project-name{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-top:calc(var(--spacing-unit) * .5);line-height:1.4}.time-card{background:#fff;border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--shadow-soft);text-align:center}.time-display{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-accent-blue)}.time-label{font-size:12px;color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit))}.main-stage{width:75%;height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-sidebar);overflow:hidden}.narrative-window{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.narrative-content{display:none}.log-header{flex-shrink:0;font-size:17px;font-weight:700;color:var(--color-text-primary);padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3);background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border)}.log-placeholder{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:calc(var(--spacing-unit) * 4);font-size:14px}.log-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);flex:1;overflow-y:auto;padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3)}.log-entry{font-family:var(--font-mono);font-size:15px;line-height:1.7;color:var(--color-text-primary);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2.5);background:var(--color-bg-sidebar);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-blue);transition:background .15s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5)}.log-separator{font-family:var(--font-mono);font-size:13px;line-height:1.6;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2.5);text-align:center;background:transparent}.log-entry:hover{background:#e0f2fe}.log-week-label{flex-shrink:0;font-size:11px;font-weight:700;color:#fff;background:var(--color-accent-blue);border-radius:4px;padding:2px 6px;letter-spacing:.5px;white-space:nowrap;align-self:center}.log-text{flex:1;word-break:break-all}.log-week-separator{display:none}.narrative-title{font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1.4}.narrative-text{font-size:16px;color:var(--color-text-secondary);line-height:1.8;white-space:pre-wrap}.event-effects{margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background:#f8fafc;border-radius:var(--radius-md);border-left:3px solid var(--color-accent-blue)}.effect-item{font-family:var(--font-mono);font-size:14px;color:var(--color-text-primary);margin:calc(var(--spacing-unit) / 2) 0}.event-history{margin-top:auto;padding-top:calc(var(--spacing-unit) * 3);border-top:2px solid var(--color-border)}.history-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.history-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit));max-height:200px;overflow-y:auto}.history-item{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);padding:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);background:var(--color-bg-sidebar);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-blue)}.main-stage-top{flex:1;display:flex;gap:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3);min-height:0}.log-area-container{flex:1.5;min-width:0;display:flex;flex-direction:column}.action-center{flex-shrink:0;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background-color:var(--color-bg-sidebar);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:calc(var(--spacing-unit))}.action-hint{padding:calc(var(--spacing-unit) * 1.5);background-color:#eff6ff;border-left:4px solid var(--color-accent-blue);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:center}.action-hint.warning{background-color:#fef3c7;border-left-color:var(--color-accent-orange);color:#92400e}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 2);flex:1}.action-layout{display:flex;gap:calc(var(--spacing-unit) * 2);flex:1;min-height:0}.action-grid-left{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 1.5)}.action-control-right{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);width:140px}.action-button-compact{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * .5);font-family:var(--font-primary);font-size:12px;font-weight:600;color:var(--color-text-primary);min-height:52px}.action-button-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--color-accent-blue)}.action-button-compact:active:not(:disabled){transform:translateY(0)}.action-button-compact:disabled{opacity:.4;cursor:not-allowed}.control-button{flex:1;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 1.5);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit));font-family:var(--font-primary);font-size:13px;font-weight:700;color:var(--color-text-primary)}.shop-button{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.shop-button:hover{background-color:#d97706;box-shadow:var(--shadow-medium)}.next-week-button{background-color:var(--color-accent-blue);color:#fff;border-color:var(--color-accent-blue)}.next-week-button:hover{background-color:#2563eb;box-shadow:var(--shadow-medium)}.action-button{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 1.5);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-unit));font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--color-text-primary);min-height:80px}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--color-accent-blue)}.action-button:active{transform:translateY(0)}.action-button.primary{background-color:var(--color-accent-blue);color:#fff;border-color:var(--color-accent-blue)}.action-button.primary:hover{background-color:#2563eb}.action-button.warning{background-color:var(--color-accent-orange);color:#fff;border-color:var(--color-accent-orange)}.action-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{font-size:24px}.init-screen{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.init-content{background:#fff;border-radius:var(--radius-lg);padding:calc(var(--spacing-unit) * 6);box-shadow:var(--shadow-medium);text-align:center;max-width:600px}.init-title{font-size:32px;font-weight:800;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.init-subtitle{font-size:16px;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 4)}.start-button{background-color:var(--color-accent-blue);color:#fff;border:none;border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease}.start-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.choice-options{display:flex;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 3)}.choice-button{flex:1;background:#fff;border:2px solid var(--color-accent-blue);border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 3);cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:600;color:var(--color-text-primary)}.choice-button:hover{background-color:var(--color-accent-blue);color:#fff;transform:translateY(-2px)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 3)}.option-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 3);cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:var(--color-accent-blue);box-shadow:var(--shadow-soft)}.option-title{font-size:18px;font-weight:700;margin-bottom:calc(var(--spacing-unit))}.option-price{font-family:var(--font-mono);font-size:16px;color:var(--color-accent-orange);margin-bottom:calc(var(--spacing-unit) * 2)}.option-description{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.ending-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#312e81);color:#fff;padding:40px 20px;box-sizing:border-box}.ending-content{text-align:center;max-width:700px;width:100%;padding:calc(var(--spacing-unit) * 4)}.ending-emoji{font-size:80px;margin-bottom:calc(var(--spacing-unit) * 3)}.ending-title{font-size:36px;font-weight:800;margin-bottom:calc(var(--spacing-unit) * 2)}.ending-description{font-size:18px;line-height:1.8;margin-bottom:calc(var(--spacing-unit) * 4);opacity:.9}.restart-button{background:#fff;color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.restart-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:calc(var(--spacing-unit) * 4);border-bottom:2px solid var(--color-border)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.modal-body{padding:calc(var(--spacing-unit) * 4)}.event-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.event-description{font-size:16px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:calc(var(--spacing-unit) * 3)}.event-effects-modal{background:#f8fafc;border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 3);border-left:4px solid var(--color-accent-blue)}.effects-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.effects-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit))}.effect-item-modal{font-family:var(--font-mono);font-size:14px;color:var(--color-text-primary)}.modal-footer{padding:calc(var(--spacing-unit) * 4);border-top:2px solid var(--color-border);display:flex;justify-content:center}.modal-button{background-color:var(--color-accent-blue);color:#fff;border:none;border-radius:var(--radius-md);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 6);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.modal-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-soft)}