:root{--hud-cyan: #7fdeeb;--hud-dim: #5a7d8a;--hud-bg: rgba(4, 14, 20, .55);--hud-border: rgba(127, 222, 235, .18);--birth: #f5b48a;--death: #9fc4e8;--mono: "SF Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#010309;overflow:hidden}body{font-family:var(--mono);color:var(--hud-cyan);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{position:relative;height:100%;height:100dvh}.scene{position:absolute;inset:0}.scene canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;transition:opacity 1.2s ease}.hud-hidden{opacity:0}.hud>*{pointer-events:auto}.hud-block{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:4px;padding:12px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-label{font-size:10px;letter-spacing:.18em;color:var(--hud-dim)}.brand-block{position:absolute;top:20px;left:20px}.brand-title{font-size:18px;letter-spacing:.32em;text-shadow:0 0 12px rgba(127,222,235,.5)}.brand-sub{font-size:9px;letter-spacing:.28em;color:var(--hud-dim);margin-top:4px}.brand-year{margin-top:10px;font-size:12px;letter-spacing:.14em;color:#b8e8f0}.brand-hint{margin-top:8px;font-size:9px;letter-spacing:.08em;color:var(--hud-dim)}.env-block{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;min-width:240px}.env-value{font-size:16px;margin-top:2px;font-variant-numeric:tabular-nums}.env-forest{color:#e8a07a}.ranking-block{position:absolute;top:150px;left:20px;width:250px}.ranking-rows{display:flex;flex-direction:column;gap:5px;margin-top:8px}.ranking-row{display:flex;align-items:center;gap:6px;font-size:10px;background:none;border:none;border-radius:3px;padding:2px 4px;font-family:var(--mono);color:inherit;cursor:pointer;width:100%;text-align:left;transition:background .2s}.ranking-row:hover{background:#7fdeeb14}.ranking-row.focused{background:#7fdeeb24;box-shadow:inset 0 0 0 1px #7fdeeb59}.ranking-pos{width:12px;color:var(--hud-dim);text-align:right}.ranking-name{width:76px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b8e8f0}.ranking-bar-track{flex:1;height:5px;background:#7fdeeb14;border-radius:2px;overflow:hidden}.ranking-bar{display:block;height:100%;background:linear-gradient(90deg,#7fdeebbf,#f5b48ab3);border-radius:2px;transition:width .9s ease}.ranking-value{width:42px;text-align:right;color:var(--hud-dim);font-variant-numeric:tabular-nums}.ranking-all{margin-top:8px;width:100%;background:none;border:1px solid var(--hud-border);border-radius:3px;color:var(--hud-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:5px;cursor:pointer;transition:all .2s}.ranking-all:hover{color:var(--hud-cyan);border-color:#7fdeeb80}.country-panel{max-width:620px;margin:0 auto;background:#06121aeb;border:1px solid var(--hud-border);border-radius:6px;padding:18px}.country-rows{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;margin-top:10px}.country-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b8e8f0;text-align:left}@media(max-width:520px){.country-rows{grid-template-columns:1fr}}.humanity-block{position:absolute;top:332px;right:20px;min-width:240px;display:flex;flex-direction:column;gap:7px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.stat-value{font-size:13px;color:#d8f4f8;font-variant-numeric:tabular-nums}.focus-block{position:absolute;top:20px;left:50%;transform:translate(-50%);width:300px}.focus-head{display:flex;align-items:center;gap:8px}.focus-name{font-size:14px;color:#d8f4f8}.focus-year{font-size:11px;color:var(--hud-dim)}.focus-close{margin-left:auto;padding:2px 7px}.focus-stats{display:flex;gap:14px;margin-top:8px}.focus-stats>div{display:flex;flex-direction:column;gap:2px}.focus-value{font-size:13px;color:#d8f4f8;font-variant-numeric:tabular-nums}.focus-value.birth{color:var(--birth)}.focus-value.death{color:var(--death)}.life-block{position:absolute;top:478px;right:20px;min-width:240px}.life-input{margin-top:6px;width:100%;background:#7fdeeb0f;border:1px solid var(--hud-border);border-radius:3px;color:#d8f4f8;font-family:var(--mono);font-size:13px;padding:6px 8px;outline:none}.life-stat{margin-top:6px;font-size:12px;color:#d8f4f8;font-variant-numeric:tabular-nums}.life-age{color:#e8c06a}.life-jump{margin-top:8px;width:100%}.scenario-switch{display:inline-flex;gap:4px}.scenario-btn{font-family:var(--mono);font-size:9px;letter-spacing:.06em;padding:3px 7px;background:none;border:1px solid var(--hud-border);border-radius:3px;color:var(--hud-dim);cursor:pointer}.scenario-btn.active.opt{color:#7fd6a0;border-color:#7fd6a099;box-shadow:0 0 8px #7fd6a04d}.scenario-btn.active.mid{color:var(--hud-cyan);border-color:#7fdeeb99;box-shadow:0 0 8px #7fdeeb4d}.scenario-btn.active.pess{color:#ff7a5a;border-color:#ff7a5a99;box-shadow:0 0 8px #ff7a5a4d}.city-label{position:absolute;top:0;left:0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#ffe2b0;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap;padding-left:8px;z-index:1}.pop-block{position:absolute;left:20px;bottom:110px}.ecg-canvas{display:block;margin:8px 0 12px;width:300px;height:64px}.pop-number{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:4px;color:#d8f4f8}.pop-rates{display:flex;align-items:center;gap:14px;margin-top:6px;font-size:11px}.rate-item{display:inline-flex;align-items:center;gap:5px}.rate-birth{color:var(--birth)}.rate-death{color:var(--death)}.pop-since{margin-top:7px;font-size:10px;letter-spacing:.06em;color:var(--hud-dim);font-variant-numeric:tabular-nums}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-birth{background:var(--birth);box-shadow:0 0 6px var(--birth)}.dot-death{background:var(--death);box-shadow:0 0 6px var(--death)}.hud-bottom-center{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:min(560px,calc(100vw - 40px))}.slider-block{width:100%}.slider-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.slider-year{font-size:14px;color:#d8f4f8}.lock-badge{margin-left:auto;font-size:10px;color:#e0c277;letter-spacing:.12em}input[type=range]{width:100%;appearance:none;height:3px;background:linear-gradient(90deg,#7fdeeb99,#e88264b3);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#d8f4f8;border:2px solid rgba(127,222,235,.8);box-shadow:0 0 10px #7fdeebcc;cursor:pointer}.slider-marks{display:flex;justify-content:space-between;margin-top:6px}.mark{background:none;border:none;color:var(--hud-dim);font-family:var(--mono);font-size:11px;letter-spacing:.1em;cursor:pointer;padding:2px 4px}.mark.active,.mark:hover{color:var(--hud-cyan);text-shadow:0 0 8px rgba(127,222,235,.7)}.hud-bottom-right{position:absolute;right:20px;bottom:110px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.btn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--hud-cyan);background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:3px;padding:8px 14px;cursor:pointer;transition:all .2s}.btn:hover{border-color:#7fdeeb99;box-shadow:0 0 12px #7fdeeb40}.btn-primary{color:#ffd9b8;border-color:#f5b48a66}.btn-primary:hover{border-color:#f5b48acc;box-shadow:0 0 12px #f5b48a4d}.btn-ghost{background:transparent}.modal-backdrop{position:absolute;inset:0;background:#010309b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.modal{width:min(420px,calc(100vw - 40px));background:#06121aeb;border:1px solid var(--hud-border);border-radius:6px;padding:28px}.modal-title{font-size:13px;letter-spacing:.24em;color:#ffd9b8}.modal-lead{margin:14px 0;font-size:15px;color:#d8f4f8}.modal-features{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--hud-cyan)}.modal-features li:before{content:"▸ ";color:#ffd9b8}.modal-price{margin:16px 0;font-size:20px;color:#d8f4f8}.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.modal-message{margin-top:12px;font-size:11px;color:#e0c277}.restore-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--hud-border)}.restore-link{background:none;border:none;color:var(--hud-dim);font-family:var(--mono);font-size:11px;letter-spacing:.08em;cursor:pointer;text-decoration:underline;padding:0}.restore-link:hover{color:var(--hud-cyan)}.restore-form{display:flex;gap:8px}.restore-form .life-input{margin-top:0;flex:1}.year-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(34vw,420px);letter-spacing:.06em;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .8s,opacity .8s}.btn-data{display:none}.data-sheet{position:absolute;inset:0;z-index:9;background:#010309d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:54px 14px calc(20px + env(safe-area-inset-bottom))}.data-sheet-inner{display:flex;flex-direction:column;gap:10px}.data-sheet .hud-block{position:static;width:auto;min-width:0}.data-close{position:absolute;top:12px;right:12px}.ambient-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.18em;color:var(--hud-dim);animation:fadeout 3.2s forwards;pointer-events:none}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#06121aeb;border:1px solid var(--hud-border);border-radius:4px;padding:10px 18px;font-size:12px;letter-spacing:.1em;pointer-events:none;animation:fadeout 2.4s forwards;z-index:11}@keyframes fadeout{0%,60%{opacity:1}to{opacity:0}}@media(max-width:640px){.env-block,.ranking-block,.humanity-block,.life-block{display:none}.btn-data{display:block}.data-sheet .env-block,.data-sheet .humanity-block{display:flex}.data-sheet .ranking-block,.data-sheet .life-block{display:block}.focus-block{top:auto;bottom:calc(290px + env(safe-area-inset-bottom));left:10px;right:10px;width:auto;transform:none}.slider-head{flex-wrap:wrap;row-gap:4px}.hud-block{padding:8px 10px}.brand-block{top:10px;left:10px;max-width:56vw}.brand-title{font-size:13px;letter-spacing:.2em}.brand-sub{font-size:7px;letter-spacing:.18em}.brand-year{font-size:10px;margin-top:6px}.hud-bottom-right{top:10px;right:10px;bottom:auto;gap:5px}.btn{font-size:9px;padding:5px 9px;letter-spacing:.08em}.pop-block{left:10px;right:10px;bottom:calc(118px + env(safe-area-inset-bottom))}.ecg-canvas{width:100%;height:28px;margin:4px 0 6px;opacity:.7}.pop-number{font-size:22px}.pop-rates{font-size:10px;gap:10px;flex-wrap:wrap}.pop-since{font-size:9px}.hud-bottom-center{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}.slider-head{margin-bottom:5px}.slider-year{font-size:12px}.lock-badge{font-size:9px}.mark{font-size:10px}.ambient-hint{bottom:calc(180px + env(safe-area-inset-bottom))}}