*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#000;width:100%;height:100%;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}.app{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.sim-canvas{cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}.sim-canvas:active{cursor:grabbing}.clock-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;position:absolute;top:28px;left:32px}.clock-time{color:#ffffffb3;text-shadow:0 0 20px #508cdc4d;font-family:Helvetica Neue,Arial,sans-serif;font-size:48px;font-weight:200}.clock-secs{color:#ffffff59;vertical-align:top;margin-left:4px;font-family:Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:200;line-height:48px}.clock-date{color:#ffffff59;margin-top:2px;margin-left:2px;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:300}.data-panel{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;position:absolute}.data-panel-left{bottom:120px;left:32px}.data-panel-right{bottom:120px;right:32px}.data-row{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.data-label-zh{letter-spacing:2px;color:#64c88ccc;font-size:14px;font-weight:400;transition:color .5s}.data-value-en{color:#ffffff4d;letter-spacing:1px;font-size:11px;font-weight:300}.data-label-small{color:#ffffff40;font-family:Courier New,monospace;font-size:10px}.data-value-temp{color:#c8dcc8b3;font-family:Courier New,monospace;font-size:13px;font-weight:300;transition:color .3s}.dist-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dist-label{color:#fff6;text-align:right;min-width:14px;font-family:Courier New,monospace;font-size:14px;font-weight:300}.dist-bar-track{background:#ffffff0f;border-radius:2px;width:120px;height:3px;overflow:hidden}.dist-bar-fill{border-radius:2px;height:100%;transition:width .1s linear}.dist-alpha{background:#e68c5099}.dist-beta{background:#d2aa5a99}.dist-gamma{background:#dc6e5a99}.dist-val{color:#ffffff4d;min-width:32px;font-family:Courier New,monospace;font-size:10px}.title-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:32px;left:32px}.title-overlay h1{color:#fff9;letter-spacing:3px;margin-bottom:4px;font-size:20px;font-weight:300}.title-overlay .subtitle{color:#ffffff59;letter-spacing:2px;font-size:13px;font-weight:300}.title-overlay .tech-info{color:#64a0ff4d;letter-spacing:1px;margin-top:8px;font-family:Courier New,monospace;font-size:10px;font-weight:300}.drawer-toggle-btn{color:#ffffff4d;cursor:pointer;z-index:250;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.drawer-toggle-btn:hover{color:#ffffffb3}.drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;background:#0a0c12d9;border-left:1px solid #ffffff14;flex-direction:column;width:280px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{color:#fff9;letter-spacing:1px;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;display:flex}.drawer-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .2s}.drawer-close:hover{color:#ffffffb3}.drawer-content{flex:1;padding:16px 20px;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-track{background:0 0}.drawer-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.drawer-actions{gap:6px;margin-bottom:20px;display:flex}.drawer-actions button{color:#ffffff80;cursor:pointer;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:8px 4px;font-size:11px;transition:all .2s}.drawer-actions button:hover{color:#fffc;background:#ffffff1f;border-color:#fff3}.drawer-group{margin-bottom:20px}.drawer-group-title{color:#64a0ff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:500}.slider-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.slider-label{color:#fff6;flex-shrink:0;min-width:70px;font-size:11px}.slider-input{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:3px}.slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#64a0ff99;border:1px solid #64a0ff4d;border-radius:50%;width:12px;height:12px;transition:background .2s}.slider-input::-webkit-slider-thumb:hover{background:#64a0ffe6}.slider-value{color:#ffffff59;text-align:right;min-width:36px;font-family:Courier New,monospace;font-size:10px}.checkbox-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.checkbox-row input[type=checkbox]{accent-color:#64a0ff99}.checkbox-row label{color:#fff6;cursor:pointer;font-size:11px}.drawer-reset{color:#ffffff59;cursor:pointer;letter-spacing:.5px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;width:100%;margin-top:12px;padding:10px;font-size:12px;transition:all .2s}.drawer-reset:hover{color:#ffb48cb3;background:#ff64321a;border-color:#ff643240}.info-panel{pointer-events:none;position:absolute;top:24px;left:32px}.info-row{gap:12px;padding:2px 0;font-size:11px;display:flex}.info-label{color:#ffffff40;min-width:40px}.info-value{color:#fff6;font-family:Courier New,monospace}.diverge-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.8s fadeIn;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.diverge-civ-info{text-align:center;margin-bottom:28px}.diverge-civ-number{color:#ffb48ce6;letter-spacing:4px;margin-bottom:8px;font-size:22px;font-weight:200}.diverge-civ-years{color:#ffffff80;letter-spacing:2px;margin-bottom:12px;font-family:Courier New,monospace;font-size:15px;font-weight:300}.diverge-civ-fate{color:#ff643c99;letter-spacing:3px;font-size:12px;font-weight:300}.diverge-restart{color:#ffb48ccc;letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff64321a;border:1px solid #ff643240;border-radius:6px;padding:12px 32px;font-size:14px;transition:all .3s}.diverge-restart:hover{color:#ffc8a0;background:#ff643238;border-color:#ff643273;transform:scale(1.05)}.diverge-restart:active{transform:scale(.98)}.bg-selector{gap:4px;margin-bottom:10px;display:flex}.bg-option{color:#fff6;cursor:pointer;letter-spacing:.5px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:6px 2px;font-size:10px;transition:all .2s}.bg-option:hover{color:#ffffffb3;background:#ffffff1a}.bg-option.active{color:#64a0ffe6;background:#64a0ff26;border-color:#64a0ff66}.color-picker-row{align-items:center;gap:8px;margin-top:8px;display:flex}.color-input{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;width:28px;height:28px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:2px}