@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";:root{--sky: #93d8f5;--grass: #6dbf5e;--orange: #e8832a;--warm-white: #fffbe8;--stone: #d4c5a8;--dark: #2d2018;--panel-bg: rgba(255, 251, 232, .88);--panel-blur: 14px;--radius: 18px;--shadow: 0 8px 32px rgba(45, 32, 24, .18);--font: "Outfit", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--sky);color:var(--dark);overflow:hidden;height:100vh}#root,.app-container{height:100%;width:100%;position:relative}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.app-container:after{content:"";position:fixed;top:16px;right:16px;bottom:16px;left:16px;border:5px solid rgba(255,255,255,.75);border-radius:32px;pointer-events:none;z-index:500;box-shadow:inset 0 0 60px #ffffff1f}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;padding:40px 52px;display:flex;flex-direction:column;justify-content:flex-end}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:16px}.hud-title-block{pointer-events:auto}.hud-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);text-shadow:0 1px 4px rgba(0,0,0,.18);margin-bottom:4px}.hud-village-name{font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:#fff;text-shadow:2px 3px 0 rgba(45,32,24,.22),0 6px 24px rgba(45,32,24,.18);line-height:1}.hud-subtitle{font-size:1.05rem;font-weight:600;color:#ffffffe0;text-shadow:0 2px 8px rgba(45,32,24,.2);margin-top:4px}.hud-stats{display:flex;gap:12px;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end}.stat-pill{background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.7);border-radius:999px;padding:10px 22px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow);min-width:90px}.stat-pill .stat-value{font-size:1.55rem;font-weight:800;color:var(--orange);line-height:1.1}.stat-pill .stat-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7a6040;margin-top:1px}.hud-top{position:absolute;top:40px;right:52px;pointer-events:auto;display:flex;gap:10px}.reset-btn{background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:8px 20px;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--dark);cursor:pointer;box-shadow:var(--shadow);transition:background .15s,transform .12s;letter-spacing:.05em}.reset-btn:hover{background:rgba(232,131,42,.18);transform:translateY(-1px)}.reset-btn:active{transform:scale(.97)}.view-toggle-btn{background:linear-gradient(135deg,#e8832a,#d96c18);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.55);border-radius:999px;padding:8px 20px;font-family:var(--font);font-size:.82rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 16px #e8832a66,var(--shadow);transition:transform .15s,box-shadow .15s,background .15s;letter-spacing:.05em}.view-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e8832a8c}.view-toggle-btn:active{transform:scale(.97)}.view-toggle-btn.active{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 4px 16px #1e88e580,var(--shadow)}.street-label{position:absolute;bottom:40px;left:52px;display:flex;align-items:center;gap:12px;background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.75);border-radius:var(--radius);padding:12px 22px;box-shadow:var(--shadow);animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.street-label-icon{font-size:2rem}.street-label-title{font-size:1.1rem;font-weight:800;color:var(--dark)}.street-label-sub{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-top:2px}.repo-tooltip{position:absolute;bottom:40px;right:52px;pointer-events:none;background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.75);border-radius:var(--radius);padding:14px 20px;box-shadow:var(--shadow);min-width:200px;max-width:280px;animation:fadeInDown .18s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.repo-tooltip .repo-name{font-size:1rem;font-weight:800;color:var(--dark);margin-bottom:3px;word-break:break-word}.repo-tooltip .repo-lang{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}.repo-tooltip .repo-desc{font-size:.8rem;color:#5a4a30;line-height:1.45}.repo-tooltip .repo-stars{font-size:.78rem;font-weight:700;color:#7a6040;margin-top:6px}#login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#a2e4f8 0%,#7ecf68 100%)}.login-card{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.85);border-radius:28px;padding:3rem 3.5rem;box-shadow:0 20px 60px #2d201833;text-align:center;width:min(420px,90vw);animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-icon{font-size:3.2rem;margin-bottom:.5rem;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-card h1{font-size:2.4rem;font-weight:900;color:var(--dark);margin-bottom:.3rem}.login-card h1 span{color:var(--orange)}.login-card p{font-size:.95rem;color:#7a6040;margin-bottom:1.8rem;line-height:1.5}.input-group{margin-bottom:1rem;position:relative}#username{width:100%;padding:.9rem 1.2rem;border:2.5px solid rgba(232,131,42,.25);border-radius:14px;font-family:var(--font);font-size:1rem;font-weight:600;background:rgba(255,255,255,.85);color:var(--dark);outline:none;transition:border-color .18s,box-shadow .18s}#username:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e8832a26}#username::placeholder{color:#c4a868}#enter-btn{width:100%;padding:.95rem;background:linear-gradient(135deg,#e8832a,#d96c18);color:#fff;border:none;border-radius:14px;font-family:var(--font);font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 16px #e8832a59;transition:transform .12s,box-shadow .12s}#enter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e8832a73}#enter-btn:active{transform:scale(.98)}.login-hint{font-size:.75rem;color:#b0906a;margin-top:1.2rem}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:linear-gradient(160deg,#a2e4f8 0%,#7ecf68 100%)}.loading-spinner{width:52px;height:52px;border:5px solid rgba(232,131,42,.2);border-top-color:var(--orange);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;font-weight:700;color:var(--dark)}.sidebar-toggle-btn{position:absolute;top:40px;left:32px;background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:10px 18px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:var(--shadow);z-index:30;pointer-events:auto;transition:all .3s cubic-bezier(.25,1,.5,1)}.sidebar-toggle-btn:hover{background:rgba(255,255,255,.95);transform:translateY(-1px)}.hamburger{display:flex;flex-direction:column;gap:3px}.hamburger .line{width:14px;height:2px;background-color:var(--dark);border-radius:2px;transition:all .3s ease}.sidebar-toggle-btn.open .hamburger .line:nth-child(1){transform:translateY(5px) rotate(45deg)}.sidebar-toggle-btn.open .hamburger .line:nth-child(2){opacity:0}.sidebar-toggle-btn.open .hamburger .line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.toggle-text{font-family:var(--font);font-size:.85rem;font-weight:700;color:var(--dark);letter-spacing:.05em;text-transform:uppercase}.hud-sidebar{position:absolute;top:0;left:0;height:100vh;width:320px;background:rgba(255,251,232,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid rgba(255,255,255,.75);padding:100px 32px 32px;box-shadow:10px 0 40px #2d201826;display:flex;flex-direction:column;gap:24px;overflow-y:auto;transform:translate(-100%);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.25,1,.5,1);z-index:25}.hud-sidebar.open{transform:translate(0);opacity:1;pointer-events:auto}.hud-sidebar::-webkit-scrollbar{width:6px}.hud-sidebar::-webkit-scrollbar-track{background:transparent}.hud-sidebar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-title{font-size:1.3rem;font-weight:900;color:var(--dark);margin-bottom:4px}.sidebar-subtitle{font-size:.95rem;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:4px}.hud-stats-vertical{display:flex;flex-direction:column;gap:8px}.stat-pill-v{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.4);padding:8px 12px;border-radius:8px}.stat-pill-v .stat-label{font-size:.8rem;font-weight:700;color:#7a6040;text-transform:uppercase}.stat-pill-v .stat-value{font-size:1.1rem;font-weight:800;color:var(--orange)}.lang-list{display:flex;flex-direction:column;gap:6px}.lang-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--dark);background:rgba(255,255,255,.4);padding:6px 10px;border-radius:6px}.lang-count{background:var(--orange);color:#fff;padding:2px 6px;border-radius:12px;font-size:.75rem;font-weight:800}.filter-group{display:flex;flex-direction:column;gap:6px}.glass-input,.glass-select{width:100%;padding:10px 12px;background:rgba(255,255,255,.5);border:1.5px solid rgba(255,255,255,.8);border-radius:10px;font-family:var(--font);font-size:.9rem;font-weight:600;color:var(--dark);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.glass-input:focus,.glass-select:focus{border-color:var(--orange);background:rgba(255,255,255,.8);box-shadow:0 0 0 3px #e8832a26}.glass-input::placeholder{color:#2d201866}.glass-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232d2018%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}.range-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--dark)}.glass-range{-webkit-appearance:none;width:100%;height:6px;background:rgba(255,255,255,.6);border-radius:3px;outline:none;border:1px solid rgba(255,255,255,.4)}.glass-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--orange);cursor:pointer;box-shadow:0 2px 6px #e8832a66;border:2px solid white}@media (max-width: 768px){.hud-top{top:24px;right:24px;gap:6px}.reset-btn{padding:6px 12px;font-size:.75rem}.sidebar-toggle-btn{top:24px;left:24px;padding:10px}.sidebar-toggle-btn .toggle-text{display:none}.hud-village-name{font-size:2.2rem}.hud-sidebar{width:280px;padding:80px 24px 24px}}