:root{--color-primary: #cd7f32;--color-primary-light: #d4a574;--color-primary-dark: #8b5a2b;--color-secondary: #8b7355;--color-accent: #b8860b;--color-success: #6b8e23;--color-warning: #d2691e;--color-error: #8b0000;--color-info: #4682b4;--bg-primary: #1a1410;--bg-secondary: rgba(139, 115, 85, .08);--bg-tertiary: rgba(139, 115, 85, .12);--bg-hover: rgba(139, 115, 85, .18);--text-primary: #e8dcc4;--text-secondary: #a89968;--text-tertiary: #6b5d4f;--text-disabled: #3d3529;--border-primary: rgba(205, 127, 50, .2);--border-secondary: rgba(205, 127, 50, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .7);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-toast: 500;--texture-paper: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");--texture-stone: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' /%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");--texture-noise: url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.95' numOctaves='2' /%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='50' height='50' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Serif TC","Noto Serif SC",Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;letter-spacing:.02em}.panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm),var(--shadow-inset);transition:box-shadow var(--transition-base);position:relative}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary) 50%,transparent);opacity:.3}.panel:hover{box-shadow:var(--shadow-md),var(--shadow-inset)}.panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-secondary);padding-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-inset)}.btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary-light);color:var(--bg-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-inset)}.btn:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);text-transform:uppercase;letter-spacing:.05em}.badge--primary{background:var(--color-primary);border-color:var(--color-primary-light);color:var(--bg-primary)}.badge--success{background:var(--color-success);border-color:var(--color-success);color:#fff}.badge--warning{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.badge--error{background:var(--color-error);border-color:var(--color-error);color:#fff}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-primary) 20%,var(--border-primary) 80%,transparent);margin:var(--spacing-md) 0;position:relative}.divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-primary);padding:0 var(--spacing-sm);color:var(--color-primary);font-size:var(--font-size-xs)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}body{background:var(--texture-stone),var(--texture-noise),linear-gradient(180deg,#1a1410,#0f0c09);background-attachment:fixed}.panel{background:var(--texture-paper),var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 0 20px #cd7f3233,inset 0 1px #cd7f321a,0 4px 12px #0006}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(139,115,85,.03) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(205,127,50,.05),transparent 40%),var(--bg-primary);display:flex;flex-direction:column}.top-hud{height:64px;border-bottom:1px solid var(--border-primary);background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:var(--z-sticky)}.layout-grid{display:grid;grid-template-columns:320px 1fr 320px;gap:var(--spacing-md);padding:var(--spacing-md);flex:1;min-height:0;max-width:1920px;margin:0 auto;width:100%}.left-col,.right-col{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;overflow-y:auto}.center-col{display:flex;flex-direction:column;gap:var(--spacing-md)}.app-footer{text-align:center;padding:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-xs);border-top:1px solid var(--border-primary)}.scene-shell{position:relative;width:100%;height:100%;overflow:hidden}.scene-canvas{width:100%;height:100%;border:none;display:block}@media(max-width:1280px){.layout-grid{grid-template-columns:280px 1fr 280px}}@media(max-width:1024px){.layout-grid{grid-template-columns:1fr}.left-col,.right-col{max-height:none}}.panel--journal{max-height:600px;overflow-y:auto}.log-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.log-item{padding:var(--spacing-sm);border-left:2px solid var(--border-primary);transition:border-color var(--transition-base)}.log-item:hover{border-left-color:var(--color-primary)}.log-time{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.log-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary);font-size:var(--font-size-sm)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn__icon{color:var(--color-primary)}.action-btn__label{font-size:var(--font-size-sm);color:var(--text-primary)}.meta-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.civilization-status{display:flex;align-items:center;gap:var(--spacing-md)}.narrative-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.phase-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.phase-name{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.phase-separator{color:var(--text-tertiary)}.phase-day,.phase-countdown{color:var(--text-secondary)}