:root{--bg-color:#0b0f19;--map-water:#111827;--map-land:#1f2937;--map-border:#374151;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--glass-bg:#111827bf;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--color-banned:#ef4444;--color-regulated:#f59e0b;--color-unregulated:#6b7280;--color-hover:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3{font-family:Outfit,sans-serif}#app-container{flex-direction:column;height:100vh;display:flex;position:relative}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-header{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:20px;left:20px;right:20px}.logo h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.legend{gap:20px;display:flex}.legend-item{color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.banned{background-color:var(--color-banned);box-shadow:0 0 10px var(--color-banned)}.dot.regulated{background-color:var(--color-regulated);box-shadow:0 0 10px var(--color-regulated)}.dot.unregulated{background-color:var(--color-unregulated);box-shadow:0 0 10px var(--color-unregulated)}main{flex:1;position:relative}#map{background-color:var(--map-water);width:100%;height:100%}.leaflet-container{font-family:Inter,sans-serif;background:var(--map-water)!important}.leaflet-control-zoom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;border:1px solid var(--glass-border)!important;background:var(--glass-bg)!important;border-radius:8px!important}.leaflet-control-zoom a{color:var(--text-primary)!important;border-bottom:1px solid var(--glass-border)!important;background:0 0!important}.leaflet-control-zoom a:hover{background:#ffffff1a!important}.leaflet-control-attribution{border-top-left-radius:8px;color:var(--text-secondary)!important;background:#00000080!important}.leaflet-control-attribution a{color:#60a5fa!important}#info-panel{z-index:1000;width:350px;max-height:calc(100vh - 180px);box-shadow:var(--glass-shadow);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:110px;right:20px;overflow-y:auto;transform:translate(0)}#info-panel.hidden{opacity:0;pointer-events:none;transform:translate(120%)}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:16px;right:16px}.close-btn:hover{color:var(--text-primary)}#country-name{margin-bottom:12px;padding-right:24px;font-size:1.8rem}.badge{text-transform:uppercase;background-color:var(--map-border);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}#policy-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.6}.links-container{flex-direction:column;gap:12px;display:flex}.policy-link{border:1px solid var(--glass-border);color:#60a5fa;background:#ffffff0d;border-radius:8px;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.policy-link:hover{background:#ffffff1a;transform:translateY(-2px)}.glass-footer{z-index:1000;color:var(--text-secondary);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:30px;padding:10px 20px;font-size:.75rem;position:absolute;bottom:20px;left:20px}.glass-footer a{color:#a78bfa;font-weight:600;text-decoration:none}.glass-footer a:hover{text-decoration:underline}path.leaflet-interactive{transition:fill .3s,fill-opacity .3s,stroke-width .2s}@media (width<=768px){.glass-header{flex-direction:column;align-items:flex-start;gap:16px}.legend{flex-wrap:wrap}#info-panel{width:auto;max-height:50vh;inset:auto 20px 20px}#info-panel.hidden{transform:translateY(120%)}}