*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a0f;font-family:system-ui,-apple-system,sans-serif;color:#fff}nav{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(10px);border-bottom:1px solid #222;padding:10px 20px;z-index:1000;display:flex;gap:15px;align-items:center;flex-wrap:wrap}nav a{color:#555;text-decoration:none;font-size:12px;transition:color .2s;padding:4px 8px;border-radius:4px}nav a:hover{color:#4af;background:#44aaff1a}nav .logo{font-weight:700;font-size:16px;color:#4af;margin-right:auto}.webgl-count{font-size:10px;color:#444;padding:4px 8px;background:#111;border-radius:4px}section{padding:70px 20px 40px;border-bottom:1px solid #151520}.section-header{max-width:1400px;margin:0 auto 20px}.section-title{font-size:20px;font-weight:600;color:#4af;margin-bottom:4px}.section-desc{color:#444;font-size:12px}.hero-container{max-width:1400px;margin:0 auto}#hero-globe{height:calc(100vh - 150px);min-height:500px;position:relative}.grid{display:grid;gap:12px;max-width:1400px;margin:0 auto}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.variant{background:#0a0a0f;border:1px solid #1a1a25;border-radius:6px;overflow:hidden}.variant-header{padding:6px 10px;background:#0f0f15;border-bottom:1px solid #1a1a25;display:flex;justify-content:space-between;align-items:center}.variant-title{font-weight:500;color:#888;font-size:12px}.variant-meta{font-size:9px;color:#333;font-family:monospace}.variant-container{position:relative}.height-400{height:400px}.height-380{height:380px}.height-320{height:320px}.height-280{height:280px}.height-250{height:250px}.height-180{height:180px}.globe-toolbar{position:absolute;bottom:12px;right:12px;display:flex;gap:4px;z-index:100;opacity:0;transition:opacity .2s}.globe-container:hover .globe-toolbar,.globe-toolbar.always-visible{opacity:1}.toolbar-btn{width:28px;height:28px;border-radius:4px;background:#000000b3;border:1px solid #333;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.toolbar-btn:hover{background:#44aaff26;color:#4af;border-color:#4af}.toolbar-btn.active{background:#4af3;color:#4af;border-color:#4af}.globe-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50}.globe-loader.hidden{display:none}.globe-spinner{width:32px;height:32px;border:2px solid #222;border-top-color:#4af;border-radius:50%;animation:spin .8s linear infinite}.globe-progress-track{width:100%;height:4px;background:#222;border-radius:2px;overflow:hidden}.globe-progress-bar{width:0%;height:100%;background:#4af;transition:width .1s linear}.globe-progress-text{font-size:10px;color:#666;font-family:monospace}@keyframes spin{to{transform:rotate(360deg)}}.globe-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f44;font-size:11px;text-align:center;display:none}.globe-error.visible{display:block}.info-box{background:#0f0f15;border:1px solid #1a1a25;border-radius:6px;padding:10px 14px;margin-bottom:12px;max-width:1400px;margin-left:auto;margin-right:auto;font-size:11px;color:#555}.info-box code{background:#0a0a0f;padding:2px 4px;border-radius:3px;font-size:10px;color:#4af}.stat-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-width:1400px;margin:0 auto}footer{padding:30px 20px;text-align:center;color:#222;font-size:11px}footer a{color:#4af;text-decoration:none}.lil-gui-help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#fff3;color:#fff;font-size:10px;font-weight:700;cursor:help;margin-left:8px;position:relative;pointer-events:auto}.lil-gui-help-icon:hover{background:#4af}.lil-gui-tooltip{position:absolute;right:24px;top:0;width:220px;background:#0f0f14f2;border:1px solid #333;border-radius:4px;padding:10px;font-size:11px;line-height:1.4;color:#ccc;visibility:hidden;opacity:0;transition:opacity .2s;z-index:1001;pointer-events:none;box-shadow:0 4px 12px #00000080;white-space:normal;text-align:left}.lil-gui-tooltip b{color:#4af;display:block;margin-bottom:4px}.lil-gui-tooltip.visible{visibility:visible;opacity:1}.section-header{max-width:1400px;margin:0 auto 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;user-select:none}.section-header:hover .section-title{color:#6bf}.section-header-content{flex:1}.section-toggle-icon{width:24px;height:24px;color:#4af;margin-left:16px;margin-top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.section-content.collapsed{display:none}.section-toggle-icon.collapsed{transform:rotate(-90deg)}