:root{--bg: #000000;--land: #101010;--surface: #0a0a0a;--panel: #0d0d0d;--accent: #ff8c00;--accent-dim: rgba(255, 140, 0, .45);--ink: #e8e4de;--ink-2: #9a948c;--ink-3: #5d5952;--line: #1e1c19;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.topbar{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:20px;padding:14px 22px;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:700;letter-spacing:.32em;color:var(--accent);text-shadow:0 0 18px rgba(255,140,0,.5)}.counter{margin-left:auto;color:var(--ink-2);font-size:14px}.counter strong{color:var(--ink);font-size:17px}.icon-btn{color:var(--ink-2);font-size:16px;padding:6px 10px;border-radius:8px;transition:color .15s,background .15s}.icon-btn:hover{color:var(--accent);background:#ff8c0014}.burger{display:flex;flex-direction:column;gap:4px;padding:10px}.burger span{width:20px;height:2px;background:currentColor;border-radius:2px}.whoami{color:var(--ink-2);font-size:13px;padding:3px 10px;border:1px solid var(--line);border-radius:999px}.logout{font-size:12.5px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}.login-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(360px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 30px;display:flex;flex-direction:column;gap:16px;text-align:center;box-shadow:0 10px 60px #000c}.login-sub{color:var(--ink-2);font-size:14px}.login-users{display:flex;gap:8px}.login-user{flex:1;padding:10px 0;border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-size:15px;text-transform:capitalize;transition:border-color .15s,color .15s,background .15s}.login-user:hover{color:var(--ink)}.login-user.active{border-color:var(--accent);color:var(--accent);background:#ff8c0014}.login-pw{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:15px;padding:11px 14px;text-align:center}.login-pw:focus{outline:none;border-color:var(--accent-dim)}.login-error{color:#e05d54;font-size:13px}.accent-btn:disabled{opacity:.4;cursor:default}main{padding-top:54px}.world-stage{min-height:calc(100vh - 54px);display:flex;flex-direction:column;justify-content:center;padding:10px 18px 26px}.map-wrap{position:relative}.map{width:100%;height:auto;display:block;overflow:hidden}.map.zoomable{cursor:grab;touch-action:none}.map.zoomable:active{cursor:grabbing}.country{stroke:none;transition:fill .15s;cursor:pointer}.country:hover{fill:#ff8c0040}.borders{fill:none;stroke-width:.8px;stroke-linejoin:round;pointer-events:none}.hint{text-align:center;color:var(--ink-3);font-size:12.5px;margin-top:12px;letter-spacing:.03em}.tooltip{position:absolute;z-index:20;pointer-events:none;background:#0a0a0af2;border:1px solid rgba(255,140,0,.4);border-radius:8px;padding:8px 12px;box-shadow:0 4px 24px #000000b3;max-width:260px}.tooltip-name{font-weight:600;font-size:14px}.tooltip-sub{color:var(--ink-2);font-size:12px;margin-top:2px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .25s}.backdrop.show{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(420px,100vw);background:var(--panel);border-left:1px solid var(--line);transform:translate(102%);transition:transform .28s cubic-bezier(.3,.8,.3,1);overflow-y:auto;padding:0 22px 30px}.panel.open{transform:translate(0);box-shadow:-20px 0 60px #000c}.panel-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--panel);padding:16px 0 12px;border-bottom:1px solid var(--line);margin-bottom:6px;z-index:2}.panel-head h2{font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.panel section{padding:18px 0;border-bottom:1px solid var(--line)}.panel section:last-child{border-bottom:none}.panel h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}.bilanz{display:flex;align-items:center;gap:18px}.big-stats{display:flex;flex-direction:column;gap:12px;flex:1}.big-stats>div{display:flex;align-items:baseline;gap:10px}.big-num{font-size:38px;font-weight:700;color:var(--accent);line-height:1}.big-num.dim{color:var(--ink-3)}.big-label{color:var(--ink-2);font-size:13px}.ring{width:118px;flex:none}.ring-bg{fill:none;stroke:var(--line);stroke-width:9}.ring-fg{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .5s}.ring-num{fill:var(--ink);font-size:21px;font-weight:700;text-anchor:middle}.ring-label{fill:var(--ink-2);font-size:11px;text-anchor:middle}.cont-bars{display:flex;flex-direction:column;gap:8px;margin-top:18px}.cont-row{display:flex;align-items:center;gap:8px;font-size:13px}.cont-dot{width:9px;height:9px;border-radius:50%;flex:none}.cont-name{width:92px;flex:none;color:var(--ink-2)}.cont-count{width:44px;text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.bar{flex:1;height:7px;background:var(--line);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s}.bar.wide{height:9px}.tiles{display:flex;gap:10px;margin-top:14px}.tile{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.tile-num{font-size:22px;font-weight:700;color:var(--accent)}.tile-label{font-size:12px;color:var(--ink-2);line-height:1.35}.prose{font-size:13.5px;line-height:1.55;color:var(--ink);margin-bottom:10px}.footnote{font-size:11.5px;color:var(--ink-3);line-height:1.45;margin-top:8px}.dist{width:100%;height:auto;margin-top:6px}.dist-area{fill:#ff8c0024}.dist-line{fill:none;stroke:var(--accent);stroke-width:2}.dist-ref{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3}.dist-ref-label{fill:var(--ink-3);font-size:9px;text-anchor:middle}.dist-me{stroke:var(--ink);stroke-width:1.5}.dist-me-label{fill:var(--ink);font-size:10px;font-weight:600;text-anchor:middle}.dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.axis-label{fill:var(--ink-3);font-size:9px}.level{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.level-name{font-size:20px;font-weight:700;color:var(--accent)}.level-next{font-size:12px;color:var(--ink-2)}.badges{list-style:none;display:flex;flex-direction:column;gap:6px}.badge{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:13px;color:var(--ink-2)}.badge.done{border-color:#ff8c0080;color:var(--ink)}.badge.done .badge-progress{color:var(--accent)}.badge-name{flex:1}.badge-progress{font-variant-numeric:tabular-nums}.hemi{display:flex;flex-direction:column;gap:10px}.hemi-row{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2)}.hemi-row>span{width:58px}.hemi-row>span:last-child{text-align:right}.hemi-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.hemi-bar div{height:100%;background:var(--accent);border-radius:4px 0 0 4px;transition:width .5s}.extremes{display:flex;flex-direction:column;gap:7px}.extremes div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.extremes dt{color:var(--ink-2)}.extremes dd{text-align:right}.accent-btn{display:block;width:100%;padding:11px;border:1px solid rgba(255,140,0,.55);border-radius:10px;color:var(--accent);font-weight:600;font-size:14px;transition:background .15s,box-shadow .15s}.accent-btn:hover{background:#ff8c001a;box-shadow:0 0 20px #ff8c0026}.suggestion{margin-top:12px;font-size:15px;text-align:center}.danger-btn{width:100%;padding:10px;border:1px solid #3a1d1d;border-radius:10px;color:#b3574f;font-size:13px}.danger-btn:hover{background:#b4463c14}.continent{max-width:1120px;margin:0 auto;padding:56px 22px 30px;opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s}.continent.seen{opacity:1;transform:none}.continent-head{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:18px}.continent-head h2{font-size:30px;letter-spacing:.1em;text-transform:uppercase}.continent-progress{display:flex;align-items:center;gap:12px;flex:1;min-width:220px}.continent-count{color:var(--ink-2);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.continent-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:26px;align-items:start}.country-list{list-style:none;max-height:470px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:6px}.country-row{display:flex;align-items:center;gap:6px}.country-toggle{flex:1;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);text-align:left;transition:background .12s,color .12s}.country-toggle:hover{background:#ffffff0a;color:var(--ink)}.country-row.visited .country-toggle{color:var(--ink)}.country-flag{font-size:16px}.country-name{flex:1}.country-check{font-weight:700}.year-input{width:64px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:12px;padding:5px 7px;margin-right:6px}.year-input:focus{outline:none;border-color:var(--accent-dim)}.year-input::-webkit-outer-spin-button,.year-input::-webkit-inner-spin-button{-webkit-appearance:none}.foot{text-align:center;color:var(--ink-3);font-size:12px;padding:40px 20px 30px}@media(max-width:860px){.continent-body{grid-template-columns:1fr}.country-list{max-height:320px}.bilanz{flex-direction:column;align-items:flex-start}}