@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Outfit:wght@300;600&display=swap";:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw}#app{position:relative;width:100%;height:100%}#globe-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.ui-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;z-index:10}.ui-header{pointer-events:auto;display:flex;justify-content:space-between;align-items:flex-start;width:100%}.title{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.8rem;font-size:1.2rem;color:#fff;text-transform:uppercase}.counter{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.2rem;font-size:1.2rem;text-transform:uppercase;margin-top:.2rem}.count-red{color:#f44}.count-white{color:#fff}.count-separator{color:#fff6;font-size:.7rem;margin:0 .5rem;vertical-align:middle}.ui-footer{display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;width:100%}.footer-left,.footer-center,.footer-right{pointer-events:auto;flex:1}.footer-center{display:flex;justify-content:center}.footer-right{display:flex;justify-content:flex-end}.controls{display:flex;gap:1.5rem}.legal-group{display:flex;align-items:center;gap:.8rem}.separator{color:#fff3;font-size:.8rem}.legal-link,.btn{color:#fff6;text-decoration:none;font-size:.85rem;letter-spacing:.15rem;text-transform:uppercase;transition:all .3s ease;background:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif}.legal-link:hover,.btn:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.support-link:hover{color:#fd0;text-shadow:0 0 10px rgba(255,221,0,.4)}.hud-hint{font-size:.65rem;color:#fff3;letter-spacing:.05rem;text-transform:uppercase;margin-top:.5rem}.floating-label{position:absolute;pointer-events:none;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1rem;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.2rem;text-transform:uppercase;border-radius:4px;z-index:1000;transform:translate(-50%,-100%);margin-top:-20px;white-space:nowrap;animation:labelFadeIn .3s ease-out;box-shadow:0 10px 30px #00000080}.floating-label:after{content:"Click again for details";display:block;font-family:Inter,sans-serif;font-size:.55rem;letter-spacing:.05rem;color:#fff6;margin-top:.3rem;font-weight:400}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.playback-btn{background:transparent;border:none;cursor:pointer;color:#fff6;transition:all .3s ease;display:flex;padding:.5rem}.playback-btn svg{width:28px;height:28px;fill:currentColor}.playback-btn:hover{color:#fff;transform:scale(1.1)}.modal{display:none;position:fixed;z-index:100;inset:0;background-color:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto}.modal-content{background:#0a0a0a;margin:10vh auto;padding:3.5rem;border:1px solid #222;width:90%;max-width:650px;border-radius:12px;color:#aaa;font-weight:300;line-height:1.7;position:relative;box-shadow:0 25px 50px #000c}.modal-content h2{color:#fff;margin-bottom:2rem;font-family:Outfit,sans-serif;letter-spacing:.3rem;font-size:1.4rem}.modal-content h3{color:#ddd;margin-top:2rem;margin-bottom:.75rem;font-size:1.1rem}.legal-section{margin-bottom:1.8rem}.legal-section ul{padding-left:1.5rem}.close-btn{position:absolute;top:1.5rem;right:1.5rem;color:#444;font-size:2.2rem;line-height:1;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:#fff}.split-layout{position:absolute;inset:0;z-index:50;display:flex;background:transparent;pointer-events:none}.split-left{width:35%;min-width:400px;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid #222;height:100vh;display:flex;flex-direction:column;padding:3rem;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:10px 0 30px #00000080;pointer-events:auto}.split-right{flex:1;position:relative}.conflict-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #333;padding-bottom:1.5rem}.conflict-list-header h2{font-family:Outfit,sans-serif;color:#fff;font-size:1.5rem;letter-spacing:.1rem;text-transform:uppercase;margin:0}.close-split-btn{background:none;border:none;color:#666;font-size:2rem;line-height:1;cursor:pointer;transition:color .2s;padding:0}.close-split-btn:hover{color:#fff}.conflict-list-content{overflow-y:auto;flex:1;padding-right:1rem}.conflict-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #222}.conflict-item h3{font-family:Outfit,sans-serif;color:#f44;font-size:1.1rem;margin-bottom:.5rem;letter-spacing:.05rem}.conflict-item p{color:#aaa;font-size:.9rem;line-height:1.6;font-weight:300}.conflict-list-content::-webkit-scrollbar{width:6px}.conflict-list-content::-webkit-scrollbar-track{background:#111}.conflict-list-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.conflict-list-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.ui-overlay{padding:2.5rem 1.5rem 10rem}.title{font-size:1rem;letter-spacing:.4rem}.ui-footer{flex-wrap:wrap;justify-content:center;gap:3.5rem}.footer-left,.footer-center,.footer-right{flex:none;width:100%;justify-content:center;text-align:center}.footer-right{order:1}.footer-center{order:2}.footer-left{order:3}.controls{justify-content:center;gap:2.5rem}.legal-link,.btn{font-size:1rem;font-weight:400;letter-spacing:.15rem}.playback-btn svg{width:36px;height:36px}.modal-content{padding:2.5rem 1.5rem;margin-top:5vh}}